web制作ツールに関するnatsumeemeeのブックマーク (4)

  • Entity Lookup

    Using HTML entities is the right way to ensure all the characters on your page are validated. However, often finding the right entity code requires scanning through 250 rows of characters. This lookup allows you to quickly find the entity based on how it looks, e.g. like an < or the letter c. Features Search for entity characters based on how they look (taken from the W3C list of entities) Switch

    Entity Lookup
    natsumeemee
    natsumeemee 2014/05/08
    特殊文字をエンティティ変換
  • Coveloping

    box-shadowでふわりとした影をつくるCSSのジェネレーター、レスポンシブのチェック、アスペクト比の計算機、CSS/JSの軽量化など、たくさんの便利な時短ツールがありますが、それらの便利なツールを一つの場所にまとめたCovelopingを紹介します。 FacebookのOPGチェックやGoogle Mapsの地図生成ツールもあり、新しいプロジェクトを始める時にも役立つものが揃っています。 Coveloping 便利ツールは現在23種類、アスペクト比の計算や一つのカラーに黒と白を加えたバリエーションを生成したり、box-shadowでふわりとした影をつけたり、jQueryのアニメーションのエフェクトなどがあります。 これからもどんどん増えていくそうです。 その中から、いくつか紹介します。

  • CSS見出し-ジェネレーター | WEB道

    あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ 見出しサンプル あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ CSSコード .sample2 { position: relative; color: #ffffff ; background: #000000; font-size: 16pt ; line-height: 1; margin: 20px -10px 20px -10px; padding: 10px 5px 10px 20px; box-shadow:1px 3px

    CSS見出し-ジェネレーター | WEB道
    natsumeemee
    natsumeemee 2014/05/07
    CSS見出しジェネレータ
  • WEB計測 簡単に画像の幅やマージンの計算ができるWEB計算ツール

    縦と横の比率が最も均整が取れた長方形。この比率で整えられた状態が最も美しいとされています。黄金比の長方形はそこから正方形を取り除いてても同じ比率の長方形が残ります。数値で表すと「1:1. 6180339887 4989484820 4586834365 63...」ずぅーと続きます。一般的には近似値として「1.618」を利用しています。 黄金比を持つ長方形は歴史的にも古くから研究されています。例えば「ギリシャのパルテノン神殿」「ミロのビーナス」「富嶽三十六景」などがあげられます。最近ではツイッターやAppleのロゴも黄金比でデザインされていると話題になりました。 ブログのアイキャッチや画像のサイズを決定するときに参考にできます。

    WEB計測 簡単に画像の幅やマージンの計算ができるWEB計算ツール
  • 1