Web制作に役立つ情報一覧

フラットデザインのアイコンセット 20

2014/11/18(Tue) 07:53

シンプルなものだけでなく、グラデーションやシャドウを用いて立体感を表現しているものや他のものとは違った感じの色合いのタイプもあります。

http://www.nxworld.net/material/free-flat-icon-sets_201411.html

[CSS]最近のWeb制作でよく使う、Sassのmixinのまとめ

2014/11/18(Tue) 07:52

最近のWeb制作に役立つ、Sassのmixinのまとめを紹介します。

http://coliss.com/articles/build-websites/operation/css/15-essential-sass-mixins-by-developerdrive.html

経営者はもちろんサービス提供者全員に知ってほしいUX ――入門編

2014/11/17(Mon) 07:55

UXとは何か。UXの概念を改めて整理する

http://web-tan.forum.impressrd.jp/e/2014/11/14/18053

最近気になったソーシャルアイコンセット #7

2014/11/17(Mon) 07:54

ここ最近で気になったソーシャルアイコンセットのまとめです。

http://www.nxworld.net/material/social-icons-set-201411.html

GitHubを使ったWeb制作のフローがよく分かる！GitHubの使い手になれるオススメの本 -GitHubの教科書

2014/11/17(Mon) 07:53

Web制作のフローにGitHubを取り入れたいけどGitもGitHubは難しそう。どういう時にどの機能を使うのが便利なのか知りたい。GitHub初心者から中級者のWeb制作者に、目からウロコとなるオススメの本を紹介します。

http://coliss.com/articles/book-review/isbn10-4844337009.html

WordPressで企業サイトをつくる時に入れておきたいプラグインまとめ

2014/11/17(Mon) 07:52

WordPressで企業サイトをつくる際に入れておくと便利なプラグインを厳選しました。ブログサイトの場合とはちょっとポイントが違っていたりするので、今からWordPressで企業サイトを制作しようとしている方は見ておいて損はないかと思います。

http://bge.jp/wordpress-corporatesite-plugin/

これはハマった！スマホサイトのコーディング時に悩んだバグと仕様4選【iOS8情報あり】

2014/11/14(Fri) 07:53

スマホのコーディングで僕が詰まったポイントとその解決方法について、実例を踏まえながら紹介していきたいと思います！

http://liginc.co.jp/web/html-css/130658

着眼点が面白い！レスポンシブに対応した有名ロゴデザインのまとめ -Responsive Logos

2014/11/14(Fri) 07:52

お馴染みのコカ・コーラ、シャネル、ナイキ、ディズニー、リーバイスなど、レスポンシブ（？）に対応しているロゴデザインをまとめているサイトを紹介します。

http://coliss.com/articles/build-websites/operation/design/responsive-logos.html

デザインの参考になる！落ち着いたカラースキームが使われているページレイアウトやUIのPSD素材のまとめ

2014/11/14(Fri) 07:51

サークルやダイヤモンドのエレメント、半透明のパネル、ソリッドなライン、同一色相のグラデーションなど、最近のWebトレンドを使い細部までしっかりと作り込まれたコーポレートサイト、ポートフォリオ、ランディングページなどのページレイアウトやUIキットが揃ったPSD素材を紹介します。

http://coliss.com/articles/freebies/freebies-psd-page-layout-and-ui-2014-fall.html

落書き・手書き風なフリーアイコンセット 「50 Free Hand Doodle Icons」

2014/11/14(Fri) 07:50

「50 Free Hand Doodle Icons」は個人・商用問わずフリーで使用することができる落書き・手書き風のデザインアイコンセットです。形式もAI・PNG・SVGと3種類の形式が用意されているので、普段から使い慣れた形式で使用できます。

http://www.nxworld.net/material/50-free-hand-doodle-icons.html