Web制作に役立つ情報一覧

WordPress：古い記事にメッセージを表示させる際の備忘録

2015/02/19(Thu) 07:49

○年以上前や○日以上前というように、WordPressで一定の期間が経過した古い記事にメッセージを表示させる方法で、公開日だけでなく更新日を条件にした場合も含めた全4パターンの実装方法です。

http://www.nxworld.net/wordpress/wp-display-message-on-old-posts.html

かわいい系デザインに使えるCSSいろいろ

2015/02/19(Thu) 07:47

去に書いた「かわいい系デザインに使えるフォントや素材、デザインアイデアを集めました」という記事でかわいい系デザインの作り方を紹介しました。今回はかわいい系第二弾！CSSだけでできるかわいい小技をいくつか紹介します。すべてデモ付きなのでイメージしやすいかな？と思います。デモ画面内にある「HTML」「CSS」タブでコード

http://www.webcreatorbox.com/tech/cute-css-tips/

ヤフー、デバイスの利用動向をまとめたインフォグラフィックを公開

2015/02/18(Wed) 07:57

Yahoo! JAPANは、マルチスクリーンの環境下におけるスマートフォン・タブレット・パソコンの利用動向の実態を探る意識調査の結果を、インフォグラフィックの画像と動画にまとめ、公開しました。

http://www.seojapan.com/blog/yahoo-multidevice

人の心を動かすコンテンツの作り方。反響ゼロのサイトが意識していないこと

2015/02/18(Wed) 07:56

人の心を動かすコンテンツを作るには、だれかを思い描くこと。“みんな”はだれでもありません

http://web-tan.forum.impressrd.jp/e/2015/02/18/19272

EC事業者は知れば得する、宅配便に関するクレーム上位5つと遅配が起きるメカニズム

2015/02/18(Wed) 07:56

クレーム、誤配、誤送、遅配など配送トラブルが起きるメカニズムを知ることが重要です

http://web-tan.forum.impressrd.jp/e/2015/02/18/19342

Webデザインの参考資料に！ブラウザの幅ではなく高さをみんながどのくらいにしているか分かる -I am the fold

2015/02/18(Wed) 07:55

Webページを見る時、ブラウザはどのくらいのサイズにしていますか？フルスクリーン？ 小さいサイズ？　縦長or横長？ページを制作する際、レイアウトで重要なポイントはその幅ですが、高さを見落としてしまうと表示されないコンテンツに気がつかなかったなどクリティカルな問題になることもあります。

http://coliss.com/articles/build-websites/operation/work/viewport-heights-iamthefold.html

画像を使わずに、CSSのみでリストアイコンを表現したサンプル 10

2015/02/17(Tue) 07:47

なんとなくどんな感じのものが実装できるか試してみたので備忘録。いずれもli要素と組み合わせて使えそうなリストアイコンのサンプルで、画像は使用せずに全てCSSのみで実装してみたものです。使用できるブラウザは限られてきますが、問題ないブラウザであればサイズやカラー変更といったこともCSSのみで簡単に変更できます。

http://www.nxworld.net/tips/no-image-css-list-icon.html

ミニマルスタイルの隠しテク！継ぎ目のない質感系フリーパターン素材まとめ

2015/02/17(Tue) 07:46

シンプルなデザインにしたいけど、なにか物足りない。そんなときは、ほんの少しだけ繊細な質感を加えたパターンテクスチャを利用してみてはいかがでしょう。Photoshopを使えば、どんな範囲でも継ぎ目ないデザインパターンで作成でき、ウェブサイトやアートワークの背景など、スタイリッシュな雰囲気を気軽に演出することができます。

http://photoshopvip.net/archives/73478

思い通りカスタマイズできる？WordPressの有料テーマを買う前の注意点10個

2015/02/17(Tue) 07:45

今回は購入前にチェックしたい、有料テーマの落とし穴をまとめてみました。

http://liginc.co.jp/web/wp/customize/143950

Illustratorはじめませんか？参考にしたいすごいチュートリアル、作り方27個まとめ

2015/02/13(Fri) 07:49

llustratorの機能やテクニックを学ぶには、デザインチュートリアルを参考にしてみてはいかがでしょう。覚えておきたい基本的ツールの使い方から、まだまだ新しい機能であまり見かけないテクニックなど実践形式でデザインを学ぶことができます。今回はデザインスキルを向上する新作Illustratorチュートリアル、作り方をまとめてご紹介します。

http://photoshopvip.net/archives/73395