サイト構築 -実装
jQueryは無し、シンプルに必要な機能だけを実装する軽量スクリプトのまとめ
Post on:2015年9月15日
jQueryを使い、プラグインを追加していくのも便利ですが、やりたいことが限られている時は単独のスクリプトの方が軽量で、簡単かもしれません。 jQueryは無しで、必要な機能だけを実装するシンプルで軽量のスクリプトを紹介 […]
HTML/CSSでワイヤーフレームもUIデザインも作成する人がけっこう多い -最近のWeb制作で使われているツールのまとめ
Post on:2015年9月14日
Web制作の実際の現場で、ブレーンストーミング、ワイヤーフレーム、UIデザイン、プロトタイプ、プロジェクト管理、ファイル管理・バージョン管理に使われている人気のツールを紹介します。 Design Tools Survey
商用無料でしかも高品質！レスポンシブ対応の美しくデザインされた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 […]
sponsors
