サイト構築 -実装
divとsectionとarticle要素それぞれの特徴、使い分けと組み合わせ方 -HTML5のセクショニング コンテンツ
Post on:2015年10月14日
HTML5は、ドキュメントを構造化する際に用いるセマンティックなコードです。あなたがどんなタグを使うかによって、ユーザエージェントにその意味を伝えます。 HTML5のタグにはさまざまなものがあり、中でもsectionとa […]
[JS]ふわりとした動きが気持ちいい！スクロールするとコンテンツが後から追いかけるように表示されるスクリプト - Flow Up
Post on:2015年10月9日
ページをスクロールすると、垂直に配置されたコンテンツやパネルが後から追いかけるようにふわりと定位置に配置されるシンプルなスクリプトを紹介します。 ずっと気にかけてたエフェクトだったのですが、このスクリプトを使うと簡単に実 […]
デザインやイラストで色の組み合わせを決める時の参考になるカテゴリ別100種類のカラーパレットのまとめ
Post on:2015年10月7日
色の組み合わせを決めるときに何から始めれば、と迷うことはありませんか？ 色は注意を引きつけ、ムードをつくり、デザインを活気づかせ、ユーザーの感情と理解に強い影響を与える大切な要素です。自然、食べ物・飲み物、旅先、日常の4 […]
数学からデザインのインスピレーションを得よう！数学の美しさを楽しめるGIFアニメーションのまとめ
Post on:2015年10月6日
数学は、遙か昔から多くの芸術や建築のデザインに利用されてきました。Webデザインに黄金比や白銀比、フィボナッチ数列などをとりいれてる人もいるかもしれません。 クリエイティブなインスピレーションが得られる数学の美しさを楽し […]
知ってると便利なCSSのテクニックのまとめ -CSS Protips
Post on:2015年10月5日
リスト要素で実装したナビゲーションの右端のボーダーを取り除くシンプルな方法、flexboxで実装したカラム間の溝の最後の溝を取り除く方法、天地の中央に配置など、知ってると便利なCSSのテクニックを紹介します。 CSS P […]
Win, Mac対応、デスクトップでもブラウザでも動作するベクターでイラスト・デザインができる無料アプリ -Vectr
Post on:2015年10月1日
Windows, Mac OS X対応のデスクトップ用ソフトウェアとして、Chrome, Safari, Edge対応のブラウザ用アプリとして動作するベクターでイラスト・デザインができる無料のドロー系アプリを紹介します。 […]
[CSS]スニペットに登録しておくべし！繊細で美しいグラデーションをコピペで利用できる -GRADIENTS
Post on:2015年9月30日
div要素などにclassを一つ加えるだけで、繊細で美しいグラデーションを簡単に利用できるスタイルシートのパックを紹介します。 GRADIENTS GRADIENTS -GitHub
Webページのレイアウトに役立つ20のデザインテクニック
Post on:2015年9月29日
ページのレイアウトをする時に全てが同じ大きさ・形・色だと、それは非常に退屈なデザインになってしまいます。要素を整理し、階層をつくり、重要な箇所にフォーカスがあたるようにするにはコントラストを効果的に使うことです。 レイア […]
簡単、便利で高品質！Photoshopでさまざまなモックアップが楽しく作成できる -I am Creator
Post on:2015年9月28日
Photoshop上でパーツをドラッグ&ドロップして、積み木感覚に並べるだけでさまざまなモックアップを簡単に楽しく作成できるシーンジェネレーターを紹介します。 しかもそのシーンジェネレーターを4種類まとめて、コリ […]
アイコンを探す手間がなくなる！30種類の有名どこ全9,769個のSVGアイコンを一元管理・一行で簡単に利用できる -We Love SVG
Post on:2015年9月28日
Webページに外部スクリプトを一行記述するだけで、Font Awesome, Entypo, Icons8など、人気が高いアイコンセットの9,769種類のSVGアイコンを簡単に利用できるWeb Love SVGを紹介しま […]
sponsors
