HTML5のアウトライン構造だけでなくセクションもチェックできるChrome拡張＆Firefoxアドオン
HeadingsMapとは HeadingsMapは、HTMLドキュメントの「HTML5アウトライン」や「見出し構造」のナビゲートマップを表示してくれるブラウザ拡張です。 HeadingsMapは、Chrome拡張版と、Firefoxアドオン版があります。 これまでよく利用されていたHTML5 Outliner（Chrome拡張）等のツールは、アウトライン構造のみが表示されていましたが、HeadingsMapは、アウトライン構造に加えてセクション情報も表示してくれます。 例えば、HTML5 Outlinerで、表示させた場合は、単にアウトライン構造だけが表示されていました。 一方、HeadingsMapで表示すると、見出しで使われているタグまで見ることができ、構造をより詳細に表示することができます。 また、section、nav、article、asideのようなセクション要素が利用されて
マテリアルデザイン向けに作成されたGoogleアイコンフォント「Material icons」の使い方
Material iconsのアイコンフォントの使い方 以下で、Material iconsのアイコンフォントの使い方を紹介します。 詳しい方法は、以下に記載してあります。 Material icons guide – Google design 主な手順 アイコンフォントを利用するには、主に以下の手順が必要です。 Material iconsフォントのCSSファイルを呼び出す CSSファイルに利用をするためのコードを書く（コピペ） アイコンフォントを表示したいところにHTMLを書く（コピペ） Material iconsのアイコンフォント用CSSファイルは、WEB上から手軽に呼び出すことができるので、かなり設定は簡単です。 Material iconsフォントのCSSファイルを呼び出す Material icons用のCSSファイルは、Google Web Fontsにあるものを呼び出す
Windows上にサクサクっとローカルWordPress開発環境を作る方法
主な手順 今回やることは、以下の2つです。 Windowsにローカル環境を作成する 手軽にサーバにアップロードできるFTP環境を作る 文字で上記のように書くと、面倒くさそうですが、実際にやってみると、かなり簡単にテーマなどのカスタマイズができるようになるので、Windowsを使っている人には結構お勧めです。 ローカル環境を簡単に作成 Windows上に、ローカルWordpress開発環境を最も簡単に作成するなら、Instant WordPressの右に出るものは今のところないと思います。 とにかく、ローカル環境構築に必要な手順を、限りなく、限りなく省いた環境構築ツールです。 やることといっても、以下の手順だけ。 Instant WordPressをダウンロード＆インストール 起動する WordPressにログインする 普段よくパソコンを触っている人なら5分、慣れていない人でも10分もかから
WordPress開発が捗りそうなBracketsおすすめ拡張40個まとめ
Paste and Indent JavaScript & CSS CDN Suggestions scriptタグやstyleタグを書くと、CDNが使えるJSファイルやCSSファイルの名前を提案してくれ、選んでいくだけでCDN呼び出しタグを書くことができます。これがあると、ネットで探し回る必要ないかも。 Brackets Extension: CDN Suggestions CDN Finder jsDelivrで公開されているCDNを検索し、URLを手軽に取得することができます。 CDN Finder Autoprefixer 名前の通り、ファイルの保存時に自動でプレフィックスを付与する拡張です。 Can I Useの情報から判断して、不要なものは取りのぞいてもくれます。 機能を有効にするには、「編集」メニューから「Auto prefix on save」にチェックをしておく必要があり
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
プログラマ向けのメモアプリ「Boostnote」が便利。Markdownメモ、スニペットの管理に。
