サイト構築
デザインは基本が大切！ひとつ一つをしっかり見直しておきたい20のデザインテクニック
Post on:2015年6月15日
文字の扱い方、レイアウト、カラー、エフェクトなど、プロのデザイナーがこだわっているデザインの基本となるルールと、ついやってしまう間違いとその解決方法まで、ワンランク上のデザイナーになるためにひとつ一つをしっかり見直したい […]
Webデザインのすごいアイデアや細かいこだわりがいっぱい！素晴らしいUXを堪能できるサイトのまとめ
Post on:2015年6月12日
デザインの細かいこだわりがすごい！ こんな面白いアイデアはどこから生まれるんだろう？ CSSやSVGでこんなこともできるのか！ 次のプロジェクトのヒントになるような素晴らしいUXを堪能できるWebサイトを紹介します。 時 […]
Web制作時に備えておきたい便利なチートシートのまとめ -Bootstrap, WordPress, CSS3, Git, SublimeTextなど
Post on:2015年6月11日
BootstrapやFoundationなど人気のフレームワーク、CSSの各フレームワークの比較、WordPressのテーマ作成やコピペで利用できるコード集、Gitのコマンドやフロー、iOS/Androidのグラフィック […]
[CSS]画像のキャプションをいい感じのアニメーションで表示するシンプルなホバーエフェクト
Post on:2015年6月10日
シンプルな実装で、画像のキャプションを美しいグラデーションのパネルにアニメーションで表示するシンプルなホバーエフェクトを紹介します。 Simple Tile Hover Effect
4,000種類が揃った最強のアイコン素材！徹底的に美しくデザインされたアイコン -Streamline Icons v.2
Post on:2015年6月9日
Webサイト、ブログ、アプリ、ワイヤーフレームなどに最適な、徹底的に美しくデザインされたアイコン素材を紹介します。アイコンは有料版と無料版があり、無料版でも100種類！ しかもコリスのビジター限定で、有料版を3名様にプレ […]
[CSS]フォームの各ブラウザ間の相違を整え、好みのデザインで美しく表示させるスタイルシート -FormHack
Post on:2015年6月9日
テキストボックス、テキストエリア、セレクトメニュー、チェックボックス、ラジオボタンなど、フォームで使うエレメントの各ブラウザでの相違を整え、幅、高さ、ボーダー、角丸などのスタイルを簡単にカスタマイズして、各ブラウザで美し […]
知ってると便利！Photoshopの作業効率をアップするTips
Post on:2015年6月8日
Photoshopの知ってると便利な作業効率をアップするTipsを12個、紹介します。 全てPhotoshop CC2014対応ですが、ほとんどのものはCSでも使用できます。
[CSS]フォントサイズの指定方法の基礎知識からレスポンシブに適した指定方法までやさしく解説
Post on:2015年6月5日
CSSでのフォントサイズの指定方法をその単位とそれぞれの相違から、レスポンシブに適したフォントサイズの指定方法までをやさしく解説します。 CSS Font Sizing
デザインの引き出しに入れておきたいテクニック！Webならではのミニマルの効果的な使い方 -The Elegance of Minimalism
Post on:2015年6月5日
広いホワイトスペースやネガティブスペース、ブラックのタイポグラフィ、これらは確かにミニマルの特徴ですが、Webデザインに特有するものではありません。最近のWebデザインでは、Webならではのミニマルを効果的に使うようにな […]
[CSS]見出しや文章の読みやすさを重視してデザインされたレスポンシブ対応のグリッド -Sassline
Post on:2015年6月3日
見出しや文章など、テキストの読みやすさを重視して設計されたレスポンシブ対応のグリッドを実装するスタイルシートを紹介します。 Sassline Sassline -GitHub
sponsors
