HTMLレイアウトを支援するPerlスクリプト

こんにちは 私はWeb開発者です。HTMLテンプレートをレイアウトするときは、ピクセルの距離、比率、角度など、不要な小さなことを常に確認する必要があります。 もちろん、あらゆる種類の開発ツール、スクリーン拡大鏡、グラフィカルエディタを使用したスクリーンショットがあります。 しかし、これはそうではありません。 そして、アイデアが思い浮かびました。 複合マネージャーとマウスが必要なのは何ですか? ブラウザページの上で直接測定してみませんか? 唯一の難点は、Perl、JavaScript、およびその他のPHPとbash以外に、言語がまったくわからないことです。 しかし、私は頑固です。 その結果、私は何かを書きました。









その結果、非常に面白い小さな動物ができました。これについて私はここで書いており、誰かが助けになるかもしれないという希望を抱いています。 しかし...上記の理由により、Linux、GTK + 2、Perl(モジュールGTK2-Perl、Perl YAML、Perl Math :: Round)の特異な動物を得ました。



アイデアはこれでした。 スクリプトを実行します(便宜上、ホットキーにハングアップしました)。GTKウィンドウが透明な背景のフルスクリーンで開きます。 それだけです さらに、カイロ、Perl、および誰かの祖母の助けを借りて、カーソルラインが画面の現在のライブレンダリングの上に表示されます(水平および垂直-フルスクリーンの十字線)。 マウスとキーボードを使用して、画面のさまざまな領域を選択できます。 同時に、選択長方形、対角線、数値(幅、高さ、開始座標と終了座標、角度)、補助ガイド(中心、黄金のセクションなど)が描画されます;これらはすべて設定でオン/オフになり、構成されます)。 有効な複合出力モードが必要です。



測定者



選択プロセスでは、選択したクリップボードおよび/またはディスク上のファイルのスクリーンショットを取得し、選択の現在の数値をクリップボードに保存し、中央から選択モードに切り替え、選択を指定されたアスペクト比のいずれかに制限することができます(それらを設定して新しいものを追加できます)構成で)、配色のリストに従って異なる行の色を変更します(同じ構成で構成されます。一般に、ほとんどすべてがそこに構成されているため、これ以上予約しないようにします)。



現在の選択を保存できます。 つまり、ボタンをクリックしても、選択は画面に残ります-新しいことをすることができます。 さらに、ガイドを設定することができます-これまでは水平と垂直のみです(もちろん、強調表示するときにそれらに固執する可能性があります)。 ガイド、灰切り株も保存されます。



測定者



一般的に、現在の選択、保存された選択、保存されたガイドの3つの主要なレイヤーがあります。 保存された選択とガイドのレイヤーを切り替え、保存された選択またはガイドを選択し、ドラッグ、削除することができます... 実際、これはスクリプトの本質であり、目の前に役立つ測定値です。



スクリーンショットの利便性のために、選択したもの以外のすべてが不明瞭になったときに、選択(現在または選択した保存済み)の「マスキング」を実装しました。 シェーディングの透明度は、ビオラを固定した同じマウスで制御されます。



測定者



一般的に、すでにかなり多くの機能がありますが、今では、無計画に、無秩序に、詳細なしで、すでに自分で書いたマニュアルを書き直そうと考えています。 このスクリプトはオープンソースのGPL v3であるため、これは広告ではありません。ここで2つの目標を掲げて書いています。それを世界と共有することと、できれば改善するために建設的な批判を受けることです。



詳細については、私のWebサイトのマニュアルを参照してください。



一般に、スクリプトは想定されたユーティリティパッケージの一部であり、すでに十分に蓄積されていますが、この投稿ではgithubに別のリポジトリ立ち上げました。



コメント、提案、批評を歓迎します。



All Articles