CSSの基本から理解を深め一つ上のスキルを身につける、他書とはひと味もふた味も異なるオススメの本 -CSS設計の教科書

その場限りのCSSを使うのではなく、CSSの基本からしっかりと理解を深め、運用期間が長くても安心して使えるCSS、大規模なサイトでも管理できるCSSを身につけたい人に役立つ一冊を紹介します。

単にコードを書くだけではなく、設計・管理・運用を考えた『ちゃんとしたCSS』が徹底的に解説された良書です。

本のキャプチャ

続きを読む

これは貴重!商用利用無料のかっこいい動画素材がダウンロードできる -Mazwai

背景いっぱいに動画を表示したページを作りたい! でも動画をつくるのは大変、、、そんな時にはかっこいい動画素材が揃った「Mazwai」。

サイトのキャプチャ

Mazwai

続きを読む

商用利用無料!折り紙をモチーフにしたかわいいベクター素材、コリス限定全員にプレゼント!

お馴染みの freepik.com 提供によるベクター素材をコリス限定で全員にプレゼント!

今回は折り紙をモチーフしたかわいいベクター素材で、バナーやデザインのアクセントにぴったりです。もちろん個人でも商用でも無料で利用できます。

素材のキャプチャ

続きを読む

[JS]ヘッダやナビゲーションなどを下にスクロールした時には隠し、上にした時に表示するスクリプト -ScrollUpBar

ヘッダやナビゲーションなど、ページの上部に配置したパネル状のバーを下にスクロールした時には隠し、上にスクロールした時にそのバーを表示するjQueryのプラグインを紹介します。

デスクトップでコンテンツに集中させる効果だけでなく、スマホやタブレットなどの小さい画面でスペースを有効に利用することができます。

サイトのキャプチャ

ScrollUpBar -GitHub

続きを読む

PhotoshopやIllustratorの最近気になったチュートリアルのまとめ

最近はWeb制作でもIllustratorを使用するデザイナーが増えてきましたね。

今まではPhotoshopだけをまとめることが多かったですが、Illustrator単独や併用して、すぐにマスターしたいテクニックから、時間をかけてゆっくりと試してみたいテクニックまで気になるチュートリアルをまとめました。

チュートリアルのキャプチャ

How to Create an Abstract Mosaic Background in Photoshop

さまざまな写真画像を元に抽象的なモザイク柄の背景を作成します。無料素材で好みのものを探すのは大変ですが、自分好みのオリジナルのものを作成した方が早いですね。

チュートリアルのキャプチャ

How To Create an Origami Style Logomark in Illustrator

折り紙のスタイルは海外でも人気が高いデザインの一つ、折り紙風のロゴやシンボルを写真画像からIllustratorで作成します。↑の元は鳥が羽ばたいている写真がベースです。

続きを読む

[CSS]ぼよよーんと気持ちいいアニメーションでエレメントをページに表示させるスタイルシートのテクニック

パネルを構成する画像、ラベル、見出し、テキスト、そして全体をそれぞれ個別のタイミングでぼよよーんと気持ちよく弾むアニメーションで表示するスタイルシートのテクニックを紹介します。

使いどころは限られるけど、こういうの好き。

デモのアニメーション

続きを読む

シンプルで使いやすい!レスポンシブ対応のさまざまなページを実装できる超軽量フレームワーク -TukTuk

BootstrapやFoundationは高性能だけど機能が豊富すぎる、またグリッドだけのフレームワークでは物足りない、そんな人にぴったりのレスポンシブ対応のOOCSS(オブジェクト指向CSS)で設計された超軽量(9KB)のフレームワークを紹介します。

サイトのキャプチャ

TukTuk
TukTuk -GitHub

続きを読む

ミニマルなデザインに役立つ!小さくてもくっきり分かる500種類の無料アイコン素材 -Clear Icons -Solid

個人でも商用でも、Webページでもスマホアプリでも、無料で利用できるミニマルにデザインされた小さいアイコン素材を紹介します。

500種類全てデザインが統一されており、小さくてもミニマルなので、名前の通り「Clear」なアイコンに仕上がっています!

サイトのキャプチャ

Clear Icons -Solid

続きを読む

 1 2 3 4 5 ... 573 574 Next

top of page

©2014 coliss