display: tableの活用 | 第1回 フレキシブルな段組みレイアウト
display: tableの活用 第1回 フレキシブルな段組みレイアウト 2014年4月にWindows XPのサポートが終了し、業務で対応すべきブラウザがIE8もしくは、IE9以上に変化してきます。この記事ではIE8以降で使えるマルチカラムレイアウト手法を解説します。 はじめに 2014年4月9日にWindows XPのライフサイクルが終了し、普段の仕事でサポートをしなくてはいけないとされるブラウザは多くの場合、IE8以上、あるいはIE9以上へと前進したことでしょう。これにより、レイアウトの手法は大きく変わることになります。 本稿では、display: tableの挙動を解説し、あなたのCSSレイアウトテクニックを向上させることを目指します。 IE8はCSS2.1をフルサポートしています。CSS2.1の仕様内には、displayの値にtableがありますが、IE7までは利用することがで
グリッドレイアウトの基本概念 - CSS: カスケーディングスタイルシート | MDN
CSS チュートリアル CSS の基本 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基本的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック
CSSのみで横並びの要素の高さを揃える | HTML・CSS・JavaScriptのテクニック集 | Webサイト制作支援 | ShanaBrian Website
JavaScriptを使わずCSSのみで横並びの要素の高さを揃えるには、以下の方法で可能です。 フレキシブル・レイアウトを使用する グリッド・レイアウトを使用する 最大の行数を固定とする table-cellを使用する inline-blockを使用する ネガティブmarginを使用する フレキシブル・レイアウトを使用する フレキシブル・レイアウトを使用します。 この指定が一番楽で柔軟な実装方法ですが、古いバージョンのブラウザの一部が対応していませんので注意が必要です。 ※ 対応ブラウザは次を参照 フレキシブル・レイアウトの基本 【HTML】 <ul class="sample"> <li>テスト</li> <li>テストテストテストテストテストテストテストテスト</li> <li>テストテストテストテスト</li> <li>テストテスト</li> <li>テスト</li> <li>テスト
古の技術になりつつあるIE8・IE9対応でやること、使えないもの - Qiita
Windows10の強制アップデートのおかげ(?)もあってか、最近のブラウザ対応ではIE9以下はほとんど切り捨てるようになっています。 いろんなAPIやインタラクティブなサイトを作る場合は特に顕著です(そもそも対応してないし)。 そんななか、IE9だけでなくIE8までも対応すべき状況になったときのために、Google検索先人たちの知恵を借りて、対応すべきことと使ってはいけない(というよりは対応していない)CSSプロパティ、JavaScriptのメソッドなどを雑多にあげてみました。情報の粒度なんて知らない。 「IE8だけ動かねぇ...」というものは、たいてい非対応系で生じる不具合ですので、使わないで同じ挙動を実現させるための対策を練りましょう。 やるべきこと html5shivを入れる 要対策: IE8/IE9 現在のWebサイトの制作では、HTML5によるマークアップが標準となっていますが
【javaScript入門】void(0)の意味とリンクを無効化する方法まとめ！ | 侍エンジニアブログ
JavaScriptっていろんなことができますよね。 ボタンをクリックした時に要素を動かすようにしてみたり、画面の遷移だって設定できちゃいます。 そんな時気になるのが、ボタンのカーソルですね。 矢印になっているよりも指のマークの方がクリックできそう… でも<a>タグのリンクは無効にしたい… 今回は、そんな時に使えるvoid(0)について解説していきます！ この記事は下記の流れで進めていきますね。 【基礎】void(0)とは何か 【基礎】void(0)でaタグのリンクを無効化する 【発展】どんな時にvoid(0)を使う？ 【発展】カーソルを変えたいだけならCSSで！ 【発展】void(0)のリンクが開かない理由 void(0)って一体何？ void(0)とは、voidという関数に0という値を入れている状態です。 voidはどんな関数なのか、なぜ0を入れるのか、細かく見ていきましょう。 voi
FFFTP の転送ログを取得する方法｜Synclogue Navi
FFFTPでファイルの転送が出来なくなり、解決のためにログファイルが必要になることがあります。そんな時に、多くの方が「ログファイル」の取得方法が分からずに困ってしまいます。 そこで、ここでは、リアルタイムでのログの表示方法や、ログファイルの取得方法をご説明します。 とても簡単に出来ますので是非参考にしてください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
