Web制作に役立つ情報一覧

実例で学ぶ！背景に「透かし」を使った、万能デザインテクニック12個まとめ

2015/12/10(Thu) 07:35

グラフィックデザインにおける背景とは、壁のペンキ塗りや部屋の壁紙えらびのようなものかもしれません。

http://photoshopvip.net/archives/84635

Googleアナリティクスの面倒なレポート作成をGoogleスプレッドシートで解消！ （第1回）

2015/12/09(Wed) 07:44

Googleアナリティクスのレポート作成が面倒だ……というあなたにぜひ試してもらいたいGoogleスプレッドシートと自動更新APIを使ったレポート作成方法を紹介します。

http://web-tan.forum.impressrd.jp/e/2015/12/08/21570

CSSの:afterと::afterどっちが正しい？ 疑似クラスとか疑似要素って何？

2015/12/09(Wed) 07:43

セレクタで「:after」と「::after」がありますが、どちらが正しいのでしょうか。

http://web-tan.forum.impressrd.jp/e/2015/12/08/21670

インフィード広告では「勝ちパターンを意識しない」クリエイティブ運用が成功の鍵! ライスフォースの広告運用ノウハウ

2015/12/09(Wed) 07:42

インフィード広告のインプレッション規模とリーチ力を活かす豊富なクリエイティブパターン

http://web-tan.forum.impressrd.jp/yahooads/2015/12/09/21531

綺麗でカラフルなグラデーションが一覧化されている「colorful gradients」

2015/12/09(Wed) 07:42

覚えておきたいと思ったので備忘録兼ねて。「colorful gradients」はサイト名にもあるようにカラフルなグラデーションを一覧化しているギャラリーで、綺麗で美しい色合いのグラデーションを多数見ることができます。

http://www.nxworld.net/inspiration/colorful-gradients.html

2色・3色・多色、色の組み合わせ方が分かる配色に便利なオンラインツールのまとめ

2015/12/09(Wed) 07:41

デザインやイラスト、プレゼンなどのデータ、そしてファッションや料理など、色の組み合わせ・配色は非常に重要です。指定した色をベースに、その色に合う組み合わせが分かる配色に便利なオンラインツールを紹介します。

http://coliss.com/articles/build-websites/operation/design/online-tool-for-color-schemes-2015-winter.html

CSSで実装する矢印アイコン付きボタンのアニメーションエフェクト

2015/12/08(Tue) 07:24

フラットやゴーストといったようにシンプルで一見ボタンと認識しづらい感じのボタンデザインを使う場合、それが少しでもボタンだと分かるように矢印等のアイコンを付けることが多いと思います。

http://www.nxworld.net/tips/css-button-arrow-hover-effect.html

デザインもライセンスも使い勝手がいい！ミニマルに美しくデザインされたアイコン素材 -Nova

2015/12/08(Tue) 07:23

Webサイト、ブログ、アプリ、ワイヤーフレームなどに最適、小さいサイズでも見やすく分かりやすい美しくデザインされたアイコン素材を紹介します。

http://coliss.com/articles/build-websites/operation/design/vector-icons-nova.html

WordPressの侵入対策は脆弱性管理とパスワード管理を中心に考えよう

2015/12/08(Tue) 07:22

ordPressに限らず、Webサイトへの侵入経路は2種類しかありません。それは以下の2つです。「ソフトウェアの脆弱性を悪用される」「認証を突破される」したがって、侵入対策としては以下が重要になります。

http://blog.tokumaru.org/2015/12/wordpress-security.html

[CSS]最近のWebサイトで見かけるコンポーネントを実装するチェックしておきたい便利なスニペットのまとめ -LittleSnippets

2015/12/07(Mon) 07:35

最近のWebサイトで見かける気持ちいいアニメーションを使った、ナビゲーション、画像、ボタン、カード型レイアウトなど、HTML5+CSS3で実装されたさまざまなコンポーネントのスニペットを紹介します。

http://coliss.com/articles/build-websites/operation/css/html5-and-css3-littlesnippets.html