サイト構築
美しいフォントは日本の宝！プロユース向けの日本語フォントを扱っているベンダー各社のまとめ
Post on:2014年11月25日
Webデザイナー、DTPデザイナーなどが愛用するプロユースの日本語フォントを扱っているベンダー各社を紹介します。 いいフォントに出会えると、なんだか幸せな気持ちになりますよね。 モリサワ 最初に購入すべきフォントは何？ […]
[JS]日本語もOK、行単位でスタイルを適用できるようにするスクリプト -Lining.js
Post on:2014年11月25日
first-line疑似要素を使用すると、その要素の最初の行だけスタイルを適用できますが、それを拡張するかのようにさまざまな行の指定ができるスクリプトを紹介します。 外部スクリプトを加えるだけで、先頭行、最終行、n番目の […]
[CSS]シンプルな気持ちいいアニメーションで、ボタンのテキストと背景をホバー時に変更するスタイルシートのテクニック
Post on:2014年11月21日
ボタンをホバーすると、テキストと背景をスライドのアニメーションで変更するスタイルシートのテクニックを紹介します。 ぱっと見、スクリプトを使ってるように見えますが、スタイルシートのみの実装です。
[CSS]Flexboxで実装されたグリッドをはじめ、基本となるコンポーネントやページレイアウトのまとめ
Post on:2014年11月20日
ベースとなる12カラムのグリッド、コンテンツとサイドバー、左寄せ・中央配置・右寄せ、ネストしたコンテンツ、天地揃え、ヘッダ・フッタ付きの3カラムのページレイアウトなど、それぞれをFlexboxを使って実装したレスポンシブ […]
スキャンした下絵や線画から1クリックで主線を抽出するPhotoshopのアクション -Lineart Separate
Post on:2014年11月19日
個人でも商用でも無料で利用できる、下絵や線画から1クリックで主線を抽出するPhotoshopのアクションを紹介します。 数手間かかるのが、1クリックでできちゃうと楽ちんですね。 Photoshop Action: Sep […]
[JS]スライダーのスクリプトを探しているなら絶対チェックした方がいいスクリプト -Slider Pro
Post on:2014年11月19日
デスクトップ、スマホ、タブレットの表示・操作に対応したさまざまなスライダーを実装できるjQueryのプラグインを紹介します。 今必要とされるさまざまな機能を備えています。 「Pro」がついてるから有料？って思うかもしれま […]
しっかりと理解しておきたい！レスポンシブWebデザインを使いこなすための9つの基本原則
Post on:2014年11月18日
レスポンシブWebデザインは、デスクトップやスマホやタブレットなどさまざまなサイズのスクリーンの問題に対する素晴らしい解決方法です。 レスポンシブWebデザインをより深く理解するための基本原則を紹介します。 9 basi […]
[CSS]最近のWeb制作でよく使う、Sassのmixinのまとめ
Post on:2014年11月17日
最近のWeb制作に役立つ、Sassのmixinのまとめを紹介します。 15 essential Sass mixins
iOS, Androidのさまざまなスマホ・タブレットのサイズやCSSでの値が一覧できるサイト -mydevice.io
Post on:2014年11月17日
さまざまなスマホやタブレットのサイズや解像度、それらのCSSでの値などが一覧できるサイトを紹介します。 mydevice.io
[JS]ページの背景に、美しい幾何学状のアニメーションを簡単に実装できる超軽量スクリプト -particles.js
Post on:2014年11月14日
最近見かけるようになった背景にCanvasで描いた粒子でできたような幾何学状のアニメーションを簡単に実装できる超軽量スクリプトを紹介します。 ↓は静止キャプチャですが、優美なアニメーションで動きます。 particles […]
sponsors
