HTML5 におけるアウトラインに関して簡単解説
最近、ヨモツネットさんで 「HTML5 でのセクションの誤用にご注意」 なんて記事が出てたり、ちょうど HTML5 Doctor でも 「Document Outlines」 と題してアウトラインの解説記事が上がってたりするので、この 「アウトライン」 について簡単にまとめてみようと思います。解説って言うほど偉そうなものではありませんがなるべくわかりやすく書いてみようかと。 アウトラインを理解することは、HTML5 でマークアップする際にとても重要になりますので覚えておくとよいと思いますよ。 アウトラインとは？ アウトラインとは見出し、フォームタイトル、テーブルタイトル、その他ラベル付けされた要素によって生成される文書構造のこと…なんて書くととても難しそうですが、従来の (X)HTML でも見出し要素のレベルを使い分けることで文書構造を示すというのをやっていたと思います。例えば、 俺の日記
Web デザイナーさん向け Grunt を使った コーディング作業の効率化、はじめの一歩 | WWW WATCH
フロントエンドの開発を色々と捗らせてくれる Grunt について、初めて Grunt を使うならこれだけまずはやってみたら？ という入門的な解説記事を書いてみました。 この記事は公開からかなりの時間が経過して内容が古いのと、Gulp を使ったフロントエンド開発環境構築について新しい記事 「Web サイト作るお仕事をしている人向け Gulp で作るフロントエンド開発環境」 を書いていますのでそちらをご覧ください。 Grunt の導入記事なんか珍しくもないし、色々な方がわかりやすい記事を過去にも書かれていているので今さらではありますが...... とはいえ、まだ使ったことがない人もいるだろうということで、「Grunt って何ですか？」 とか「使ってみたいけどよくわからない......」 なんていう Web デザイナー （主に HTML や CSS を書くフロントエンドな人） さん向けに、初めて
jQuery が 1.12 以降のブラウザサポートについて発表。 IE6/7 のサポートは 1.12 まで
jQuery 公式サイトにて、年内にリリース予定の jQuery 1.12 以降のブラウザサポートについて、1.12 が IE6/7 をサポートする最後のリリースになると発表しました。 Browser Support in jQuery 1.12 and Beyond ： Official jQuery Blog 以前、この Blog でも書きましたが、jQuery 2.x 系はすでに IE6/7/8 のサポートはしていません。1.x 系がレガシーブラウザをサポートするバージョンですが、1.12 までは現在の最新版である 1.11 同様、IE6/7/8 をサポートするものの、次バージョン （2015年リリース予定） の 1.13 では IE8 以降のみのサポートとなります。 What's Changing? There are no firm dates, but we plan on r
再構築トリガーを設定して、ブログ記事が公開されたときにウェブサイトも再構築する
再構築トリガーを設定して、ブログ記事が公開されたときにウェブサイトも再構築する 2013年8月24日 サイト制作 Movable Type Warning: Trying to access array offset on value of type bool in /home/xs654077/daisukebe.net/public_html/wp/wp-content/themes/daisukebe/functions.php on line 75 マイカー「ジムニー（JB23）」のリモコンキーの電池はCR1220です。切れたので交換しなくては。たしろだいすけ（[my_twitter]）でございます。 Movable Typeが5になったときに、一番よくわからないなと感じていたのが、ウェブサイトとブログという関係。わざわざこんな複雑な関係を作る必要があったのかな？ さて、今回はその
[Mac] OS X に備わっているパスワードジェネレータ
ランダムパスワードを自作するのが面倒な方へ OS X 標準のアプリでパスワードを生成出来るってご存知でしたか？ 微妙にイレギュラーな使い方ですが、安全性の高いランダムパスワードをいちいち考えるのが面倒な方は試してみて下さい。 直接書き換える事に抵抗がない方は、下記手順 (2) で保存済みのログインキーチェーンを選択後、手順 (3) で［ｉ］ボタンをクリックして下さい（その後の手順は概ね上記と同じ）。 Macintosh HD/アプリケーション/ユーティリティ/キーチェーンアクセス.app を開く ウインドウ左側のキーチェーンの項目で "ログイン" を選ぶ → 鍵アイコンのキーチェーン項目であれば何でも良いけど、とりあえずということで σ(^_^;) ウインドウ下辺に並んでいる［＋］［ｉ］［コピー］ボタンの［＋］をクリック ウインドウ上辺から降りてくるシート内にある鍵アイコンをクリック タ
PhotoShopぽくガイドが引けるChrome拡張を公開した
PixelGuide これなに PhotoShopでガイドを引くのと同じ感じでブラウザでガイドを引くChrome拡張です。 ほとんどの機能はRulersGuides.jsというライブラリを使って実現しています。 使い方 ここからPixelGuideをChromeにインストールします。 アイコンをクリックするとパネルとルーラーが表示されます。 ルーラーの上にカーソルを乗っけて、そこからクリックしてドラッグするとガイドが引けます。 簡単。 パネル アイコンをクリックすると開くパネル。 機能を上から。 各種要素の表示/非表示切り替え All: 全ての表示/非表示の切り替え (ガイドが表示されているときは下の要素に触れないので触りたいときは非表示にします) Guide: ガイドの表示/非表示の切り替え Ruler: ルーラーの表示/非表示の切り替え Info: 各グリッドの大きさなどの情報の表示/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MT ページによってメタ情報を変更 | スターフィールド株式会社
Movable Type 3.3 マニュアル - テンプレートの編集