Web制作に役立つ情報一覧

任意の画像からカラースキームを生成する・「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

文字サイズだけでは不十分！ 老いた眼や手でも使いやすいサイト作り7つのポイント（全6回の4）

2016/01/21(Thu) 07:38

今回はシニアの“体”、特に「視力」や「手先」の衰えに焦点を当てた改善ポイントの紹介です。

http://web-tan.forum.impressrd.jp/e/2016/01/21/21867

CSSの:nth-childと:nth-last-child擬似クラスの使用例

2016/01/19(Tue) 07:43

今更な内容になりますが、未対応だったIEのサポート終了によって今後ますます使う場面は増えるでしょうし、恥ずかしながら指定方法によっては一瞬どう記述するかど忘れしちゃうことがたまにあるので備忘録も兼ねて。

http://www.nxworld.net/tips/css-nth-child-and-nth-last-child.html

商用利用無料、紙・キャンバス・布・水彩・電子基板など高解像度で高品質なテクスチャ素材のまとめ

2016/01/19(Tue) 07:42

Webデザインに背景として使ったり、写真や文字にオーバーレイで重ねたり、同人誌やポスターの紙のデザインで質感を加えたり、高解像度・高品質なテクスチャ素材を紹介します。

http://coliss.com/articles/freebies/freebies-textures-for-designers.html