Web制作に役立つ情報一覧

グーグルが日本語Webフォントを提供してた。これはWebフォントの大転換になるかも？

2015/03/11(Wed) 07:43

今日は、Webフォントの話題を。日本語Webフォントは、「使いたい、でも重くなるからちょっと」という人が多いと思います。でも、グーグルがクラウド上でWebフォントを提供し始めたことで……

http://web-tan.forum.impressrd.jp/e/2015/03/10/19508

[JS]極シンプルなマークアップで、コンテンツを横にスライドさせナビゲーションを表示するスクリプト -Slideout.js

2015/03/10(Tue) 07:56

非常にシンプルなマークアップで、コンテンツをアニメーションで横にスライドさせ、ナビゲーションを表示するスクリプトを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/js-slideout.html

Photoshopを使って写真に雨が降っているような画像加工をするチュートリアル

2015/03/10(Tue) 07:55

今回はPhotoshopを使って簡単に雨を降らせる加工方法をご紹介したいと思います。

http://liginc.co.jp/web/design/photoshop/146309

スマホ、タブレット、パソコンどう使い分けてる？ 利用者実態をヤフーが自主調査

2015/03/10(Tue) 07:54

スマートフォン、タブレット、パソコンやテレビなど、さまざまなメディアに囲まれる「マルチスクリーン」時代。インターネットユーザーは、それぞれのデバイスとどのように接しているのでしょうか。

http://web-tan.forum.impressrd.jp/yahooads/2015/03/09/19496

CSSで括弧を表現したサンプル

2015/03/09(Mon) 07:45

「」（鉤括弧）や［］（角括弧）など、括弧をCSSで表現してみたサンプルで、普通に使うのであればただのテキストを使えば良いですが、複数行をひとつの括弧で括るようなデザインにしたい時に使えます。

http://www.nxworld.net/tips/css-parenthesis.html

Webデザイナーはチェックしておきたい、最近のUIデザインで注目されているカラーのまとめ（スウォッチ付き）

2015/03/09(Mon) 07:44

有名ブランドで採用されているカラーをはじめ、Material DesignやiOS 8で採用されている落ち着いたパステル、同一色相の美しいグラデーションなど。最近注目されているカラーをまとめたPhotoshopのスウォッチを紹介します。Illustrator用のもいくつかあります。

http://coliss.com/articles/build-websites/operation/design/freebies-best-swatches-for-recent-ui-design.html

ユーザビリティを高める7つの基本テクニック

2015/03/09(Mon) 07:43

デバイスがパソコンからモバイルへ、そしてウェブからアプリの時代へ移り変わっていくとしても、ユーザビリティとは常に変わらず求められるものである。

http://www.fashionsnap.com/the-posts/2015-03-05/usability/

スマホ対応していないサイトは4/21からグーグルで順位が下がります

2015/03/06(Fri) 07:48

グーグルは、ウェブサイトがスマートフォン向けに最適化されているかどうかをランキング要素として使用することを発表した。2015年4月21日からの実施予定だ。

http://web-tan.forum.impressrd.jp/e/2015/03/06/19484

スティングとチラシ印刷がネットのみで完結 | チラシラクスル | 印刷のラクスル [raksul]

2015/03/06(Fri) 07:47

印刷のことなら印刷通販のラクスル！どこよりもお安く印刷いたします！インターネットで年中無休24時間営業！

https://raksul.com/posting/

写真加工を完全マスター！すごい無料PSアクション40個まとめ 2015年3月度

2015/03/06(Fri) 07:44

スマートフォンはもちろん、デジタル一眼レフなどでカメラ撮影する機会が増えています。撮影した写真をより魅力的に仕上げる、プロ顔負けのPhotoshopアクション素材を利用してみませんか。再生ボタンを押すだけで、自動的に写真を加工、調整してくれる無料PSアクション素材をまとめてご紹介します。

http://photoshopvip.net/archives/74248