CSS 2.1、W3C勧告へ | エンタープライズ | マイコミジャーナル
The World Wide Web Consortium W3Cは6月7日(米国時間)、「CSS 2.1」をW3C勧告としたことを発表した。Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) SpecificationがW3C勧告として承認された規格となる。CSS 2が勧告として公開されたのが1998年であることを考えると、実に13年を経てCSSの新しい基盤となるバージョンが公開されたことになる。 CSS 2.1はCSS 2で問題とされてきた機能が整理されている。また、CSS 2.1のW3C勧告発表と同時に2つの仕様がW3C勧告として発表されている。 Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification CSS Color Module Level 3 A M
HTML と CSS のみでタブを作るサンプル
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 ul.tab { margin: 0; padding: 0; border-bottom: 2px #ddd solid; } ul.tab li { float: left; margin: 0 0 0 5px; position: relative; bottom: -2px; list-style-type: none; border: 1px #ddd solid; border-top: none; border-bottom: 2px #ddd solid; } ul.tab
【レビュー】HTML5/CSS3対応のデザインテンプレート集「Free HTML5 Templates」 | エンタープライズ | マイコミジャーナル
170を越えるテンプレートからお気に入りを見つけて参考に - Free HTML5 Templates Free HTML5 Templatesにおいて、HTML5/CSS3を駆使したデザインテンプレートが数多く公開されている。このWebサイトは今年の2月11日(米国時間)に掲載されたテンプレートをはじめ、執筆時点で176のテンプレートが公開されている。掲載されている全テンプレートをサムネイルとして確認できる「Template Portfolio」はまさに圧巻だ。 Template Portfolioで登録されているデザインテンプレートを一望できる。画像クリックで拡大、more infoリンクをクリックしてテンプレート詳細画面に移動する これらのテンプレートはGoogle Chrome 5.0以上とFirefox 3.6以上に最適化されており、Creative Commons Attrib
CSSでマルチカラムレイアウト
はじめに 本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していきます。 今回は、本連載の総まとめとして、CSSでマルチカラムレイアウト（段組レイアウト）を実現する方法を紹介します。CSSでマルチカラムレイアウトを実現する方法はいろいろありますが、今回は、最も基本的な方法として、前回の記事で解説した「floatプロパティ」および「positionプロパティ」を利用した、「フロート型」と「ポジショニング型」のレイアウトテクニックを紹介します。同時にページレイアウトで起こりがちな問題とその対処方法についても扱います。 対象読者 XHTMLとCSSの基本を理解している方。 Web標準サイトの実践的な作り方に興味のある方。 必要な環境 （X）HTMLやCSSを記述するエディタと、それを確認するブラウザがあれば、特別な環境は
cssのテクニックなどを学びたい時に見ておきたい12サイト - かちびと.net
cssが苦手で嫌いなので 好きになろうと思い、勉強に なりそうなサイトを国内外で 選んで絞ってみました。 同じ思いをしている方とシェア したいと思ったので記事にします。 リファレンスサイトは今回は割愛しました。勉強するなら抑えて当たり前ですしね。国内外合わせて11サイトとおまけが1サイトあります。まずは国内サイトから。 CSS HappyLife 個人的に国内でcssといえばCSS HappyLifeさん思い出します。基本から応用まで幅広く情報を配信。 CSS HappyLife CSS-EBLOG ほぼcss中心に情報を配信してくれています。こちらもかなり勉強になるサイト。サイト自体も見やすいですし、cssで困った時には必ず訪れたいサイトです。 CSS-EBLOG CSS Lecture cssで出来るテクニックを公開してくれています。デモページを用意してくれるのが凄く嬉しい。親切で分か
SlickMap CSS: A Visual Sitemapping Tool for Web Developers | Astuteo
Slickmap CSS is a simple stylesheet for displaying finished site maps directly from HTML unordered list navigation. It's suitable for most web sites – accommodating up to four levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences. Features and Benefits Eliminates the need for additional softwarePlan s
日本語組版処理の要件 (W3C Japanese Text Layout) 公開 | エンタープライズ | マイコミジャーナル
W3C Japanese Layout Task Force W3C Japanese Layout Task Forceは4日付けでW3C Working Group NoteとしてRequirements for Japanese Text Layoutを公開した。日本語文書も日本語組版処理の要件(日本語版)として同時に公開された。 Requirements of Japanese Text LayoutはJIS X 4051 "日本語文書の組版方法"をベースとして作成された要件文書。CSS、SVG、XSL-FOなどの技術における日本語組版として求められる機能がまとめられており、JIS X 4051に記載されていない要件についてもまとめられている。2008年4月11日にはWorking Draftが公開されていた。1年以上の期間を経て正式版となった。 「日本語組版処理の要件(日本語版)
死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE
ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。 リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:
【ハウツー】FirebugにHTML/CSSリファレンスをアドオン! - FireScope | エンタープライズ | マイコミジャーナル
新着記事一覧 『おくりびと』がアカデミー外国語映画賞受賞! - 実写日本映画で初の快挙 [13:34 2/23] 【NASAからのおくりもの】生まれたての星を大人のパワーから守る銀河の稜線 [13:20 2/23] PHPに最適化されたアプリサーバ、Zend Server登場 [12:56 2/23] 篠崎愛、紫の過激ビキニは親公認! - DVD『愛いっぱい。』発売イベント [12:30 2/23] Wii『アークライズ ファンタジア』、公式HPをリニューアル! 新PVなどを公開 [12:25 2/23] 楽天トラベル、女性向けトラベルウェブマガジン「旅色」を創刊 [12:19 2/23] 故ヒース・レジャーが助演男優賞! - 故人受賞は33年ぶり [12:17 2/23] 不朽の名作がiPhoneで読める「豊平文庫」 - ランキング表示に対応 [12:08 2/23] 【
慶應SFCのWebサイト、Flashに依存した形にリニューアルして酷評される | スラド IT
ストーリー by hylom 2008年12月22日 11時59分 いまどき企業サイトでも多くないのに、 部門より SFC研究所の加藤文彦氏が自身のblogにて、慶應大学 湘南藤沢キャンパス（SFC）のWebサイトリニューアルを酷評している。 慶応のSFCと言えば、WIDEの村井先生の根城でもあり、そもそもWebの標準化を担うW3Cのホスト役でもあるわけだが、加藤氏によれば、今回リニューアルされたSFCのサイトが、アクセシビリティ、Flashの使用、速いPCのみ対象、SEO、ユーザビリティの5点で問題があるということだ。該当のサイトを見てもらえば分かるのだが、flash作品としては良く出来ているように見えるものの、情報は大変に探しにくいページとなっている。 灯台下暗しということでしょうかね。 このWebサイトリニューアルには学内外からも多くの意見が出たようで、慶應SFC側はリニューアルサイ
SFCのサイトリニューアルの件について
SFCのサイトが昨晩変更されたのですが，余りにひどすぎるので最初絶句してしまいました．コメントはweb2008-keio@sfc.keio.ac.jpに送って下さいとのことなので，文章をとりあえず書いてみました sfc site renewal 追記: Geekなページにもコメントがでているようです． 追記2: 大学からの回答を載せました． 政策・メディア研究科/SFC研究所 W3C の加藤文彦です． 新しい Web サイトを受けて，質問・コメントをしたいと思います．なお，このメールに対するご回答はSFCにいる学生，卒業生，教員などの間で広く共有するべきものだと考えております．そのため，頂いたご回答の内容を整理させていただいた後に公開することをご了承ください． 以下の5点が現時点で思いつく問題点です． アクセシビリティ Flash の使用 速いPCのみ対象 SEO ユーザビリティ まず，こ
エンジニアのためのWebデザイン教室：ITpro
Webプログラムを手がける企業であっても，必ずしもWebデザイナが存在しているとは限りません。プログラマが自分でデザインを適用しなくちゃならないことも少なくありません。 技術者の人と会話をすると「僕にはデザインのセンスがなくてね」という自嘲的な発言をよく耳にします。しかし，Webデザインにセンスは必ずしも不可欠ではありません。ちょっとしたポイントを学習することで，誰にでもしっかりデザインされたページが作れます。HTMLとCSSによる実装を通して，デザインの基礎を学んでいきましょう。 第1回 Webデザインに必要なのはちょっとした知識と訓練 第2回 Webデザインの基礎はHTMLの構造にあり 第3回 文書を装飾するのはCSSの役目 第4回 Webデザインの基本を学ぶための環境について 第5回 HTML文書を装飾するCSSの基礎（その1） 第6回 HTML文書を装飾するCSSの基礎（その2）
Web制作に役立つフリーソフト:アルファルファモザイク
>>1 お疲れ様 前スレででたまとめサイトに掲載されてないもの [931]Website Explore http://www.umechando.com/webex/ 階層構造とファイル構成をエクスプローラ形式で表示 [944]HTMLPAD http://www.vector.co.jp/soft/win95/net/se118788.html HTMLタグ挿入型エディタ [949]Rafale http://www.forest.impress.co.jp/article/2005/02/08/rafale.html 画像を含めたWebページ全体の色合いをレタッチ感覚で一括調整 [953]削りませんか参号 http://www.vector.co.jp/soft/win95/net/se106070.html HTMLの無駄を削ったり、より無駄の少ないよう
CSSのレイアウト作成に役立つ便利なリソースいろいろ
最近のページやサイト作成に欠かすことのできない「CSS（カスケーディング・スタイル・シート）」ですが、そのレイアウト作成を行う際に便利なリソース22種類です。ゼロから作るよりは楽に製作できるはず。 詳細は以下の通り。 40種類のCSSレイアウトがそろっています。 Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download! CSSのフレームワーク blueprintcss - Google Code 16種類の異なるCSSベースのレイアウト intensivstation :: CSS Templates :: Templates 12種類のCSSによるレイアウト Dynamic Drive CSS Layouts- CSS Frames CSSのレイアウトを作成する
画像のHTTPリクエストをCSSを使って軽減する"CSS Sprite Generator" | エンタープライズ | マイコミジャーナル
Ed Eliot氏およびStuart Colville氏は9月28日(ドイツ時間)、Webページにおける画像の読み込みオーバーロードを軽減するためのおもしろい取り組みをWebサービス「CSS Sprite Generator」として公開した。ページを読み込む場合、画像を要求するHTTPリクエストが発行されるわけだが、「CSS Sprite Generator」はその要求数を低減させようとするものだ。 ページが画像を多く含んでいる場合、画像を取得するためのHTTPリクエストが大量にWebブラウザから発行されやすくなる。このHTTPリクエストを軽減するために、ページで使われている画像をひとつの大きな画像にマージしてしまい、かわりにCSSの機能を使ってマージされた画像から必要な部分だけを表示しようというのがCSS Sprite Generatorでの発想だ。 CSS Sprite Generat
CSS YEAR OF THE CAT
このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SitePoint CSS Reference
サービス終了のお知らせ
TableとCSSいろいろ - DesignWalker