Bootstrapの使い方超入門 (1/4) - ＠IT
話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」の概要と基本的な使い方をサンプルとコードを交えて紹介します。 最近はやりのHTML5、JavaScriptライブラリ、CSS3、APIの紹介、またそれらを組み合わせたサンプルアプリケーションの紹介と解説を厳選して紹介、解説していく本連載「HTML5アプリ作ろうぜ！」。今回紹介するフレームワークは「Bootstrap」です。 話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」とは 現在のWeb制作、開発では、ともにスピードが重視されています。「Bootstrap」を使用すると、既に用意されているスタイルを適用するだけで、格段に速く見栄えを整えられます。事実、Webシステムの管理画面などでBootstrapを使用するケースも増えてきました。 Bootstrapは最近
Sass、そしてSassy CSS (SCSS)
CSSを拡張したメタ言語であるSass、そしてその別文法として定義されたSCSSについて、960.gsなどのCSSフレームワークと絡めて、Sass (主にSCSS)の良さを解説する。 CSSフレームワーク Sass Sassy CSS aka SCSS SCSSでCSSフレームワーク 2カラムレイアウトの作成 clearfixやReset CSSの組み込み カラム幅の変更 カラムの入れ替え SCSSで完結することの意義 まとめ 最後に CSSフレームワーク 960.gsやBlueprint、BlueTripなどCSSフレームワークと呼ばれるものは色々ある。フレームワークと名乗るだけのことはあって、それらの生産性はとても高い。テンプレートで適切にクラス名やIDを埋め込むだけなので、複雑怪奇なCSSコーディングを意識することなく誰でも簡潔にきれいなカラム・レイアウトを作成できる。 HTML 4
約28万5000台のHDDを運用するストレージサービス・Backblazeがメーカー・モデル別統計データの2024年第2四半期版を公開
クラウドストレージサービス・Backblazeが、データセンターで運用しているHDDのうち必要な稼働時間を越えなかったものやメーカーの温度仕様をオーバーしたものなどを除き、28万4386台のデータをまとめたレポートを公開しました。 Backblaze Drive Stats for Q2 2024 https://www.backblaze.com/blog/backblaze-drive-stats-for-q2-2024/ Backblazeが2024年6月30日時点で運用している、集計対象のHDDは東芝、HGST、Seagate、WDC(Western Digital)の4メーカーで合計29種類。メーカー別だと、最多はSeagateの14種類で、以下HGSTが6種類、東芝が5種類、WDCが4種類です。また、容量で分類すると4TBモデルが3種類、8TBモデルが4種類、10TBモデルが1
CSS3で作るあんなものやこんなものまとめ
さまざまな可能性を秘めたCSS3の登場から、いろんなエントリーが出てきましたので、一部をまとめてご紹介。 ちなみにこの画像はこちらのもので、CSS3だけで画像を使わずにキュウべえを書いたそうです。 CSS3でどんなことができちゃうの系 CSS3のみでいろいろなオブジェクトの作り方を掲載されている。 CSSについて知っておきたいことまとめ。 仕事で役立つ事もばっちり羅網。このまとめっぷりはすごいです。 CSS3の完全一夜漬けマニュアル。 とりあえずこの記事のところにサンプルがありますので触ってみてください。 すごく気持ちいい体験が待っていることでしょう。 CSS3のアニメーション効果を利用してちょっとダイナミックな404ページを表現しています。 すっごいかっちょいい。サンプルデモはこちら。 CSS3だけで3Dを表現。とりあえずこれがCSS3だというものを見せてくれる。ぱない。chromeでも
CSS とはなんだろうか（CSS リファレンス）
last modified: 03rd/Aug./2004; お知らせ 独自ドメイン 'nextindex.net' を取得しました。最新版は次の URI からどうぞ。 http://www.nextindex.net/ Preface 本稿は、 CSS に関する包括的な解説を提供する事を目的としています。より入門的なスピード・ラーニング も用意しましたので併せてご利用ください。 CSS2.1 が勧告候補になっています。これに先立ち、CSS2 のプロパティについて整理する観点で、リライト中です。クロスブラウザの観点では、MS I.E.6.0、Opera 7.x、Mozilla 1.7, Firefox 1.x をターゲットとしています。デフォルトで日本語が表示できない W3C の Amaya は除外しました。 Properties Index 'azimuth' 'background'
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSリセット手法
