サイト構築 -制作
最近の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のコードから高さと幅を削除して、ラッパーを用意するだけです。しかし、クリティカルな問題が一つあります。サイズを水平方向に変更した際に、地図の端が切断され
デザイナーやコーダーがいなくても、BootstrapベースのかっこいいWebページが驚くほど簡単に作成できてしまう -Assembly
Post on:2016年3月1日
デザインやHTML, CSSの知識は不要。Bootstrap 3ベースのかっこいい縦長ページや複数ページのサイトが簡単に作成でき、デザイナーやコーダーがいなくても、そしてデザインやコードが分かる人には今までの作業がぐっと
これを待ってた！無料で、単なるiframeのサイズ変更でなく、各デバイスと同じ方法でレンダリングさせるレスポンシブ確認用の便利ツール -RWD Tester
Post on:2016年2月19日
スマホやタブレットなど、人気の高いモバイルデバイスでWebページがどのように見えるか簡単に確認できるChromeの機能拡張を紹介します。 レスポンシブの確認ツールでよくあるのが、iframeで単にサイズを変更して見るだけ
スマホ・タブレットをはじめ、27インチの大モニタまで！ページの見え方をさくっと確認できるレスポンシブ用の便利ツール -Responsive View
Post on:2016年2月10日
スマホ・タブレットの縦向き・横向き、ノートブック・デスクトップなど、さまざまなデバイスでのページの見え方をさくっと確認できる便利なオンラインサービスを紹介します。 デバイスごとのモックアップにも使えるレベルですよ！ Re
sponsors
