Web制作に役立つ情報一覧

Macの壁紙「青い池」で美瑛町の観光客数は増加、一方で宿泊客数は減少。その原因をウェブ解析で探る

2017/10/19(Thu) 09:48

Macの壁紙に採用された「青い池」で観光客が増加したものの通過型の観光客が増え、経済効果を生み出す宿泊客数が減少。その裏には一体何が。ウェブ解析で探った

https://webtan.impress.co.jp/e/2017/10/13/27096

JavaScriptは適切に利用することが大事！HTMLとCSSだけで実はかなり高機能なスライダーを実装することができる

2017/10/18(Wed) 09:51

HTMLとCSSだけで、見栄えがよい機能的なスライダーをどこまで実装できるか紹介します。HTMLとCSSを理解することで、JavaScriptも適切に利用できるようになります。

http://coliss.com/articles/build-websites/operation/css/making-slider-just-html-css.html

ガーリーやゴシック系のデザインに使える！1,500種類以上のレース素材が無料でダウンロードできる -ダ・レース

2017/10/18(Wed) 09:50

個人でも商用でも、もちろん商用のプロダクトでも無料で利用できる緻密に描かれたレース素材を紹介します。

http://coliss.com/articles/freebies/freebies-da-lace.html

入力するだけで美しい！筆記体フリーフォント86選 2017年版

2017/10/17(Tue) 09:56

毎月紹介しているフリーフォントの中でも、特に人気の高いスタイル「筆記体」。手軽にオシャレでスタイリッシュな雰囲気を演出するのにもピッタリで、デザイン制作で活用する人も多いでしょう。

http://photoshopvip.net/105277

自社ロゴのリニューアルにチャレンジするときにディレクターが抑えておきたいこと

2017/10/17(Tue) 09:55

私は今回、ロゴリニューアルのメンバーとして、ディレクションを担当させていただきました。普段の業務は、受託の Web サイト制作のディレクションがメインで、さまざまなサイトのデザインに携わってきましたが、企業ロゴのリニューアルを担当するのは今回が初めての経験でした。

https://liginc.co.jp/369590

人間の短期記憶は7±2個まで――情報は並べすぎないほうが伝わりやすい！（第4回）

2017/10/13(Fri) 09:49

「短期記憶」とは、数十秒から数十分という時間の間に、保持される記憶のこと。記憶できる量は一般的に、7±2であると言われています。

http://web-tan.forum.impressrd.jp/e/2017/10/13/26286

ヘッダ・フッタ・ナビゲーションなど、最近のWebデザインで採用されているアイデアのまとめ -Good Web Design

2017/10/12(Thu) 09:44

ランディングページで使用されているヘッダ・フッタ・ナビゲーション・フィーチャーコンテンツ・アクションボタン・ソーシャルコンテンツなど、最近のWebデザインで採用されているアイデアがまとめられたGood Web Designを紹介します。

http://coliss.com/articles/build-websites/operation/design/good-web-design.html

デザインがレトロに仕上がる！イラストや写真に高品質なハーフトーンのエフェクトを加えるPhotoshop用の素材

2017/10/11(Wed) 10:07

イラストや写真、そして文字などをレトロ風に仕上げる、ハーフトーンのエフェクトを加えるPhotoshop用の素材を紹介します。

http://coliss.com/articles/freebies/halftone-for-photoshop-kit.html

Webデザインを「もっとかっこよくして！」と言われた時に試したいCSS小技5つ

2017/10/11(Wed) 10:04

Webデザイン・制作を教えている時に、担当していた生徒さんからこんな悲痛なメッセージをいただきました。「Webサイトのデザインを出してみたものの、本気を出して作ってくださいと言われてしまいました

https://www.webcreatorbox.com/tech/snippets-cool-webdesign

Web制作者は要チェック！モーダルダイアログをアクセシブルに実装する超軽量スクリプト -Micromodal.js

2017/10/10(Tue) 09:50

ちょうどいいモーダルってなかなか見つからないんだよな、と探している人は要チェックです。シンプルで操作性もよく、アクセシブルに実装する超軽量の単体で動作するJavaScriptのライブラリを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/tiny-modal-dialogs.html