CSSの記述が3倍速くなる「LESS」の使い方 (1/2)
2012年02月09日 13時58分更新 文●斉藤祐也／<a href="http://css.studiomohawk.com/">CSS Radar</a> 最近のWebサイトは大規模傾向にあり、Webアプリケーションを構築する機会も増えてきました。jQueryやMooToolsなど、JavaScriptを手軽に利用できるようにするライブラリーが普及する一方、Webサイトの表示を担うCSSにも、「Blueprint」や「960 Grid System」に代表されるフレームワークが登場しています。 「LESS」や「Sass」のようなCSS拡張メタ言語は、こうしたフレームワークとは異なり、CSSの言語自体を拡張し、CSSには存在しない機能を追加するものです。CSS拡張メタ言語を利用することで、変数、ミックスイン、入れ子ルール、名前空間、四則演算、関数などの動的な処理をCSSに追加でき、CS
?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+clockmaker+%28ClockMaker+Blog%29
アップルの新デバイス iPad が Flash に対応していないことや、アップルの CEO スティーブ・ジョブズ氏の苦言により、HTML5 は Flash に取って代わるのかという論議が現実味を帯びて論じられるようになりました。 「なぜAppleはiPadにFlashを載せるべきではない」のか AdobeのCTO、Kevin LynchがFlashを擁護―「HTML5はウェブビデオを暗黒時代に投げ戻す」 そこで、HTML 5 と Flash は何が違うのか両者の違いを図にまとめてみました。 (上の画像はクリックで拡大できます) 左側が HTML5 にしかない機能、右側が Flash にしかない機能で、中央の重なっているところが両方が利用できる機能です。グラフィック関係では、HTML5 では描画やビデオ関係はサポートするものの、テキスト周りや高度なグラフィック処理、デバイス機能ではまだ Fl
実践 タグの書き方と文書構造 - develo.org
目次 実践 まず始めに 中身を考える header content footer きれいな(X)HTMLの自分的書き方 実践 タグの書き方と文書構造 積水ハウスHTML + CSS HTMLをXHTMLに！ ポイント ただしく、きれいなHTMLを書くポイントは二つです。 文書構造を理解したHTML記述。 divでの構造化。 実践 ここからは、実際にくみながら説明していきたいと思います。 普段よく見慣れている、積水ハウスサイトですが、テーブルでくまれているので、これをhtml strctにしていきたいと思います。 (画像の中の文字、FLASHの中の文字は、画像にせずText扱いにします。) まず始めに header、content、footerに分けて考える。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.o
HTML5+CSS3 入門
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか： ウェブの歴史 [Page 2] よ
HTMLタグ/ページ全般タグ/お気に入りアイコン（ファビコン）を指定する - TAG index
type属性の値には、使用する画像のMIMEタイプを指定します。 例えば、ファビコンで使用する画像がICO形式で作成されている場合は、以下のように記述します。 type="image/vnd.microsoft.icon" ファビコンで使用する画像は、ICO形式で作成するのが一般的です。（IEがこの画像形式にしか対応していないので） ファビコンの表示例 使用例 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>文書のタイトル</title> <link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon">
hxxk.jp - DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含んだ 2008 年版 )
DOCTYPE スイッチについて再度まとめ 以前 DOCTYPE スイッチについての検証とまとめと一覧表という記事で DOCTYPE スイッチについてまとめましたが、あれから 2 年弱が経過したので、改めてまとめてみようと思います。 まとめるまでの話がけっこう長いので、一覧表だけ参照したい ! という場合は DOCTYPE スイッチの一覧表をご覧ください。 DOCTYPE スイッチとは何か そもそも DOCTYPE スイッチとは何か、というのがまず書くべきところですが、これは私が書かずとも良質のリソースが各種ありますのでそのリンクのみまとめておきます。 !DOCTYPE スイッチ 各UAのDOCTYPEスイッチについて - CSS Dencitie Mozilla's DOCTYPE sniffing - MDC Mozilla's DOCTYPE sniffing - MDC ( 日本語
PHP入門
◆ PHP入門 この章では、PHPの作成を支援するために解説しています。PHPは、Webアプリケーションを開発するためのプラットフォームで、現在最も多く使用されているオープンソース・ソフトウエアの１つです。Perlや Java言語などと比較すると、習得しやすさや柔軟性に優れ、短期間で開発できる利点があります。 各ページでは、まだまだ手を入れなければならない個所がありますが、いずれ時間をかけて充実させていきたいと考えています。ご了承ください。 なお、ここで掲げる PHPに関する記述に重大な誤りやミスがありましたら、メールにて、ご連絡いただけると大変助かります。 ■ PHP入門目次 PHPとは PHP作成の環境作り PHPプログラムの基本構造 定数と変数 配列 演算子 文字列 ループ (繰り返し処理) 条件分岐 ユーザ定義関数 クラスとオブジェクト 日付と時間 画像処理 セッション管理 正規表
HTMLタグ/ページ全般タグ - TAG index
ページの基本 <!DOCTYPE HTML PUBLIC ""> DOCTYPE宣言 <html><head><body> ページの基本要素 <html lang=""> ページ全体の言語を指定する <html dir=""> ページ全体の書字方向を指定する <title> ページにタイトルを付ける <link rel="" href=""> 別ページとの関係を示す 背景色・背景画像・マージン ... <body bgcolor="" text="" link="" alink="" vlink=""> ページの背景色とテキスト色を指定する <body background=""> ページの背景に画像を使う <body background="" bgproperties="fixed"> 背景画像をスクロールさせない <body topmargin="" bottommargin=""
共通の「ヘッダ」と「フッタ」を読み込む::streetcar weblog 第二世紀
streetcar weblog 第二世紀 このブログからのお知らせです。 2010-10-04【障害のお知らせ】 Googleマップの仕様(Google Static Maps API)が変わった為、現在迄に貼り付けた地図の、大部分が表示されなくなりました。 2009-07-01【障害のお知らせ】 7月1日・朝7時頃、ドメイン同期(シンボリックリンク)設定の失敗により、サイトの大部分が消失しました。同日・夜20時頃までに、大部分をバックアップファイルから復旧しました。 ◎ 復旧できたサイト「ホームページ」「ブログ」 × 復旧出来なかったサイト「wiki」「試作・新ホームページ」 2008-11-17【保守のお知らせ】 サーバー内・フォームメールcgiの動作が不安定なため、外部無料フォームメールサービスを組込みました。 see more Lolcats and funny pictures
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
★iPhone/iPadのホーム画面用アイコンapple-touch-icon.pngをサイトに設定しよう | 編集長ブログ―安田英久 | Web担当者Forum
Webデザイン講座 ロゴデザイン・ロゴ作成・ロゴ画像・作り方