文書構造って難しいですよね コーディングしていたら迷う事ってたくさんありますよね。「これは見出しなのかな」「この段落はどこまで段落なんだろう」「検索バーはどのタグで囲めばいいの？」等など、判断に詰まることはいくらでもあります。そしてその判断の迷路を抜け出た後も、ふと「このマークアップで本当に合ってんのかな」と再び迷いに陥ることも。 エレメントの役割とタグの用途の正確な理解 コーディングしているときに何故迷うか。これは、 それぞれのパーツがそのサイト内にどういう役割で置かれているかをはっきりと定義できていない 各タグの用途を理解できていない このいずれか、または両方が出来ていないから起きる問題だと思います。エレメントの役割とタグの用途、この二つがはっきりしていればコーディングに迷う事はありません。…まあ(他にも納得の行かない組織ルールとかSEOを考慮した記述等があって)それは理想の話なんです

webcre8はHTML5を勉強中です(APIだとかCanvasだとかはまだです)。当ブログWEBCRE8.jpもHTML5を用いた自作テーマで作成されています。 皆さんもコーディングしていて「これはどう書くのがベストなんだ？」「これであってるのか？」と迷う事ってよくありますよね。 HTML5でコーディングしていて最近ホントにこれでいいのか？と迷っていたのはsectionと見出しについて。コーディングレベルのHTML5でよく取り沙汰されるアウトラインの話題ですね。 これについて何人かのweb制作者、特に@HissyNCさんと@kojika17さんと話をしてみたことも含めて、HTML5のアウトラインについて今までのwebcre8と同じように「…つまりどういうことだってばよ？」と混乱している人の為にわかりやすく整理してみようかなーと思います。 厳密な解説はこの記事を読まずとももっと信頼できる文

文書構造を意識したマークアップ例 今回から始める不定期連載です。HTMLのコーディングのやり方はリファレンスサイト等で例文を用いて行われることが多いですが、どうも抽象的だったり、実際の運用に即していない印象のものが多く見られるように感じています。 仕様に関する解説やコードの書き方も、遠まわしだったり、「だから結局どう書けばいいの？」という感は拭えません。また、ドキュメント自体が書かれた地域の文化を基準にしており、我々日本のweb制作現場の実際にそぐわない場合もありますよね。 こういったことについて、一つ一つ実際の事例や具体的な使われ方を挙げながらHTML、CSSのコーディングについて解説したいと思います。 また、この連載にはブログの記事と同じく私個人のHTML5のマークアップに対する考え方が強く織り交ぜられることと思います。もし見解の相違などありましたらご意見頂きたいと考えています。 シン

CSSでID使うの良くない……どころか、ID使うのはゴミクズカスみたいな風潮で辛い。その根拠はいくつかあり、それらはCSSだけをただそのまま書く場合には納得出来ないこともないかなーと思うので余計に辛い。特にOOCSSのようなアプローチではIDは混ぜるな危険。だからといってIDを使わないのがベスト・プラクティスなわけじゃない。 CSS Lintの利用が広まり、これがID使うなって怒るのも原因の一端な気がする。Disallow IDs in selectorsではIDの問題点として以下のようなものを取り上げている。 However, IDs have a downside: they are completely unique and therefore cannot be reused. つまりユニークなため再利用できないというマイナスの面がある、と。確かに再利用できない。でもこれはマイナス

CSSのスタイリングではIDを使用しない、という話をよく聞くようになりました。 私も最近は、IDを使わずにコーディングしているので所感を書きます。 CSSでIDを使わない 「IDを使わない」ということをHTMLの変化で示すと、以下のようになります。 <div id="header" class="clearfix"> <h1 id="logo"><a href="">logo</a></h1> <ul id="heaeder-info"> <li class="about"><a href="">about</a></li> <li class="sitemap"><a href="">sitemap</a></li> </ul> </div> ↓↓↓↓ <div class="header clearfix"> <h1 class="logo"><a href="">logo</a></

オーブントースターで５分焼いたら、ふっくらおいしいホットケーキが出来ました～♪ ふわっふわですよ♡ このレシピの生い立ち 「オーブントースターでホットケーキを焼けるお皿」というのが売っていたので、グラタン皿で出来ないかなぁ、と思って試してみました。 オーブントースターで５分焼いたら、ふっくらおいしいホットケーキが出来ました～♪ ふわっふわですよ♡ このレシピの生い立ち 「オーブントースターでホットケーキを焼けるお皿」というのが売っていたので、グラタン皿で出来ないかなぁ、と思って試してみました。

X-Finderでは"縮小版"、"並べて表示"、"アイコン"、"小さいアイコン"、"一覧"、"詳細"の6つの表示形式をそれぞれのタブで選択でき、explorer互換のカラム（mp3infp等で拡張したカラムも含む）を設定して各項目でソートすることもできる。 デフォルトでは"名前"が180、"サイズ"が96、"種類"が120、"更新日時"が120のカラム幅になっているが、xf.iniのファイル中の[ListView]の項目でColumnsWidth=の値を変更するとこの幅を調整できる。 また、新規タブには現在アクティブなタブの表示形式が受け継がれる。 表示形式の切り替えやカラム幅の設定、ソートする項目と順序の設定などはexplorerと同様な操作*1が可能だが、explorerが（デフォルトの設定では）一度設定した内容を保存して次にそのフォルダを開いたときにもその設定を有効にするのに対して、

root取って弄る時に誰もが一度はお世話になる「文鎮」化によるFlashToolでの初期化。それに必要なftfファイルの準備(生成)の仕方は以前考察していますが、ftfがうまく生成されてなくFlashToolで戻せない、SEUSのお世話になろうとしても「最新です」と言われて初期化すらできないような状態に陥ってしまった時の強い味方がWotanServer.comです。(要ユーザ登録) こちらはSUESとほぼ同じ手順で出荷状態に戻す事ができるサービスです。基本は自分でftfファイルを作って最悪の事態に備えるのが最強のリカバリ策ですが、もう一つの策としてこういうサービスがあるんだと知っておくと安心できますよね。 さっそく手順を考察します。 WotanServer.comユーザ登録 右上の「Login」にマウス近づけると上記画面のようにIDとパスワード入力画面が出ますが、右下にある「Registe

更新履歴　[ 全て表示戻す ] 2015.08.04: Windows10での作動を確認。 2014.12.19:サイト内リンクの修正 2014.11.26: 解説内容を0.10.0に差し替え。 2013.08.05: 解説内容を0.9.7に差し替え。 2011.07.20: 解説内容を0.9.4に差し替え。 2008.01.25: 初出 Handbrakeは、DVDやISOファイルを簡単にmkvやmp4形式に変換できるフリーソフトです。 Handbrakeは、DVDやブルーレイを、mp4やmkvに変換するフリーソフトでは 「使いやすさと多機能さで、最もバランスが良い」と思われます。 最新バージョンではH.265やVP8コーデックも利用可能になりました。 ▲HandBrake起動画面 対応OS･およびライセンス ライセンス:フリーソフト(GNU/GPL2) 対応OS: ・Windows:

Tombloo で post 出来なくなって生きるのが辛い - イ(略)裏 の件ですが解決出来たので忘れずに書き留めておく。 Firefox の URL バーに about:config と打ち込んでエンター フィルタに tombloo と入力 ここで extensions.tombloo.postConfig という設定の値に注目すると各サービスごとの各 post の状態が示されていることがわかる サービスが表示されないのは disable の値をとっていて利用不可能になっているから なので extensions.tombloo.postConfig を右クリックしてリセットを選択 するとデフォルトの状態に戻って元通り利用出来る状態になる 以上。 当然使用するサービスの設定も初期化されているので再設定すること。 夢に出るくらい悩んでいたのでなおってよかったです。

2017年6月30日 色彩 配色によってそのデザインの印象は大きく変わると思います。色は大切な要素のひとつですね！ということで、色の持つ印象別に配色アイデアをずらりと並べてみます。配色はおなじみ（？）のCOLOURloversから、「これは！」と思うものを選ばせて頂きました。素敵な配色がいっぱいのこのサイト、ぜひ覗いてみてください！また、今回紹介するのはあくまで一例ですので、自分なりにアレンジしてみるのも楽しいと思います。サイトの雰囲気にあう配色を探してみてください。 ↑私が10年以上利用している会計ソフト！ 配色に関するおすすめサイト COLOURlovers 色をテーマにしたコミュニティサイト、COLOURlovers。自分の考えた配色を登録したり、お気に入りの配色を保存しておくことができます。今回はこちらから配色アイデアを選びました。iPhoneアプリは「ColorSchemer」と