CSSでブロック要素の幅をコンテンツのサイズぴったりにしたい時のこれからの記述方法 | コリス

2021/08/04 191 users コリス inline CSS inline-block div

sectionやdivやpなど、ブロック要素をボーダーで囲うと、全幅（親要素の幅）になります。そのブロック要素の中のコンテンツが少なく、ボーダーの幅をコンテンツのサイズに合わせたい場合は、どう実装していますか？ ブロック要素のままでは親要素の幅になってしまうので、通常はdisplay: inline;やdisplay: inline-block... 続きを読む

divとsectionとarticle要素それぞれの特徴、使い分けと組み合わせ方 -HTML5のセクショニング コンテンツ | コリス

2015/10/13 436 users ユーザエージェント セクショニング セマンティック コリス

HTML5は、ドキュメントを構造化する際に用いるセマンティックなコードです。あなたがどんなタグを使うかによって、ユーザエージェントにその意味を伝えます。 HTML5のタグにはさまざまなものがあり、中でもsectionとarticle要素は、div要素より有意義な方法でコンテンツを区分する手段として導入されました。これら3つをどのように使い分けるか確認しておきましょう。 Sectioning Con... 続きを読む

Javascript書けない人間が1年間でフロントエンドエンジニアになった話 - DMM.comラボ デザイナーズブログ

2015/09/03 351 users DMM.comラボ フロントエンドエンジニア 1年間 石橋

2015-09-03 Javascript書けない人間が1年間でフロントエンドエンジニアになった話 Frontend Other こんにちは、デザイン部所属の石橋です。 今はデザイナーをやりつつフロントエンドエンジニアをさせてもらってます。 そんな自分は2014年の5月にDMM.comラボへ来たんですが、入社時のスペックを以下に記します。 入社時のぼく HTML出来ます！（ただし<section>... 続きを読む

１ページ内で複数ページに分割できるjQueryプラグイン「windows」:phpspot開発日誌

2013/05/14 50 users Windows phpspot開発日誌 スクロール スライド

windows １ページ内で複数ページに分割できるjQueryプラグイン「windows」 <section>で区切ったブロックをフルスクリーンのスライドに分割してくれます。 スクロールでページを切替えますが、中途半端なスクロール位置になると自動補正をかけてくれます キーボードショートカットなんかが入るともっと便利だと思いました。 関連エントリ 一枚の画像を高速にスライドさせてアニメーション表示す... 続きを読む

HTML5とSEOについて「HTML5とか勉強会」で話してきました。 by @tsuj

2012/05/15 77 users SEO by @tsuj HTML5 勉強会 aside

HTML5とSEOについて「HTML5とか勉強会」で話してきました。 HTML5とSEOの関係についてまとめました。現段階ではあまり意味ありませんが、今後を考えるとHTML5のnav、aside、section等による論理構造化、セマンテック化はSEOに大きく影響する可能性が高い重要な事です。 4月25日に開催された、HTML5とか勉強会の第29回、「HTML5ビジネス最前線（B2C編）」のパネル... 続きを読む

HTML5のマークアップ(1) article、section、divの使い分け

2012/03/26 227 users セクショニング div article 概念 マークアップ

HTML5のマークアップ(1) article、section、divの使い分けHTML5でコーディングする際の、article、section、divの使い分けについて検討します。 HTML5では、意味的なマークアップやセクショニングの概念が追加され、どの要素を使うべきか迷うことが増えてきました。 今回は、誰もが直面するであろう、article、section、divの使い分けについて考えます。... 続きを読む

[HTML5]アウトラインで迷わない！ sectionと見出しについて | WEBCRE8.jp

2011/09/09 272 users canvas コーディ API 見出し webcre8

webcre8はHTML5を勉強中です(APIだとかCanvasだとかはまだです)。当ブログWEBCRE8.jpもHTML5を用いた自作テーマで作成されています。 皆さんもコーディングしていて「これはどう書くのがベストなんだ？」「これであってるのか？」と迷う事ってよくありますよね。 HTML5でコーディングしていて最近ホントにこれでいいのか？と迷っていたのはsectionと見出しについて。コーディ... 続きを読む

見落としがちなHTML5で変更された要素いろいろ | Webクリエイターボックス

2011/09/06 805 users Webクリエイターボックス HTML5 NAV footer

HTML5を勉強していて、section, nav, header, footerなどの新しく追加された要素について説明している記事はよく見かけるのですが、HTML5で変更された要素について触れている記事が少ないように感じたので、よく使うものを中心にちょっとまとめてみます。既存のWebサイトをHTML5化する時は、コンテンツ内に変更された・または廃止された要素がないか確認することも大切ですね！ H... 続きを読む

HTML5の新要素をinnerHTMLで生成できないバグを回避する - latest log

2011/02/06 96 users latest log パク 新要素 HTML5 enhance

js, enhance, IEIE6〜IE8のinnerHTMLには問題が多く、そのひとつに、HTML5の新要素を食わせると悪夢のようなDOMツリーを生成するというものがあります。var div = document.createElement("div");div.innerHTML = "section";document.body.appendChild(div);上記のコードを実行すると、... 続きを読む

HTML5でつまずきやすいasideとsectionの使い方 | KAYAC DESIGNER'S BLOG - カヤックの意匠部によるデザインやマークアップの話

2010/12/20 514 users 縁起物 aside コーディング 久保田 ME課

HTML5分かりにくいですよね。 初めまして。11月からME課で働いている久保田(@ta2_o2p)です。よろしくお願いします！ 自分の仕事としては、携帯サイト中心にコーディングを行っているのですが、BMKidsの縁起物と笑い袋の紹介ページのコーディングを行ったり、他にも色々とPCサイトのコーディングをしています。 さて、実はカヤックで働き始めてHTML5を本格的に触ったのですが、触れていくうちに... 続きを読む

最速インターフェース研究会: Synergyの裏設定「switchDoubleTap」を知らない人が多すぎる

2006/10/29 180 users Synergy ＥＮＤ LAN マウス Mac

LANで繋がっているマシンのマウスとキーボードを共有してWindowsとMacをつなげたりといったことが出来るSynergyというツールがあるのですが、Synergyの設定ファイルに section: options switchDoubleTap = 250 end などとやると、デスクトップの端っこをコンコンと二回タップしたときだけ画面が切り替わるようになります。切り替える際に一手間増えること... 続きを読む