サイト構築
ランディングページに使えるデザインのアイデア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用ブラシ素材を紹介します。 今回もコリス限定ライセンスで、商用利用無料でダウンロードでき […]
Photoshop CC 2015.5は長年の悩みも解決するかなり良質なアップデート！よく見ないと気がつかないけど、テスターに絶賛された新機能
Post on:2016年7月1日
Adobe Photoshop CC 2015.5のアップデートは正確な切り抜きや選択範囲が簡単にできたり、切り抜きツールのコンじる、フォントのロード時間短縮など、便利な新機能が満載ですが、その中でも見過ごしがちな、でも […]
[JS]非常に高速でシームレスなページ遷移を実現する超軽量のスクリプト -Barba.js
Post on:2016年6月30日
Webサイトを見ていてページを遷移する時に、読み込みがやたら速いサイトに出会ったことはありませんか？ PJAXを使い、通常のリンクのアクションによるハードリフレッシュをなくし、HTTPリクエストと描画を最小限に抑え、更に […]
[CSS]半透明のパネルが奥に吸い込まれる！一味違った縦長スクロールを実装するスタイルシートのテクニック
Post on:2016年6月30日
コンテンツを半透明のパネルに配置し、スクロールすると、パネルが奥に吸い込まれていくのを実装するスタイルシートを紹介します。 HTMLはシンプルで、JavaScriptは不要です。
Webや紙に使える背景素材がいっぱい！ブラー・水彩・ヴィンテージ・グリッド・ポリゴンなど高解像度の背景素材
Post on:2016年6月28日
Webサイトやアプリの背景に、写真やイラストに重ねたり、動画やゲーム、そしてフライヤーや同人誌などの紙デザインにも利用できる1,600種類の背景素材を紹介します。 しかも、商用利用できる背景素材全1,600種類をコリスの […]
sponsors
