サイト制作時にTwitterやFacebookなどのソーシャルメディアサービスのボタンを設置する機会が多いと思いますが、それらを特に独自デザインなどで実装する場合はロゴデータが必要だったり、どのようなカラーコードを使用しているかなどを調べることがあります。 自分もそのような場合は公式からデータをもらったりカラー確認したりするのですが、毎回ググるのが面倒なのとサービスによってはすぐに該当ページを見つけられないなんてことも稀にあるので、個人的にサイトやブログ制作時によく設置・利用されると思う各種サービスのガイドラインへのリンクを一覧化しました。 サービスによってはリンク先で全ての内容を確認できないものもありますが、ほとんどがロゴデータをダウンロードすることができ、ブランドカラーなども確認できるページとなっています。 また、利用条件や禁止事項についても同ページ内に記載されているところが多いので、

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

今回紹介するのは、水彩タッチでデザインされた無料のSNSアイコンセットです。滲んだ色合いがとっても綺麗で、カラーバリエーションも6種類用意されています。ブログに設置すればちょっとしたオリジナリティを出すことが出来ますよ。 ダウンロードページ Free Watercolour Social Media Icons サンプル画像 アイコンは15種類、カラーバリエーションは6種類で、合計90個のアイコンが収録されています。ファイル形式は透過PNGです。 素材の利用について ダウンロードしたアイコン素材は、個人・商用問わず無料で使ってOKとのことです。詳しくはダウンロードページに記載があるので、確認してから使いましょう。 紹介した無料アイコン素材：Free Watercolour Social Media Icons …というわけで今回は、水彩タッチでデザインされた無料のSNSアイコンセットでした

JavaScript標準のalertやconfirmだと味気ないダイアログが表示されますが、jQueryのプラグインを利用すれば洗練されたデザインのダイアログを簡単に利用する事が可能です。このようなカスタムダイアログやモーダルダイアログのプラグインは多々ありますが、ここではその中の一つ「zebra_dialog」の使用方法について記載します。 導入手順 プラグイン「zebra_dialog」のダウンロード ダウンロード先：https://github.com/stefangabos/Zebra_Dialog 必要となるファイル \Zebra_Dialog-master\public\javascript\zebra_dialog.js \Zebra_Dialog-master\public\css\default \Zebra_Dialog-master\public\css\flat ※

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

縦長のwebデザインをがむしゃらに集めています。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

個人的に好きなタイプだったこともあり、見つけては備忘録として残していたシンライン・アウトラインタイプのアイコンセットのまとめです。 やはりきっかけになったのはiOS 7に採用されたというのが大きいと思いますが、今年はwebデザインでもこういった細身のアイコンやフォントを取り入れているサイトを沢山見た印象でした。 来年以降どうなっていくかはわかりませんが、汎用性高くてwebデザインだけでなくアプリケーションにも使いやすいですし、何より自分がすごい好きなデザインなので、メモしていた全100セットを一気にまとめました。 紹介しているアイコンセットは、利用条件や大容量のプロ版などで一部有償なものもありますが、基本的にはフリー使用できて商用利用が可能なものも数多くあります。 ただし、実際に使用する際は再度ライセンス等を各自で確認してください。 ダウンロード形式も様々で主にPNG, PSD, AI,

display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ

Anchor CMSはカスタマイズ前提のPHP製CMSです。 Anchor CMSはPHP製のCMSですが、そのまま使うことは想定されていません。同じWebサイトがないのと同様にカスタマイズを前提とした作りになっています。 インストール時にはAnchor CMSのルートに対して書き込み権限が必要です。 インストールはウィザード形式に進めていきます。 インストールされました。ID/PWが発行されるので控えておきます。 こちらはユーザ向けサイト。とてもシンプルです。 記事詳細です。 管理画面にログインします。 ログインしました。ダッシュボードです。 ポストの追加画面です。タイトル、Slug、概要、本文などを入力できます。 ポストとは別でページ管理もあります。 ページも基本的にはポストと同じです。 ユーザ管理もあります。 サイト設定です。 Anchor CMSはシンプルなWordPressの管理

[対象: 中〜上級] 現在ベータ版のGoogle Chorome 25から、アドレスバー（オムニボックス）でGoogle検索したときに標準でSSL検索になります。 GoogleのChromium Blogが公式アナウンスしました。 なおSSL検索についてよく理解していなけれはこの記事の後半に簡潔にまとめてあるので先にそちらを読んでください。 Google ChromeのSSL検索デフォルト化 ChromeのGoogle検索SSL標準化という仕様変更により、Google検索からやってきたトラフィックの検索キーワードの取得がさらに困難になることが予想されます。 Googleアナリティクスで言えば、「(not provided)」がますます増えるでしょう。 Firefoxはバージョン14からすでにSSL化されており（現在の最新バージョンは18）、Firefoxの検索バーとロケーションバー、右クリ