サイト構築 -実装
商用無料でしかも高品質！レスポンシブ対応の美しくデザインされたHTML5/CSS3のテンプレートのまとめ
Post on:2015年9月11日
今時の繊細でかっこいいエフェクトを備え、美しくデザインされたレスポンシブ対応のランディングページ、プロダクトページ、縦長ページ、ポートフォリオ、ブログなど、HTML5/CSS3で作成された商用利用無料のテンプレートを紹介 […]
[JS]レスポンシブ対応、指定したエリア内だけで高さが異なるパネルを同じ高さに揃えるスクリプト -Right Height
Post on:2015年9月10日
指定したエリア内だけ、複数のエリアそれぞれに適用することも可能なパネルの高さを同じにするスクリプトを紹介します。 ↓こんな感じに1行目と2行目で高さを揃えたり、全て同じにすることも簡単です。 Right Height - […]
これは面白い！Photoshopで高性能なHTML/CSSエディタが使えるようになるプラグイン -HTML Block
Post on:2015年9月10日
PhotoshopのPSD上に、HTMLとCSSのコードでエレメントを作成できるPhotoshopのプラグインを紹介します。 外部スタイルシートにも対応した高性能で、Bootstrapのエレメントをといった使い方もできま […]
著作権・肖像権について、写真やイラストなどの素材を安全に使うために知っておきたいこと
Post on:2015年9月8日
デザイナーをはじめ、多くの制作者が利用している「アマナイメージズ」協力のもと、写真やイラストの著作権・被写体の肖像権についてまとめました。 Webデザインで写真やイラストの素材を使用する時、写真をトレースしてイラストを描 […]
最近のWebデザインで採用されているレイアウトやコンポーネントが豊富に揃ったPhotoshopとSketchの素材 -Baikal
Post on:2015年9月7日
縦長ページ、マガジンスタイル、カード型レイアウト、ランディング、コマース、ブログ、ポートフォリオなど、最近のWebデザインで見かけるレイアウト、ヘッダやフッタ、エレメントのバリエーションが豊富に揃ったコンポーネントベース […]
美しいバランスの黄金比をWebページに取り入れることができるシンプルなテーマファイル -Gold Bootstrap
Post on:2015年9月4日
グリッドをはじめ、見出しやフォームやタブなどさまざまなコンポーネントに黄金比を適用し、美しいバランスのとれたレイアウトを生み出すBootstrapの無料のテーマファイルを紹介します。 Gold Bootstrap -Gi […]
CSS, JavaScriptで実装された、チェックしておきたいUIデザインの最近のテクニックのまとめ
Post on:2015年9月3日
実用的なテクニックから、こんなこともできるんだ！とワクワクするすごいアイデアまで、Web制作者はチェックしておきたいUIを実装するテクニックをCodePenから紹介します。 JavaScriptは最小限にして、アニメーシ […]
Bootstrap 4の使い方: 制作時のベースになるテンプレートのまとめ
Post on:2015年9月2日
先月リリースされたBootstrap 4 alphaのページ制作のベースになるシンプルなテンプレートをはじめ、グリッド、ナビゲーション、コンポーネントなどを実装する際に役立つテンプレートを紹介します。 Bootstrap […]
[JS]レスポンシブ対応の使いやすいスライダーを探している人にオススメのスクリプト -wallop
Post on:2015年9月1日
スマホやタブレットで快適に動作し、プログレッシブエンハンスメントを取り入れて実装されたスライダーのスクリプトを紹介します。 HTMLは非常にシンプルで、JavaScriptは最小限、jQueryなど他スクリプトの依存無し […]
ちょっとした手間で、デザインをちょっとよく見せる小ネタのまとめ
Post on:2015年8月31日
よいデザインとは、ちょっとしたことを積み重ねていくことが大切。 Webデザイン、カラー、PhotoshopやIllustratorなどのテクニックを磨く、デザインをちょっとよく見せる小ネタをDribbbleから紹介します […]
sponsors
