dellab72のブックマーク / 2019年2月14日

dellab72 id:dellab72

2019年2月14日のブックマーク (6件)

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までは利用することがで
dellab72 2019/02/14
html

css
リンク
グリッドレイアウトの基本概念 - CSS: カスケーディングスタイルシート | MDN
CSS初心者向けチュートリアル初めてのウェブサイト: コンテンツのスタイル設定CSS スタイル設定の基本 CSS とは何かCSS 入門課題: 経歴ページのスタイル設定基本的な CSS セレクター属性セレクター擬似クラスと擬似要素結合子ボックスモデル競合の処理CSS の値と単位CSS におけるアイテムのサイズ設定背景と境界線コンテンツのオーバーフロー画像、メディア、フォーム要素表のスタイル設定CSS のデバッグ課題: 基本的な CSS の理解課題: 美しいレターヘッド付きの便箋の作成課題: かっこいいボックスCSS テキストの装飾基本的なテキストとフォントのスタイル設定リストのスタイル設定リンクのスタイル設定ウェブフォント課題: コミュニティスクールのホームページの組版CSS レイアウトCSS レイアウト入門浮動ボックス位置指定フレックスボックスCSS グリッドレイアウトレスポンシブデザインメ
dellab72 2019/02/14
html

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>テスト
dellab72 2019/02/14
html

css
リンク
古の技術になりつつあるIE8・IE9対応でやること、使えないもの - Qiita
Windows10の強制アップデートのおかげ(?)もあってか、最近のブラウザ対応ではIE9以下はほとんど切り捨てるようになっています。いろんなAPIやインタラクティブなサイトを作る場合は特に顕著です(そもそも対応してないし)。そんななか、IE9だけでなくIE8までも対応すべき状況になったときのために、Google検索先人たちの知恵を借りて、対応すべきことと使ってはいけない(というよりは対応していない)CSSプロパティ、JavaScriptのメソッドなどを雑多にあげてみました。情報の粒度なんて知らない。「IE8だけ動かねぇ...」というものは、たいてい非対応系で生じる不具合ですので、使わないで同じ挙動を実現させるための対策を練りましょう。やるべきこと html5shivを入れる要対策: IE8/IE9 現在のWebサイトの制作では、HTML5によるマークアップが標準となっていますが
dellab72 2019/02/14
html

css

browser
リンク
【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
dellab72 2019/02/14
javascript
リンク
FFFTP の転送ログを取得する方法｜Synclogue Navi
FFFTPでファイルの転送が出来なくなり、解決のためにログファイルが必要になることがあります。そんな時に、多くの方が「ログファイル」の取得方法が分からずに困ってしまいます。そこで、ここでは、リアルタイムでのログの表示方法や、ログファイルの取得方法をご説明します。とても簡単に出来ますので是非参考にしてください。
dellab72 2019/02/14
ftp
リンク
- 2019年2月15日
- 2019年2月14日
- 2019年2月13日