ブックマーク / kojika17.com (5)
-
CSSで2カラムといっても、その作成方法は様々です。 多くのパターンを理解することは、CSSに柔軟性を持たせることに、つながります。 1. floatを利用する 基本的な方法です。 子にfloatを利用すると、灰色の背景を敷いている親の高さが算出できなくなるため、背景色が出なくなったり、レイアウトが崩れたりします。 これらの問題を解決するには、clearfix か overflowを利用する必要があります。 .parent { overflow: hidden; } .child1 { float: left; width: 240px; } .child2 { float: right; width: 128px; } 2. floatとmarginを一定方向にかける 片方にfloat、片方はfloatをかけた方向に隣の要素の横幅以上のmarginをとる方法です。 floatのかかってい
-
タスクランナーで、WordPress を LiveReload する 2014-05-29 WordPressのテーマを作成していて、﹁ブラウザがリアルタイムで更新してくれたらいいのに﹂と思ったことはありませんか? LiveReloadは、何らかのファイルを保存するとブラウザが自動で更新されるツールです。 このLiveReloadを利用するとリアルタイムでブラウザが更新されるようになるため、WordPressのテーマ作成などに役立ちます。 WordPressをLiveReloadすると、修正を保存した瞬間にブラウザが更新されます。 画面を並べれば、エディタとブラウザを行き来することなく、テーマの作成が楽になります。 WordPressのテーマを作成する場合、大きく2つのケースが考えられます。 ローカルサーバーで、WordPressを作成 リモートサーバーに、ファイルをアップロードして作成
-
めんどうくさがりの新米ブロガーが1日/10,000PVを達成した方法 2011-01-18 "ブロガー"といったら大げさかも知れないですが、ブログを本格的に始めたのが、2010年12月9日。 ブログを書く前の情報収集 ブログを書く前に情報収集を行います。 複数のニュースサイト、ブログのRSSに登録する。 twitterをする。1、RSS ﹁RSSに登録﹂はブログを始めようと思う以前の3年前から購読しています。 最初は1日/20件程度の記事を読むことからスタートし、現在では150サイトから平均1日/200件ほどの記事に目を通しています。 毎日RSSを読むことで、Webに関する知識とブログを始める時のノウハウをある程度持った状態で始めることができました。 ブログを始める時にRSSで取得した参考になった記事(思い出せる範囲) 優れたライターになるための73の方法(SEO Japan) はてブと
-
Sergey Chikuyonok氏のGithubを見に行ったら、"Emmet (ex-Zen Coding)" という気になる記述があり、気になったので調べてみました。 Zen-Codingについて Zen-Codingは、IDEやエディタで使えるHTML/CSSのコーディングをパワフルにサポートするプラグインです。多くのアプリケーションで提供されており、3年前ほどから日本でも多くのサイトがZen-Codingを紹介しています。 そのZen-Codingが、﹁Emmet﹂と、リネームされてプロジェクトが進められているようです。 Emmet(beta) Emmetは、開発中です。 正式リリースはまだですが、機能は試すことができます。 Emmetは、2013年2月24日に正式リリースされました。 基本的には、今までのZen-Codingと変わりません。 Zen-Codingを使っていた人は、
-
6月2日、Google、Microsoft、Yahoo!の検索大手3社が協力して、構造化データマークアップの標準化に乗り出しました。 長期的な最終目標は、幅広いフォーマットのサポートとしているようですが、まずはHTML5のMicrodataに集中するようです。 Microdataが新しいWebの歴史の礎の1つとなるかもしれません。 以前にも﹁MicrodataとMicroformatsの違いについて﹂取り上げましたが、今回は実際にMicrodataでどうなるのか、ご紹介致します。 Microdataとは何か? マークアップ言語であるHTMLは﹁見出し(h1,h2,h3... )﹂﹁段落(p)﹂﹁リスト(ul,ol,li)﹂などの文章構造を示すことができても、﹁人の名前﹂﹁肩書き﹂﹁地域﹂などを示すことができません。 それらをHTMLでメタデータとして追加する方法のひとつとして、HTML5の
-
1