Web制作に役立つ情報一覧

美しいグラデーションが簡単に利用できる！グラデの種類が豊富に揃ったmixinとスタイルシートのまとめ -SuperGradient

2014/12/02(Tue) 08:07

垂直・水平のベーシックなグラデーションをはじめ、放射状や斜め方向のグラデーションなど、さまざまな美しいグラデーションを描くmixinをまとめた「SuperGradient」を紹介します。

http://coliss.com/articles/build-websites/operation/css/multi-color-gradient-mixin-super-gradient.html

[続編] 効率的になった！最近のサイトで使われていたCSS小技集

2014/12/02(Tue) 08:06

マウス操作によりインタラクティブな動きを出したり、簡単にボックスを等間隔・等幅にしたりとCSSのみで実現できる方法を書いておきます。

http://commte.net/blog/archives/4887

無料でしかも高品質！1ページで構成されたサイトを作るためのHTML5/CSS3のテンプレートのまとめ

2014/12/02(Tue) 08:04

ページのデザインだけでなく、使用されているエフェクトも面白いものが揃っているレスポンシブ対応のHTML5/CSS3のテンプレートを紹介します。

http://coliss.com/articles/build-websites/operation/work/freebies-templates-for-responsive-2014-winter.html

モバイルSEOに役立つGoogle純正ツール×5

2014/12/02(Tue) 08:04

この記事では、モバイル向けサイトのユーザビリティやユーザーエクスペリエンスの向上に役立つ、Googleが提供する公式ツールを5つ紹介します。

http://www.suzukikenichi.com/blog/six-mobile-seo-tools-by-google/

忘れずにやっておきたい！WordPressでサイトを公開する前に設定しておくべき8つのチェック項目

2014/12/01(Mon) 07:53

WordPress初心者向けに、サイト公開前に必ず設定しておきたい8つの項目を参考記事とともにご紹介します。どれも必要不可欠なものばかりですので、改めて見直してみてください。

http://creive.me/archives/5307/

実践から学ぶ！すごい新作Illustratorチュートリアル、作り方まとめ 2014年11月度

2014/12/01(Mon) 07:52

新しい技術を修得する方法はたくさんありますが、デザイン制作では他のデザイナーやアーティストが公開している作り方チュートリアルに沿って作成することで、基本的なツールの使い方はもちろん、より実践的なデザインテクニックを覚えることができます。

http://photoshopvip.net/archives/71152

専門知識不要で瞬時にWebサイトのクオリティチェックができるツール7選

2014/12/01(Mon) 07:52

Web制作に関わるディレクターや担当者は、ソースコード自体は書かなくとも、イメージ通りのものができているかのどうかの確認はされていると思います。しかし、パフォーマンス、SEO対策、ソースコードの整合性などの裏側までが「ちゃんとできているのか」というのはわかりにくいですよね。エンジニアに「いや、完璧ですけどこれ？」ってどや顔されたら頷くしかないと思います。

http://liginc.co.jp/web/tool/other-tool/131476

漢字やひらがなの縦書きにも対応！宛名にぴったりな手書きのフリーの日本語フォントのまとめ

2014/12/01(Mon) 07:50

年賀状の宛名や文面に、心をこめた手書きっぽさを演出する手書きの日本語フォントを紹介します。毛筆もペンもマジックインキも全部無料で利用できます！

http://coliss.com/articles/freebies/freebies-japanese-handwriting-fonts.html

ゴージャスなUIデザインを作成する7つのルール

2014/11/28(Fri) 08:07

ユーザーインターフェースについてのスキルが全く無かった著者は、UXをデザインするのは好きでしたが、長い間していませんでした。しかし見た目のよいインターフェースの作成方法を学ぶ理由が、たくさんあることに気がついたのです。

http://photoshopvip.net/archives/71031

px指定の次はコレ！フォントサイズやブレイクポイントに「rem」を使ったレスポンシブ対応のフレームワーク -Schema UI Framework

2014/11/28(Fri) 08:06

Webページでよく使用するさまざまなコンポーネントが簡単に利用できるフロントエンド用のフレームワークを紹介します。最近は、フォントサイズやMedia Queriesのブレイクポイントなどの単位に「rem」を使用しているサイトが増えてきましたね。

http://coliss.com/articles/build-websites/operation/work/schema-ui-framework.html