Web制作に役立つ情報一覧

イラストやマンガを描く時の参考になるカラーパレット・スウォッチ素材のまとめ

2016/01/25(Mon) 07:26

顔、化粧、瞳、髪、肌、小物などのカラー、対象物のカラーのハイライトやシャドウなど、イラストやマンガを描く時の参考になるカラーパレット・Photoshopのスウォッチ素材を紹介します。

http://coliss.com/articles/build-websites/operation/design/color-for-illustration-and-manga.html

上級SEOテクニック5選――サイト最適化後にやるべきこと（後編）

2016/01/25(Mon) 07:23

「新しいバーティカル検索やSERP機能」「SERPのさらなる独占」「購入者ファネルの上位への移動」「世界に向けた多言語のターゲティング」

http://web-tan.forum.impressrd.jp/e/2016/01/25/21966

CSSで実装するハンバーガーメニューアイコンの見栄えやクリック・ホバー時のエフェクト 10

2016/01/22(Fri) 07:44

画像は使用せずにCSSのみを使って実装したハンバーガーメニューアイコンの見栄えやクリック・ホバー時のエフェクトサンプルなど全10種類です。以前にもハンバーガーメニューをクリックした時のエフェクトを紹介しましたが、あれからまた備忘録として残しておきたいものが幾つか出てきたのでシェアします。

http://www.nxworld.net/tips/10-css-hamburger-menu-icon-design-and-effect.html

任意の画像からカラースキームを生成する・「ColorFavs」

2016/01/22(Fri) 07:43

ColorFavsは任意の画像からカラースキームを生成するツールです。画像はアップロードとURLの選択肢がある他、ベースカラーと色相、明度を指定してランダムに生成する事も出来ます。

http://kachibito.net/useful-resource/colorfavs

検索結果1ページ目の25%強がHTTPSページ、その比率は増加傾向 などSEO記事まとめ10+4本

2016/01/22(Fri) 07:37

HTTPSページの優先インデックスも含め、グーグルのHTTPSへの動きは止まらない

http://web-tan.forum.impressrd.jp/e/2016/01/22/21996

Webにも紙にも使える、囲み枠デザインの基本テクニック

2016/01/22(Fri) 07:36

テキスト四角で囲ったシンプルな枠。もちろんWebだけでなく、印刷物でも多く使われていますよね。今回は、デザインをする上では欠かせないと言っても過言ではないこの囲み枠にフォーカスしてみようと思います。新米デザイナーさんや、デザイナーじゃないけど資料作成をする機会の多い営業さんの参考になれば幸いです！

http://www.webcreatorbox.com/inspiration/box-design/

[CSS]高さが分からない要素を天地・左右・天地左右の中央に配置するテクニックのまとめ

2016/01/22(Fri) 07:35

テキストやdiv要素など、高さが分からない要素を外側の容器の高さが不明でも、天地・左右・天地左右・ビューポートの天地左右の中央に配置するCSSのテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/css/css-centering-vertically-and-horizontally.html

jQuery：画像や要素をランダム出力する方法の備忘録

2016/01/21(Thu) 07:41

jQueryを使って画像や要素などをランダムに並べ替えたり表示させたりする方法の備忘録です。jQueryと言っても乱数を作るのに必要なわけではないですし、特に前半の方などは簡易的なもので尚更JavaScriptだけでできるじゃんって感じがしますが、やっぱり何かと楽に実装できるので使っているだけです…。

http://www.nxworld.net/tips/jquery-random-snippets.html

文字を楽しむ！フォントの合字（リガチャ）やスワッシュの使い方

2016/01/21(Thu) 07:40

ロゴやメッセージ、キャッチコピーなどで、単に文字を並べるだけは味気ないものです。合字（リガチャ）やスワッシュを使って、文字を楽しみましょう。

http://coliss.com/articles/build-websites/operation/design/how-to-ligatures-and-swash-for-typography.html

2016年に注目したい、グラフィックデザインのトレンド9個まとめ

2016/01/21(Thu) 07:39

デザイントレンドとは、あらゆる文化やメディア、過去と現在、テクノロジー、ファッションなど、さまざまな分野から影響を受けています。つねに移り変わっていくもので、正確にいつ終わるとは決めにくいものです。

http://photoshopvip.net/archives/85965