タグ

2014年4月23日のブックマーク (8件)

  • HTML5 におけるアウトラインに関して簡単解説

    HTML5 におけるアウトラインに関して簡単解説 HTML5 で重要なアウトラインに関して、なるべくわかりやすく簡単に解説してみます。 最近、ヨモツネットさんで 「HTML5 でのセクションの誤用にご注意」 なんて記事が出てたり、ちょうど HTML5 Doctor でも 「Document Outlines」 と題してアウトラインの解説記事が上がってたりするので、この 「アウトライン」 について簡単にまとめてみようと思います。解説って言うほど偉そうなものではありませんがなるべくわかりやすく書いてみようかと。 アウトラインを理解することは、HTML5 でマークアップする際にとても重要になりますので覚えておくとよいと思いますよ。 アウトラインとは? アウトラインとは見出し、フォームタイトル、テーブルタイトル、その他ラベル付けされた要素によって生成される文書構造のこと…なんて書くととても難しそう

    HTML5 におけるアウトラインに関して簡単解説
    ytkwsm
    ytkwsm 2014/04/23
    アウトライン作るためにセクショニングコンテンツはしっかり使う。スタイルの適応には用いない。
  • Web デザイナーさん向け Grunt を使った コーディング作業の効率化、はじめの一歩 | WWW WATCH

    フロントエンドの開発を色々と捗らせてくれる Grunt について、初めて Grunt を使うならこれだけまずはやってみたら? という入門的な解説記事を書いてみました。 この記事は公開からかなりの時間が経過して内容が古いのと、Gulp を使ったフロントエンド開発環境構築について新しい記事 「Web サイト作るお仕事をしている人向け Gulp で作るフロントエンド開発環境」 を書いていますのでそちらをご覧ください。 Grunt の導入記事なんか珍しくもないし、色々な方がわかりやすい記事を過去にも書かれていているので今さらではありますが...... とはいえ、まだ使ったことがない人もいるだろうということで、「Grunt って何ですか?」 とか「使ってみたいけどよくわからない......」 なんていう Web デザイナー (主に HTMLCSS を書くフロントエンドな人) さん向けに、初めて

    Web デザイナーさん向け Grunt を使った コーディング作業の効率化、はじめの一歩 | WWW WATCH
    ytkwsm
    ytkwsm 2014/04/23
    やってみるべか
  • 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

    jQuery が 1.12 以降のブラウザサポートについて発表。 IE6/7 のサポートは 1.12 まで
    ytkwsm
    ytkwsm 2014/04/23
    Android 2.3、めんどうなのか。
  • 再構築トリガーを設定して、ブログ記事が公開されたときにウェブサイトも再構築する

    マイカー「ジムニー(JB23)」のリモコンキーの電池はCR1220です。切れたので交換しなくては。たしろだいすけ([my_twitter])でございます。 Movable Typeが5になったときに、一番よくわからないなと感じていたのが、ウェブサイトとブログという関係。わざわざこんな複雑な関係を作る必要があったのかな? さて、今回はそのよくわからない関係が原因の問題の解決方法、というかそんなところ。 通常ブログで記事を公開すると、自動ではウェブサイトにその公開された記事の情報や内容は表示されません。Movable Typeではウェブサイトを別で再構築する必要があるのです。 ですが、実はブログ記事を公開すると同時にウェブサイトに記事を公開する方法があったのです! それが「再構築トリガー」! もっともっと前に知りたかった…。 再構築トリガーを設定する まずは再構築トリガーを使いたいウェブサイト

    再構築トリガーを設定して、ブログ記事が公開されたときにウェブサイトも再構築する
    ytkwsm
    ytkwsm 2014/04/23
    プラグインMultiBlogでの再構築トリガーの設定方法
  • [Mac] OS X に備わっているパスワードジェネレータ

    ランダムパスワードを自作するのが面倒な方へ OS X 標準のアプリでパスワードを生成出来るってご存知でしたか? 微妙にイレギュラーな使い方ですが、安全性の高いランダムパスワードをいちいち考えるのが面倒な方は試してみて下さい。 直接書き換える事に抵抗がない方は、下記手順 (2) で保存済みのログインキーチェーンを選択後、手順 (3) で[i]ボタンをクリックして下さい(その後の手順は概ね上記と同じ)。 Macintosh HD/アプリケーション/ユーティリティ/キーチェーンアクセス.app を開く ウインドウ左側のキーチェーンの項目で "ログイン" を選ぶ → 鍵アイコンのキーチェーン項目であれば何でも良いけど、とりあえずということで σ(^_^;) ウインドウ下辺に並んでいる[+][i][コピー]ボタンの[+]をクリック ウインドウ上辺から降りてくるシート内にある鍵アイコンをクリック タ

  • PhotoShopぽくガイドが引けるChrome拡張を公開した

    PixelGuide これなに PhotoShopでガイドを引くのと同じ感じでブラウザでガイドを引くChrome拡張です。 ほとんどの機能はRulersGuides.jsというライブラリを使って実現しています。 使い方 ここからPixelGuideをChromeにインストールします。 アイコンをクリックするとパネルとルーラーが表示されます。 ルーラーの上にカーソルを乗っけて、そこからクリックしてドラッグするとガイドが引けます。 簡単。 パネル アイコンをクリックすると開くパネル。 機能を上から。 各種要素の表示/非表示切り替え All: 全ての表示/非表示の切り替え (ガイドが表示されているときは下の要素に触れないので触りたいときは非表示にします) Guide: ガイドの表示/非表示の切り替え Ruler: ルーラーの表示/非表示の切り替え Info: 各グリッドの大きさなどの情報の表示/

    PhotoShopぽくガイドが引けるChrome拡張を公開した
    ytkwsm
    ytkwsm 2014/04/23
    作ってるものと若干狙ってるところが似てる
  • MT ページによってメタ情報を変更 | スターフィールド株式会社

    ytkwsm
    ytkwsm 2014/04/23
    キーワード、概要
  • Movable Type 3.3 マニュアル - テンプレートの編集

    ytkwsm
    ytkwsm 2014/04/23
    出力ファイル名、リンクするファイルについて