サイト構築
無料版は3分、だが便利！ブラウザのさまざまなバージョンで簡単に表示確認・レスポンシブの確認ができる -Browserling
Post on:2015年10月9日
IE, Chrome, Firefox, Opera, Safariなど、ブラウザのさまざまなバージョンでの表示確認、レスポンシブの確認などが、簡単にブラウザ上でできるオンラインサービスを紹介します。 有料版だと、ローカ […]
[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 […]
ひらがなで書くべき漢字のまとめ: 企業サイトで使用する「ひらく漢字」「ひらかない漢字」
Post on:2015年10月1日
これまでに数多くの一部上場企業様のWebサイトのリニューアル・サイト制作にコアメンバーとして参加し、その中で表記ルールもかなりの数を策定してきました。策定時のベースに使用する「ひらく漢字」「ひらかない漢字」の一部を紹介し […]
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種類まとめて、コリ […]
sponsors
