lepton9のブックマーク - はてなブックマーク

display: tableの活用 | 第1回フレキシブルな段組みレイアウト
仕様は変更されていませんが、IEのサポートが終了した現時点ではCSS GridやFlexboxを使って、同様のレイアウトができます。「CSS GridとFlexboxの使い分け」などを参照してください。はじめに 2014年4月9日にWindows XPのライフサイクルが終了し、普段の仕事でサポートをしなくてはいけないとされるブラウザは多くの場合、IE8以上、あるいはIE9以上へと前進したことでしょう。これにより、レイアウトの手法は大きく変わることになります。本稿では、display: tableの挙動を解説し、あなたのCSSレイアウトテクニックを向上させることを目指します。 IE8はCSS2.1をフルサポートしています。CSS2.1の仕様内には、displayの値にtableがありますが、IE7までは利用することができませんでした。このdisplay: tableを使うと、今まで難しか
lepton9 2017/12/13
css

html
リンク
現場で使えるgulp入門 | 第1回 gulpとは何か
現場で使えるgulp入門第1回 gulpとは何かさまざまな作業を自動化するビルドシステムgulpの基礎を解説します。第1回目は、gulpとは何か？　自動化のメリットはどこにあるのか概観。インストールから簡単なタスクを走らせてみます。はじめにこのシリーズでは、JavaScriptで書かれたビルドシステムであるgulp（ガルプ）について、導入から使い方など、基本的な部分を解説します。なお、記事執筆時点のgulpのバージョンは3.8.7です。第1回目では、まず、なぜgulpのようなツールが必要なのか、ツールの背景に触れます。さらにgulpの概要と、環境設定を中心に解説します。 gulpとは gulpはNode.jsをベースとしたビルドシステムヘルパーです。以前CodeGridでも紹介したGruntと似た目的を持って作られたツールで、gulpを使えばさまざまな作業を自動化することができ
lepton9 2015/05/13
javascript

development
リンク
Web制作者のためのGit入門 | CodeGrid
Web制作における作業ファイルなどのバージョン管理をするシステム、Git（ギット）の初歩的な使い方を解説。普段、コマンドライン入力を使わない人でも使えるようGUIツールで例示しています。
lepton9 2014/01/11
git

study
リンク
1