サイト構築
[CSS]知ってると便利！「:target疑似クラス」を使ったスタイルシートのテクニックと注意点
Post on:2016年7月13日
:target疑似クラスは、ターゲットとなるアンカーリンク先の要素を表します。例えば、長い記事をユニークなidでセクションに分け、それぞれのセクションにアンカーリンクを設置します。:target疑似クラスを利用すると、タ […]
使いやすい、楽しいサイトにはディテールにこだわりがある！Web制作の勉強になるデザインやインタラクションのまとめ
Post on:2016年7月12日
Web制作で一番の勉強は、多くのサイトを見ること。 有名サイトの使いやすく、そしてユーザーを楽しませるデザインやインタラクションのディテールをまとめているサイトを紹介します。 Design Details
Adobe XDの便利なショートカットを一枚にまとめたチートシート
Post on:2016年7月12日
Adobe XDは先月のバージョンアップでメニューが日本語化され、本リリースに向けての毎月のアップデートを楽しみにしている人も多いと思います。次回はズームツールやPDFの読み込み/書き出しが追加予定で、年内にはWindo […]
写真やイラストの表現をアップする！Photoshopでエフェクトを加える時に役立つアクション・ブラシ・オーバーレイなどの素材
Post on:2016年7月11日
Webデザインや紙デザインで使えるPhotoshopのさまざまなビジュアル エフェクト、アクション・ブラシ・オーバーレイ・レンズなどをまとめた素材を紹介します。 しかも、商用利用できるこのエフェクト用素材全てをコリスのビ […]
ランディングページに使えるデザインのアイデア80種類以上！商用利用無料のPhotoshopとSkech用の素材 -Landing
Post on:2016年7月11日
企業サイト、プロダクト、コマース、ポートフォリオ、ブログなど、ランディングページ用の80種類以上のレイアウトとUIエレメントのデザインのアイデアがまとめられたUI素材を紹介します。 Landing
CSSはやっぱり便利！最近のWebページでよく使うさまざまなコンポーネントを実装するスタイルシートのまとめ
Post on:2016年7月8日
ここ数年でCSSは加速度的に進化し、ひと昔前まではJavaScriptを使用しないと実装できなかったのが、CSSのみで実装できるようになりました。また、サポートすべきブラウザもIE8が除かれるようになり、今まで躊躇してい […]
Webデザイナーが知っておきたいPhotoshopのPSDファイル、レイヤー、エフェクト、フォントやテキスト、素材の効率的な管理方法
Post on:2016年7月7日
良いデザイナーはデザインするだけでなく、細心の注意を払うことができる人です。 Web制作におけるチーム内、または個人でもPhotoshopでのデザイン作業やワークフローを効率よくするためのルールを紹介します。 チーム内や […]
[CSS]アイコンとテキストを横並びに揃えるスタイルシートのテクニック
Post on:2016年7月6日
アイコンとテキストを横並びにする配置は、Webページでよく使用されます。ナビゲーションやリスト、リンク、ヘッダやフッタのリンクなど、さまざまなコンテンツで見かけますね。 アイコンとテキストを横並びに美しく揃えるスタイルシ […]
CSSリセットはこれで決まり！モダンブラウザによる相違を吸収するようカスタマイズされたスタイルシート -ress
Post on:2016年7月4日
ブラウザごとに異なるHTMLの各要素のスタイルの相違を吸収し、各要素のデフォルトのスタイルが定義されたCSSリセット用のスタイルシートを紹介します。 normalize.cssを最近のWeb制作にあうようカスタマイズされ […]
商用利用無料、水墨画の繊細な線、面、ぼかしを表現できる！まるで和筆のようなプロ仕様のブラシ素材 -Japan ProBrush™
Post on:2016年7月4日
和筆の繊細な線、面をつかった大胆な線、ぼかしの濃淡で明るさや暗さを表現できる、イラストレーター・絵師さん向けのIllustrator用ブラシ素材を紹介します。 今回もコリス限定ライセンスで、商用利用無料でダウンロードでき […]
sponsors
