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

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

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

米朝首脳会談が決裂。少なくともアメリカ政府は非核化に向けて安易な妥協はしない模様。 – 東アジアの風見鶏

2019/02/28 16 users 決裂 風見鶏 米朝首脳会談 妥協 非核化

２０１９年の２月２８日の今日にトランプ大統領と金委員長の米朝首脳会談が行われましたが、予定されていた共同声明や昼食が行われず、事実上の決裂となりました。 https://jp.yna.co.kr/view/AJP20190228008700882?section=nk/index - jp.yna.co.kr トランプ氏は宿泊先のホテルで行った首脳会談後の会見で、決裂した理... 続きを読む

[CSS]悩む人も多い、要素を内包するラッパーの最適な実装テクニック | コリス

2017/08/24 48 users コリス ラッパー CSS div 実装テクニック

HTMLで最初に書かれている要素が、他のすべてを包み込む要素であるということは少なくありません。これはラッパーと呼ばれるもので、多くの人が使用していると思います。 このラッパーの在り方について、divがよいのか、sectionはどうなのか、コンテナとの違い、レスポンシブ対応の幅指定やpadding指定の効果的なテクニックなどを紹介します。 The Best Way to Implement a “... 続きを読む

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の使い分けについて考えます。... 続きを読む

台湾ウェザーガールズが美少女戦隊 に「天気戦隊ウェザーガールズ」結成

2011/12/02 24 users 結成 PLT weather 美楽加油 http

■編集元：ニュース速報板より「台湾ウェザーガールズが美少女戦隊 に「天気戦隊ウェザーガールズ」結成」 1 中国住み （美楽加油!） ◆0AyEq578t2 (東京都) :2011/12/02(金) 19:40:32.04 ID:Vrt5JZ+d0 ?PLT(12501) ポイント特典 12月は戦隊コスプレだそうです http://www.nexttv.com.tw/weather/section/... 続きを読む

Text::Xatena を HTML5 化したい - 冬通りに消え行く制服ガールは✖夢物語にリアルを求めない。 - subtech

2011/11/17 14 users subtech Xatena text module リアル

Text::Xatena というはてな記法っぽいものをパースして HTML 化するモジュールがあるのですが、0.14 から出力がカスタマイズできるようになりました。https://metacpan.org/module/SATOH/Text-Xatena-0.14/lib/Text/Xatena.pm たとえば、HTML5 な感じのサイトでは div class="section" とか使っている... 続きを読む

[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... 続きを読む

LWP を使う機能のテストに便利なモジュールを書きました (LWPx::Record::DataSection) - NaN days - subtech

2011/02/21 32 users LWP Simple Data レスポンス use Test

ふだんスクレイピングや Web API を叩く機能のテストをするときには実際のレスポンスを __DATA__ 以下に格納し Data::Section::Simple で適当に読み込んで実際の通信を発生させない、という風にしていたのですが、これを毎回やるのも面倒なのでモジュールにしました。こんな風に使います。use Test::More;use LWPx::Record::DataSection;... 続きを読む

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を本格的に触ったのですが、触れていくうちに... 続きを読む

Adobe提供のAjaxフレームワーク「Spry」のサンプル集:phpspot開発日誌

2006/12/27 48 users Spry Ajaxフレームワーク phpspot開発日誌

Spry Samples In this section, we provide samples that feature small examples of a specific behavior in the Spry Framework. Adobe提供のAjaxフレームワーク「Spry」のサンプル集。 あまりSpryに関する情報は無かったように思いますが、こうしたサンプルが沢山用意されてい... 続きを読む

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

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

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