サイト構築
これは面白い！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から紹介します […]
CSSのfloatに困った時に見直したい6つのポイント、floatがどのように機能しているか分かりやすく解説
Post on:2015年8月28日
floatを使うと思った通りにならず、下に落ちてしまう、幅に収まらないなど、CSS初心者がつまづきやすい問題を解決するポイントを解説したチュートリアルを紹介します。 How Floating Works
Bootstrap 4に備えよう！グリッドと基本エレメントを忠実に再現したデザイン用の素材 -GhostlyPixels
Post on:2015年8月28日
先週リリースされた「Bootstrap 4 alpha」で採用されている12カラムのグリッドと基本エレメントを忠実に再現したPhotoshopのPSD素材を紹介します。 Bootstrap 4のはまだ見たことないので、世 […]
sponsors
