Web制作に役立つ情報一覧

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

SEOにおける重要性が薄れている、モバイル検索では書き換えが発生しやすい、などtitleタグの最新事情

2016/01/18(Mon) 07:29

ランキング要因の1つとしてtitleタグを使っているに過ぎない。titleタグは、主要な要因としては使われていなくて、決定的に重要な意味を持つものではない。

https://www.suzukikenichi.com/blog/how-google-treats-title-tag-currently/

CSSでリストの最初と最後のボーダー（border）を非表示にする方法

2016/01/18(Mon) 07:28

リストでボーダー（border）を指定しているけど最初と最後のボーダーは非表示にしたいという時に使えるCSSの小ネタです。最初と最後とは言っていますが、要は最初のボーダーを非表示にするという感じで全部で4つの方法をご紹介します。

http://www.nxworld.net/tips/remove-first-and-last-border-of-list.html

女性らしい美しさ！エレガントでスタイリッシュなフリーフォント45個まとめ

2016/01/18(Mon) 07:28

洗練された美しさを表現する、エレガントで高級感のあるフォントスタイルをまとめています。

http://photoshopvip.net/archives/85822

[JS]アニメーションを使った快適操作がすごい！レスポンシブ対応のフリップコンテンツを実装する軽量スクリプト -jQuery Flipster

2016/01/18(Mon) 07:27

レスポンシブ対応、タッチデバイス対応、CSS3アニメーションを使った快適操作が気持ちいいさまざまなフリップコンテンツが実装できる軽量（5kb）のスクリプトを紹介します。

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