最近フラットな感じのデザインが流行っているということで、フラットなデザインに使えそうなフラットなアイコンがダウンロードできるサイトを集めてみました。 ファイル形式は、pngやjpgなどの画像形式、aiやsvgなどのベクター形式、Webフォント形式など様々あります。最後にWebフォントの使い方を説明していますのでぜひご覧ください。 この記事はちょっと前に書いていたのですが、よくよく調べると同じような記事は国内外にあるようですね。せっかく作ったので載せます。基本フリーですがライセンス等はサイトをご確認ください。 Some Random Dude 様々なフォーマットで提供されていて、アイコンの種類も色もかなり多いです。 png svg Webフォント Simple Icons 16x16から4096x4096まで11のサイズのpng形式のアイコンがダウンロードできます。アイコンの色は白と黒があっ

本日公開されたAdsenseの公式ブログであるInside Adsenseの記事によると広告コードを変更することが許可されたようです。 Adsenseの広告コード改変に関するポリシーが変更され広告コードの改変が可能となりました | ぼくらのアドセンスブログ 今までは改行とかすべて変更せずに貼り付けろといわれていたのが、不正なことしなければ多少は修正してもいいということになったみたいですね。これを使えば、はてなブログのスマートフォン版に PC 版とサイズの違う広告コードを埋め込むことが出来そうです。 はてなブログには記事下のカスタマイズと、スマートフォン版にも表示する機能があります。 これを使うことで、スマートフォン版にも AdSense 広告を表示することは出来ていたんですが、サイズが違うものは広告コードの改変が必要だったのでポリシーに引っかかる恐れがありました。 しかし、今回の広告コード

以下の画像のように、Google Adsense広告を読み込むまでの間、背景画像が黄色くなっていることがわかります。これが結構目立っちゃって気になってたのです。。 ソースを確認してみると、CSSに以下の記述がありました。 ins{background-color:#ff9;color:#000;text-decoration:none} いつの間にこんなの書いたっけ？と思ったら、これは「html5doctor.com Reset Stylesheet」の一部に書かれていて、この影響で背景が黄色くなっていたみたい。いままで全然気が付かなかった。。。 WordPressでも、テーマによっては同じような現象が起こるみたいです。 背景色を指定しているbackground-color部分を変更するか、insタグを使っていなければ全部消してしまってもいいかも。 CSSを修正したら、読み込み時に背景が黄

jQueryを使ってWebページ上で何かアクションを実装する際、 リンク＜a＞タグをクリックすることでエフェクトを実行させることはよくあること。 その際、別ページへ遷移するわけでも、ページ内リンクを使うわけでもない場合に リンク＜a＞タグの属性「href」の飛び先の指定に困ることがあることも。 結局「href=”#”」でごまかしたり、「href=”javascript:void(0);”」としたり。 その様な場合に使えそうな、 クリックされたリンク＜a＞タグの「href」を無効にする方法があったのでメモ書き程度に紹介してみます。 サンプルでは、リンク用の＜a＞タグの「href」属性が 以下の様な「href=”#”」の場合とします。 ◆HTML <a href="#">アクション実行用リンク</a> このソースの場合の、リンクテキストをクリック後に 「href」属性を無効にするスクリプトは以

このブログの見出しはシンプルなんですが、CSSの「:before」や「:after」など擬似要素を使えば色々と装飾ができますので今回は8つのサンプルを紹介します。 HTMLはすべてHタグだけです。特に意味はありませんが今回のサンプルはh4タグを使っています。 「:before」「:after」やボーダーで表現する三角形の使い方など慣れない方もいるかもれませんので、その都度簡単に解説していきます。「:before」「:after」疑似要素はIE7以下は非対応ですのでご注意ください。 今回のサンプルは別サーバにアップしていますのでご覧ください。 それでは今回8つのサンプルを紹介していきます。 1. 吹き出しのような見出し1 吹き出しの下の部分を:after擬似要素で作っています。三角形はボーダーで作っています。下の画像を見ると何となくイメージできるでしょうか。今回の場合は上の赤い部分のみ色を付

Pricing Compare all pricing solutions. Options for individuals and teams. See all Pro subscription 7-day free trial Choose a flexible subscription plan for you and your team members. See the benefits Pay as you go Pay for the graphics you need, when you need them. No strings attached. How it works

2017年6月30日 色彩 配色によってそのデザインの印象は大きく変わると思います。色は大切な要素のひとつですね！ということで、色の持つ印象別に配色アイデアをずらりと並べてみます。配色はおなじみ（？）のCOLOURloversから、「これは！」と思うものを選ばせて頂きました。素敵な配色がいっぱいのこのサイト、ぜひ覗いてみてください！また、今回紹介するのはあくまで一例ですので、自分なりにアレンジしてみるのも楽しいと思います。サイトの雰囲気にあう配色を探してみてください。 ↑私が10年以上利用している会計ソフト！ 配色に関するおすすめサイト COLOURlovers 色をテーマにしたコミュニティサイト、COLOURlovers。自分の考えた配色を登録したり、お気に入りの配色を保存しておくことができます。今回はこちらから配色アイデアを選びました。iPhoneアプリは「ColorSchemer」と

テンプレートキングへようこそ！ このサイトではコーポレート(企業/会社)サイト、個人サイトで使えるwordpressテーマを中心に編集していきます。 当サイトでで使用しているwordpressテーマはAFFINGER6（WordPressテーマ）です。 有償ながら「最適化」に特化したアフィリエイトサイトからコーポレートサイトまで幅広くカスタマイズが可能で汎用性が非常に高いのが特徴です。 また、管理画面も初心者でもマニュアルを読む事もなく操作出来てしまうシンプルさも持ち合わせております。 最初からAFFINGER6を利用すれば良かった。 そうお客様から言われました。 綺麗なデザインだけでは勝てる時代はもう終わりました。

無料データfree 簡易な用途には気軽に使える無料の白地図を。 WordやExcel、SNSやBlogなどでの簡易な利用には無料で使える白地図がオススメ。商用利用でも無料の白地図は追加料金不要で使えます。 商用利用commercial すべての白地図は営利目的の商用利用でもご使用いただけます。 有償で提供している白地図はもちろん、無料で提供している白地図も追加料金不要で、商用利用にお使いいただけます。