2014年8月20日 CSS Webサイトを装飾していく時に無視できない要素、見出し・リスト・引用文。特にWordPressでオリジナルのテーマを作る時は、ブログ用にこれら基本の要素すべての装飾もすると思います。そんな時に使うコードのバリエーションをメモしていたので記事にしました。少し変えるだけで応用できると思うので、ぜひ使ってみてください！ ↑私が10年以上利用している会計ソフト！ 色、フォント、サイズなどを変えるだけで、どんなサイトでも使える見出し・リスト・引用文用のHTMLとCSSコードを紹介します。そのままコピペして使っちゃってください。少しはコーディングの手間が省ける…かもしれません。ちょいちょい使っている画像も保存して使ってもらってもOKです :) サンプル画面内の「HTML」「CSS」タブをクリックでコードが表示されます。IE6, 7, 8, FF, Chrome, Safa

本ブログ「こぼねみ」（www.kobonemi.com）を別のブログに移行するか、きっぱりとブログ活動自体をやめるか。 そろそろ答えを出そうと思っています。 前者を選択するなら、 はてなブログで新しいブログを作成し、現在利用している独自ドメインにサブドメインを設定し、新しいブログを始めようと思います。 私とブログについて 本ブログは2014年10月にはてなダイアリーからはてなブログへ移行し、同時に独自ドメインに乗り換え現在に至っています。 もう少し経緯を詳しく書くと、 2012年6月に、はてなダイアリーで本ブログはスタートしました。 その前にもはてなダイアリーで書いていたのですが、いくつかの問題があって閉鎖し、改めて始めたのが本ブログの前身です。 遡ると、はてなでは2009年から約6年間毎日休まずに書き続けています。 （それだけ書いても注目のブログにも入らないのはある意味すごいなと個人的に

カラーネーム 147色 147色のカラーネーム一覧と、それぞれのカラーコード一覧です。 カラーネーム 分類別 147色のカラーネームを分類別に掲載しています。 標準 16色 HTMLで定義されている基本色。この16色は、古いブラウザでもカラーネームを解釈することができます。 Web Safeカラー 216色 安心して使える216色。標準16色とこのセーフカラーは、異なる環境で見ても同じ色で表示されます。 カラーグラデーション 主要な色合いの彩度と明度のグラデーション一覧です。 カラーグラデーション 詳細版 24種の色合いによる1350色のグラデーション一覧です。 12色の色相環と補色 色相環（12色）のカラーコードと補色の表示サンプルです。 配色パターン イメージごとに分類された、Webデザイン用の配色パターン一覧です。

以前書いた「CSSだけで作る動きのあるドロップダウンメニュー｜Webpark」という記事が検索エンジン経由でそこそこアクセスがあり、よく質問をいただきます。そのなかで多階層にできないのかという質問があったので作ってみました。 IE7の場合擬似要素が使えませんので、次の階層があることを示す矢印が表示されません。ドロップダウンの機能はIE7でも問題ありませんので、IE7に対応させる場合は矢印を画像にするなどすればよいと思います。 それではHTMLからいきます。 HTML かなり長くなるのでメニュー1の部分だけ載せています。 <ul id="dropmenu"> <li><a href="#">メニュー1</a> <ul> <li><a href="#">子メニュー</a> <ul> <li><a href="#">孫メニュー</a></li> <li><a href="#">孫メニュー</a>

Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで（Macの場合はCommand＋Option＋Iキーで）手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro

Google AdSenseが貼れたところで今度はGoogleウェブマスターツールを当ブログに設置したいと思います。 Google AdSenseをはてなブログに貼る方法（タイトル下・記事上、下、フッタへ）は以下のエントリーにて紹介しています。 Googleウェブマスターツールとは？ Googleウェブマスターツールとは、Google検索ロボットがちゃんと自分のサイトを巡回してくれているか？エラーはないか？マルウェアに感染していないか？など確認するツールです。 またそれだけでなくGoogleからペナルティを受けて検索結果から外れた場合。サイトの所有権を証明し、再審査を請求する時に必須のツールとなっています。 もしも、Googleウェブマスターツールが導入不可能なブログサービスを使っていたなら、再審査を受けることが出来ません。（はてなブログは導入可能です） SEOにも有効？ さらに、SEOに

前回は、当はてなブログにGoogleウェブマスターツールを導入するまでを行いました。今回はその続き。サイトマップを送信する方法を紹介します。（追記：ウエブマスターツールは、「Google Search Console」という名前に変更されました） 【やってみた！図解】 はてなブログにGoogleウェブマスターツールを導入する方法 【はてなブログ入門シリーズ】 - はてなブログでアフィリエイトがしたい人のブログ サイトマップとは？ サイトマップとは、Google（検索エンジン）にサイトの構成を伝えるファイルです。グーグルボットがこのファイルを読み込んで、より正確な検索結果を出すために使います。 Googleウェブマスターツール（Google Search Console）ヘルプには、「サイトが新しくどこからもリンクされていない・外部リンクも少ない」場合にも有効だと書かれています。 サイトマッ

ドメインの取得 さて「はてなブログPro」への移行が済んだらこれで「独自ドメインの設定」ができます。 独自ドメインを設定するには、なにはともあれ「ドメイン」が必要です。 ドメインを取得しましょう。 わたしがドメインを取得したのは日本でのドメイン取得の最大手ではないかと思われるお名前.com ドメイン取得にもお金はかかります(;´Д｀) しかし安いものであれば年額数百円で済みます。 お気に入りのドメイン名を熟慮して取得しましょう。 私のブログのドメイン「kototoka.com」も数日のあいだあれやこれや熟慮して、やっとこで決めることができました。 だって今後このブログの代名詞ともなるドメインです。しっかりと考えたいですからね。 みなさんも納得のいくドメインを取得してください(*‘∀‘) では、この先は「お名前.com」でドメインを取得したことを前提に話を進めます。

はてなブログで標準的に利用可能なアイコン絵文字 はてなブログには各種サービスやブログ内のアイコン画像がWebフォントとしてインストールされており、特定のクラスをつけたタグを用いる事で「はてなブログ」の様に文字列として出力可能となっています。はてなブログ専用の絵文字という事ですね。 「<i class="blogicon-hatenablog"></i>はてなブログ」 はてなブックマーク Twitter でシェア Facebook でシェア Feedlyでフォロー こんな感じで、バイラル風のシェアボタンやブログパーツを作る時に重宝するのですが、実際に出力される内容について把握しきれていなかったので、これを機会に現時点で利用可能なアイコン絵文字フォントのリファレンスを作成しました。 アイコン絵文字フォント一覧 No クラス名 アイコン 000 blogicon-hatenablog 001 b

少しずつシリーズ化しているかな？フィルムカメラで撮る季節。 今回は初夏と町並みを撮りました。ほとんど電車の写真だったなんて言えません。電車の中から初夏ですよ。フィルムは、いつも行くカメラ屋さんで一番安いFUJIFILMの業務用フィルムISO100です。 フジフイルム 業務用フィルム　ＩＳＯ１００?２４?３０本パック 出版社/メーカー: フジフイルム メディア: Camera この商品を含むブログを見る カメラは、ASAHI PENTAX SP / Super Takumar 50mm F1.4 Pentax M42 Super Takumar 50mm F1.4 出版社/メーカー: ペンタックス メディア: エレクトロニクス この商品を含むブログを見る フィルムカメラで春を撮る 春の始まりにフィルムカメラ 冬の終わりにフィルム写真 フィルムカメラで秋を撮る 好きな町並みを、フィルムカメラで

Thousands of Free Templates Just for You! The easiest way to create professional designs for free! Choose from our ever changing library of free mockups, designs, videos and logos.

はてなブログデビューと共にマークダウン記法デビューも果たしたのですが、なかなかいい感じ。 しかし、[アンカーテキスト](URL)でリンクがはられるのはいいのですが、target="_blank"にして別タブで開くにはどう書くんだろ？と調べたところ、いくつかググったらその場合はHTMLで書いてね！とのこと・・・ せっかくタグなしで書いてるのでタグなしで通してみたいです。 というわけで調べた結果、以下のコードをはてなブログのヘッダーにいれることにしました。 <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script language="JavaScript"> $(document).ready( function () {

「旅先などで写真を撮影した際、他の人が写ってしまった」。こういうケースは、ほとんどの人が経験したことがあると言っていいのではないでしょうか。家族だけでこうした写真を共有する場合は問題はありませんが、不特定多数が閲覧するインターネット上で公開するとなれば、肖像権やプライバシーの問題が起こってきます。いわゆる「写り込み」の問題です。 今回は、こうした写真をブログにアップしたい場合、どのような対応をすればいいかについて考えていきます。写り込んだ人物が誰であるか特定できるかどうかが焦点となります。(編集部) 【Q】旅先での写真をブログにアップしたいのですが、他の人の姿が… 観光旅行に行ったときに撮った写真やビデオ映像を、私個人が趣味で作っているブログにアップして掲載したいと思っていますが、その中に他の観光客の写り込んだものがあります。私のブログは旅行先の雰囲気を紹介する全くの趣味サイトなのですが、