作業時間を10分の1にできて、デザイナーとコーダーのお互いが幸せになれるプラグイン「SPECCTR」が素晴らしい。
ややうさんくさい感じのするタイトルですが、ホントの話なんです。 海外のサイトを見ていてたまたま見つけて試してみたところ「このプラグインを使えばデザイナー自身、そしてコーダーのお互いが幸せになれるっ!」と思ったので全力でご紹介したいと思います。 SPECCTRについてごく簡単に説明すると… フォント名やオブジェクトのサイズ、間隔、色などをボタン一つで建築の設計図のようにデザインの仕様を書き出せる というものです。 これまで、デザインからコーディングに取りかかる際に、ボタンのサイズやレイアウト間隔を正確に調べたりするには元データをいちいち開いたりしなければならず、地味ながら非常に手間のかかる作業が必要で、それらを一覧にできる良い方法が無いのが実情でした。 また、デザイナーからコーダーにデータを渡して、いざあがって来た時のレイアウトをみると、ところどころ変わっている部分があったりして、相互の無駄
[JS]IE6/7/8でアクセスしたユーザーに新しいブラウザのインストールを促すスクリプト -IE Alert js
ユーザーがIE6/7/8でアクセスした際、IE9へのバージョンアップや他のモダンブラウザのインストールを促すjQueryのプラグインを紹介します。 IE Alert js [ad#ad-2] IE Alert jsのデモ IE Alert jsの使い方 IE Alert jsのデモ デモはIE6/7/8でご覧ください。 IE9、Firefox, Chrome, Safari, Operaでは、下記のように通常通りに表示されるだけです。 デモページ：IE7で表示 [ad#ad-2] IE Alert jsの使い方 使い方は簡単で、2ステップです。 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 iealertフォルダ内にスタイルシート、および必要な画像が入っています。 <link rel="stylesheet" type=
はてブのブログパーツを自分のブログデザインに合わせる方法
はてブのブログパーツを自分のブログデザインに合わせる方法 2012/05/18 | カテゴリー: Creative | タグ: Blog, はてなブックマーク タイトルとURLをコピーする Tweet デフォルトの「はてブのブログパーツ」のデザインでも、 「はてブのことだ！」と分かりやすくていいとは思うのですが、 自分のブログデザインに合わせたい！とか、 外部サイトに飛びそうな感じがするから修正したい！という方に読んでもらえたらと思います。 やることとしては、 cssを追加するだけです。 とはいえ、cssを理解してないとちょっと難しいかもしれません。ぷー。 step1 はてブサイトからコードを取得 はてなブックマークブログパーツ このページの一番下にある、 「ブログのサイドバーに人気の記事を表示」の 「このブログパーツの設定へ」ボタンをクリック！ 次のページでURLを入れて 最後に細かい設
“度付き、出たんどす” PC専用メガネ「JINS PC」の新作を京都でPR！ - はてなニュース
PCのディスプレイが発する「ブルーライト」から目を守るPC専用メガネ「JINS PC」に、“度付きバージョン”が登場。さらに6月15日（金）には、待望のクリアレンズ型が加わりました。JINS PCを広めるべく“全国行脚中”のJINS広報さんが、半年前からJINS PCを愛用中のはてなエンジニア「やんべ」（id:yanbe）のもとへ来訪！ 一緒にPRの旅に乗り出しました。「京都の人たちにもっとJINS PCを使ってほしい！」という広報さんのお願いに協力してくれた“意外な人物”とは……？？ 記事の最後には、JINS PCが当たるプレゼント企画もあります！ （※この記事はジェイアイエヌの提供によるPR記事です） http://www.jins-jp.com/jins-pc/ JINS PCの公式サイト 2011年9月に発売されたJINS PCは、PCやスマートフォンなどのディスプレイが発する「ブ
200を越えるアイコンが揃ったBootstrap向けWeb Font·Font Awesome MOONGIFT
Font AwesomeはBootstrapと組み合わせて使えるアイコンを集めたWeb Fontです。 Twitter Bootstrapの便利な機能の一つにアイコンパックがあります。ちょっとした装飾を手軽に付け加えられるのは便利です。そんなBootstrapに200以上のアイコンを追加するのがFont Awesomeです。Web Fontで作られたアイコンパックです。 全てのアイコンです。 ソーシャルアイコンも揃っています。 例です。ドロップダウンやボタンにつけています。 大きさが自由に変更できるのもフォントならではです。 ドロップダウンにつけると機能がより分かりやすくなります。 カスタマイズすればレーティングに使ったりもできます。 ファイル構成です。SVGやフォントが提供されます。 Font AwesomeはTwitter Bootstrapで提供されているものに加えて色々な場面で役立
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
