サイト構築 -制作

Web制作者がチェックしておきたい!デザイン要素の定義や見せ方が勉強になる最近のスタイルガイドのまとめ

Post on:2016年5月16日

Webサイトを制作している時、そして納品する時、サイトのデザインで定義されているカラー・タイポグラフィ・エレメントなどのスタイルを一覧できるようにまとめたスタイルガイドを紹介します。 Photoshop, Illustr

...記事の続きを読む

便利すぎ!Bootstrapベースのデザインカンプ作成がびっくりするほど簡単にできてしまうPhotoshopの機能拡張 -Bootcomp

Post on:2016年5月10日

Bootstrapベースのデザインカンプを作成する時にめちゃくちゃ便利で、大幅な時短にもなるPhotoshop CC2015対応の機能拡張を紹介します。 OS X, Win両対応で、日本語にも完全対応の無料の機能拡張です

...記事の続きを読む

Web制作の実装や勉強に役立つ便利なチートシートのまとめ

Post on:2016年4月25日

あれ何だっけ? という時にさっと分かるWeb制作の実装や勉強に役立つチートシートがあると便利です。 BootstrapのさまざまなUIエレメントの実装、FlexboxでUIコンポーネントを実装、CSSの各ブラウザのサポー

...記事の続きを読む

最近のWebサイトで見かける126種類のページレイアウトやUIコンポーネントが収録された無料のベクター素材 -Wyre

Post on:2016年4月20日

最近のWebデザインで見かける1カラム、2カラム、3カラム、中央分割、カード型などの基本的なグリッドをはじめ、よく使用されるコンポーネントを備えたさまざまなレイアウトが用意されたフローチャートやサイトマップを作成できる素

...記事の続きを読む

最近のWeb制作の勉強になる!Webサイトのワイヤーフレーム・ユーザーフローのまとめ

Post on:2016年4月8日

プロジェクトの関係者でないとなかなか目にすることができないワイヤーフレームやユーザーフローもdribbbleだと、たくさんアップロードされています。 最近のWeb制作の参考になりそうなワイヤーフレーム・ユーザーフローを紹

...記事の続きを読む

あなたの写真やイラストが他のWebページで使用されていないか検索ができるオンラインサービス -TinEye

Post on:2016年4月7日

写真やイラストなどの画像が他のWebページで使用されていないかどうか、同一画像の検索ができるオンラインの無料サービスを紹介します。 リサイズ・クロップ・編集された画像にも対応しています。 実際に試したところ、当ブログの画

...記事の続きを読む

高品質でしかも無料!すごい使えるレスポンシブ対応のHTML5/CSS3のテンプレートのまとめ

Post on:2016年4月4日

今時のトレンドがうまく取り入れられ、高品質にデザインされたレスポンシブ対応のランディングページ、プロダクトページ、縦長ページ、ポートフォリオ、ブログなど、HTML5/CSS3で作成された商用利用無料のテンプレートを紹介し

...記事の続きを読む

Bootstrapのテンプレートが簡単に作成・カスタマイズできる国産の無料ツール -Bootstrap Editor

Post on:2016年3月28日

Bootstrapはページ作成に役立つ機能がたくさん用意されており便利ですが、ファイルをダウンロードしたり、テンプレートを用意したりなど、始めるまでに少し手間がかかってしまいます。 そんな手間をすべて解消し、初心者の人で

...記事の続きを読む

Bootstrap 3からBootstrap 4に移行する時に知っておく必要がある注意点のまとめ

Post on:2016年3月17日

Bootstrap 4ではそのインストール方法をはじめ、グリッドの単位やレスポンシブ用のclassが変わり、そしてカードやツールチップなどの新しいコンポーネントやレイアウトにFlexboxも利用できるようになりました。

...記事の続きを読む

レスポンシブ対応、Googleマップの中心にピンを表示するテクニック -the new code

Post on:2016年3月3日

Googleマップをレスポンシブ対応にするのは、簡単です。embedのコードから高さと幅を削除して、ラッパーを用意するだけです。しかし、クリティカルな問題が一つあります。サイズを水平方向に変更した際に、地図の端が切断され

...記事の続きを読む

 Prev 1 2 ... 4 5 6 ... 39 40 Next

top of page

©2017 coliss