Web制作に役立つ情報一覧

水彩絵の具ペイントの質感を実現！無料PSデザインキット「Aquarelle Designer Kit」

2014/11/27(Thu) 07:59

まるで本当に水彩絵の具でペイントしているような質感を表現できる無料Photoshopデザインキット「Aquarelle Designer Kit」が公開されていたので、今回は一緒に使えそうなアイテムもまとめて一緒にご紹介します。

http://photoshopvip.net/archives/71010

[JS]フォームのさまざまなエレメントを異なるブラウザ・スクリーンで同じように美しく表示させるスクリプト -Formplate

2014/11/27(Thu) 07:58

フォームのさまざまなエレメントを異なるブラウザ、異なるスクリーンでも美しく同じ見た目にするjQueryのプラグインを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-formplate.html

誰でも簡単にできるGoogleAnalyticsの検索キーワード分析入門

2014/11/27(Thu) 07:58

Web担当者ならぜひやっておきたいアクセスログ解析を使った、オーガニック検索からの流入、そのときに使われているキーワードの分析方法などについて説明していきます。

http://liginc.co.jp/web/seo/131502

CSSまたはjQueryを使って、ホバー時に一瞬だけ点滅するエフェクトを実装する方法

2014/11/27(Thu) 07:57

このブログではロゴや記事中の画像などにホバーすると一瞬だけ点滅する（光る）ような感じのエフェクトをつけているんですが、先日この実装方法についてご質問をいただいたので、その回答も兼ねてご紹介します。

http://www.nxworld.net/tips/flashing-effects-using-css-or-jquery.html

和風デザインWebサイトの制作ポイントや素材を実例とともにまとめました

2014/11/27(Thu) 07:56

今月はじめに初めて箱根旅行で洗練された美しい温泉宿に宿泊して以来、「和」な雰囲気やデザインの素晴らしさに魅了されたManaです。伝統的な配色や配置、書体等、見ていて飽きの来ない魅力がありますよね！

http://www.webcreatorbox.com/inspiration/japanese-web-design/

ハッカー（クラッカー）の気持ちで考えるWordPressのセキュリティー対策

2014/11/27(Thu) 07:55

WordPressのセキュリティ設定に関するブログ記事は山ほど見かけますが、今回はよく発生する改ざんについて「効果が高い」「比較的カンタンに出来る」「費用がかからない」という視点でピンポイントに対策したいと思います。

http://bizvektor.com/manage/wordpress_security/

Googleのアイコンデザイン思想を学ぶ

2014/11/27(Thu) 07:55

Googleが公開しているデザイン・ガイドラインのアイコンに関するところを読みました。アイコンのデザイン・ガイドラインの対象は、「プロダクト・アイコン」と「システム・アイコン」の2つがあり、デザインする上で注意を払うことや、原則がまとめられています。

http://www.visualthinking.jp/archives/18943

HTML5がW3Cの勧告になるってどういう意味？Web技術の標準規格について

2014/11/26(Wed) 07:48

「HTML5がW3Cの勧告となることの意味」について説明しながら「Web技術の標準規格」についてまとめていきたいと思います。

http://liginc.co.jp/web/html-css/other-html-css/129708

美しいフォントは日本の宝！プロユース向けの日本語フォントを扱っているベンダー各社のまとめ

2014/11/26(Wed) 07:46

Webデザイナー、DTPデザイナーなどが愛用するプロユースの日本語フォントを扱っているベンダー各社を紹介します。

http://coliss.com/articles/build-websites/operation/design/japanese-fonts-for-professional.html

[JS]日本語もOK、行単位でスタイルを適用できるようにするスクリプト -Lining.js

2014/11/26(Wed) 07:45

first-line疑似要素を使用すると、その要素の最初の行だけスタイルを適用できますが、それを拡張するかのようにさまざまな行の指定ができるスクリプトを紹介します。

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