CSS に関する記事

CSS に関する質問

NEWS
HTML5対応Webアプリを、Windowsフォームアプリ感覚で作れるツールが登場
これまでの.NET Frameworkベースの開発手法を用いて、CSSやJavaScriptなどを記述することなく、HTML5対応のWebアプリやマルチデバイス向けアプリなどの開発が可能なツールが登場した。（2013/5/15）

にわかデザイン（3）：
HTML5＋CSS3の「カンタン装飾設定」で今風デザイン
基本的にグラデーションや角丸はジェネレータからコピペして設定できるので、作業自体は簡単です。HTML5＋CSS3サンプルを使って表現してみましょう。（2013/5/10）

Internet Explorer 10製品レビュー：
Internet Explorer 10のHTML5／CSS3対応度は？
すでにWindows 8に搭載されているIE 10が、Windows 7 SP1向けにも提供が開始された。新機能は？ ほかのWebブラウザに比べてHTML5への対応度は？ IE 10の進化度を解説する。（2013/4/11）

スマホ向けサイト制作で泣かないための秘伝ノウハウ（4）：
いまさら聞けないCSS3入門＆スマホ対応6つの問題点
スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。今回は、CSS3になるまでの歴史、代表的な3つのCSS3モジュール、実装上の3つの注意点、OS／機種依存事例6選などを解説します。（2013/4/2）

jQuery×HTML5×CSS3を真面目に勉強（1）：
パララックスエフェクトの基本
jQueryをメインにHTML5やCSS3を使ったリッチな表現のためのテクニックを紹介。まずはパララックスエフェクトの基本から。（2013/3/22）

にわかデザイン（2）：
レイアウトを自在に使いこなす
基本的なHTMLの構造やCSSの設定方法で「メニュー」を作ったら、そのレイアウトを自由に変化させてみましょう。サンプルソースをダウンロードして見比べてみましょう。（2013/3/28）

にわかデザイン（1）：
HTML5＋CSS3は「メニューの作り方」を覚えるだけ！
Photoshopなどの画像処理ソフトを使わず、CSSでできる表現の幅が広がっています。にわかデザイナーになれる、簡単Tipsをお伝えします。（2013/2/26）

MdN、『CSS3デザインブック』など23冊をKindle ストアで販売
エムディエヌコーポレーションは『CSS3デザインブック』『iPhone 5 完全ガイド』『ともかくカッコイイ写真が撮りたい！』など、23冊をAmazon Kindleストアで発売した。（2012/12/25）

UXClip（12）：
Coda 2かSublime Text 2か。あなたはどちらのエディタ派？
「Coda 2かSublime Text 2か」で、Web制作の開発環境でよく利用されるエディタについて話し合われた「CSS Nite After Dark」をレポートする（2012/12/12）

Apple、Google、FacebookらがWeb標準リソースプロジェクト「WebPlatform.org」で結集
W3CがAdobe、Apple、Facebook、Google、HP、Microsoft、Mozilla、Nokia、Operaとともに、HTML5やCSS3などのオープンWeb技術の包括的なリソースサイト構築を目指すプロジェクトを立ち上げた。（2012/10/9）

CSS Level 3対応の「画面の色作成支援ツール」を無償公開　日立製作所
CSS3の普及支援を目的に、2013年7月19日までWeb上で公開している。（2012/7/23）

書籍デザイナー必読：
CSS3を使い、XHTMLコンテンツをEPUB電子書籍・CMYKなPDFに一括変換する手順
CSS3を使ったプロの書籍デザイナー向けワークフローが海外で紹介されている。XML／XHTMLコンテンツをEPUBおよび紙印刷用CMYK PDFの両方に変換するポイントなどがまとめられている。（2012/6/13）

Creative Cloudの予約もスタート：
アドビ、「Creative Suite 6」日本語版を発表
アドビシステムズは「CS6」の日本語版を発表した。ユーザーの意見を参考にした新機能を多数追加し、HTML5／CSS3など新規格への対応も強化した。また、CS6のすべてのアプリケーションが利用できるクラウドサービス「Creative Cloud」の予約受付も開始する。（2012/4/23）

HTML5でAndroid／iOSアプリを作成できるサービス、ブライトコーブが提供
HTML5、CSS3、JavaScriptを使ってiOS／Android向けネイティブアプリを作成できるクラウドサービスだ。（2012/4/12）

CSS3だけで描いた「けいおん！」の澪がすごい　しかもちょっと動く
アニメ「けいおん！」の澪を、画像を使わずCSS3だけで描いた絵が話題だ。髪や目も少し動く。（2011/12/20）

CSSだけで描いた有名企業ロゴを展示しているサイト
ecsspertというサイトは、JavaScriptも画像も使わずに、CSSだけで描いたTwitterなどの企業ロゴやスティーブ・ジョブズ氏追悼ロゴを展示している。（2011/10/28）

Amazon、新たな電子書籍ファイルフォーマット「Kindle Format 8」を発表
AmazonはHTML5とCSS3をベースとした新たな電子書籍ファイルフォーマット「Kindle Format 8」を発表した。（2011/10/21）

連載：人気順に説明する初めてのHTML5開発：
DOM操作の主流になるか！？ セレクタAPIを使いこなそう
DOMで要素を取得するのに、煩雑で長い記述はもう不要。シンプルなCSSセレクタの構文を使って簡単に取得できる。（2011/10/7）

Google、「Blogger」の動的テンプレート「Dynamic Views」を発表
ブログサービス「Blogger」にHTML5やCSS3などを利用した動的テンプレートが追加された。ブロガーはテンプレートを選ぶことで自分のブログに合ったデフォルト表示を設定できるが、読者も表示ビューを切り替えられる。（2011/9/28）

Twitter、Webアプリ開発ツール「Bootstrap」を公開
Twitterがサードパーティー向けに、CSS利用のWebアプリフロントエンド開発ツールを無料で公開した。（2011/8/22）

HTML5／CSS3を駆使した「The Google Puzzle」に頭を悩ます
HTML5やCSS3を駆使したインタラクティブなパズル「The Google Puzzle」が公開された。頭を悩ませながら「o」を救いだそう。（2011/8/17）

特集：IE10（プレビュー版）概説（後編）：
Internet Explorer 10 PP2のCSS3機能
Web制作者が知るべきIE10 PP2の新機能とは？ CSS3、ECMAScript 5、Webパフォーマンスの新機能を解説。IE9以前との互換性も。（2011/8/2）

Adobe、HTML5アニメーションツール「Edge」公開
FlashのようなWebアニメーションをHTML5やJS、CSSなど標準規格を使って制作できる「Edge」のプレビュー版をAdobeが公開。（2011/8/1）

特集：Web制作者＆開発者のためのIE9概説（後編）：
Internet Explorer 9正式版のHTML5／CSS3／SVG対応
IE9では、注目度が高まっているHTML5／CSS3の一部機能に対応している。その新機能を簡単なコード例で紹介する。（2011/7/7）

Google Chromeの安定版が「Chrome 12」に　Google Gearsは終了
Webブラウザ「Google Chrome 12」は、多数の脆弱性に対処したほか、3D CSSのGPUアクセラレーションをサポートし、オフライン機能のGoogle Gearsのサポートを終了した。（2011/6/8）

スマホサイト変換ソリューション「roundabout」が最新版に――CSSの最適化や画像の自動調整に対応
シンメトリックが、スマートフォン向けサイトを既存のフィーチャーフォン向けサイトに自動変換するソリューション「roundabout」の最新版をリリースした。（2011/5/12）

IE史上最速で普及中：
一言でいうと「一番速い」──Internet Explorer 9日本語版を公開
マイクロソフトはIE9日本語版を26日0時に公開。HTML5やWebM、CSS3の積極サポートとともにGPUを活用した「速さ」や「信頼性・相互互換性」を大きな特徴とする。（2011/4/25）

Microsoft、IE10を初披露　プレビュー版リリース
Microsoftが次期Webブラウザ「Internet Explorer 10」をMIX11で初披露した。IE9の路線を踏襲し、HTML5やCSS3といったWeb標準のサポートをさらに強化している。（2011/4/13）

Adobe、「Creative Suite 5.5」発表　メジャーアップデートを2年間隔に変更
Adobeが「Creative Suite 5.5」を発表。HTML5とCSS3によるWeb制作に対応したDreamweaver最新版などが含まれる。（2011/4/11）

CSSによる日本語組版の実装はここまできた――EPUB最新動向
イーストと日本電子出版協会は、国際的にも注目されている電子書籍ファイルフォーマット「EPUB」の最新動向として、HTMLレンダリングエンジン「Webkit」で日本語組版の実装が進んでいることを紹介した。（2011/1/19）

センチュリー、実売約3000円のUSB 3.0接続対応外付け2.5インチHDDケース
センチュリーは、USB 3.0接続に対応した外付け型2.5インチHDDケース「CSS25U3」シリーズを発売する。（2011/1/12）

“作るツール”から“使うツール”へ：
ジャストシステム製「ホームページ・ビルダー15」はCSSに本格対応、アクセス解析も
ホームページ作成ソフトの定番「ホームページ・ビルダー」の最新版が発売される。今回は初めてジャストシステムが開発、CSSへの本格対応、アクセス解析サポートなど大幅に機能アップしている。（2010/10/14）

15年目の飛躍：
Webサイト作成から運用までを簡単サポート――新生「ホームページ・ビルダー15」発表会
15年の歴史を持つ「ホームページ・ビルダー」が生まれ変わった。企業ユースでニーズの高いアクセス解析やSEO対策機能を強化したほか、待望のフルCSSテンプレートを用意した。（2010/10/14）

Google、iPad用Gmailにスレッド管理の新機能「Stacked Cards」を追加
iPad向けWebアプリ版Gmailの新機能では、CSS3を使ってネイティブアプリに近いUIを実現している。（2010/8/19）

CSSの書き方も分かるjQueryプラグイン実践活用法（終）：
あなたのWebを入力しやすくするjQueryプラグイン10選
jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指しています。（2010/6/17）

Adobe、「Flash Player 10.1」と「AIR 2」の正式版をリリース
Flash Player 10.1はCocoaアプリになり、AIR 2ではCSS3やHTML5の幾つかの機能をサポートした。（2010/6/11）

Google、オープンソースのWebフォント集「Font Directory」と「Font API」を公開
Googleは、Webフォントを利用するためのフォント集とそれを利用するためのAPIを公開した。HTML5とCSS3の組み合わせでWebの表現力がさらにリッチになりそうだ。（2010/5/24）

CSSの書き方も分かるjQueryプラグイン実践活用法（5）：
画像や動画を綺麗に回転/拡大するjQueryプラグイン
jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指しています。（2010/5/13）

IE9で「HTML5への愛」を強調するMicrosoft
Web標準への対応に消極的と批判されてきたMicrosoftだが、IE9ではHTML5やCSS、SVGのサポートを強く打ち出し、批判派を驚かせた。（2010/3/18）

CSSの書き方も分かるjQueryプラグイン実践活用法（4）：
画像を美しく魅せる効果を加えるjQueryプラグイン3選
jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指しています。（2010/3/17）

MicrosoftがIE9披露　新JavaScriptエンジン搭載でHTML5をサポート
IE9は「Chakra」と呼ばれる新しいJavaScriptエンジンを搭載するほか、HTML5やCSS3などのWeb標準のサポートを目指す。開発者向けプレビュー版も公開した。（2010/3/17）

Mozilla Labs、拡張機能Jetpackの初のSDKをリリース
Mozilla Labsは、Firefoxのアドオン開発を行う拡張機能「Jetpack」について、初のSDKをリリースした。CSS、JavaScript、HTMLなどの知識でアドオンを開発できるのが特徴。（2010/3/10）

Webサービス図鑑／ジェネレータ：
CSS Boarder Radius
CSSで角丸を実現する際のコードを生成してくれるサイトです。四隅の丸の半径を個別に指定することもできます。生成されるコードは設定を変えるとリアルタイムに変更されるのですぐにコピーして使うことができます。（2010/3/29）

CSSの書き方も分かるjQueryプラグイン実践活用法（3）：
jQuery 1.4の新機能8選＋Tabsプラグインでタブ表示
jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指しています。（2010/2/12）

CSSの書き方も分かるjQueryプラグイン実践活用法（2）：
jQueryのアコーディオン効果の使い方・作り方
jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指しています。（2010/1/7）

Microsoft、次期Webブラウザ「IE 9」を披露
IE 9はDirectXを採用し、HTML5やCSS3といった新しいWeb標準に準拠する。（2009/11/19）

「ホームページ・ビルダー」最新版、SEO支援機能を搭載
「ホームページ・ビルダー14」は、SEO対策支援機能やCSS編集を支援する新機能などを搭載した。（2009/10/29）

モノづくり最前線レポート（9）：
P＆Gが全世界で導入する「CSS」システムの秘密
機械産業だけでなく一般消費材業界でもPLMシステムによる効率化が進んでいる。グローバル市場で優位に立ち続けるための戦略的IT投資とは？（2009/6/16）

Acid3 100/100：
Apple、“世界最高速の”新Webブラウザ「Safari 4」リリース
HTML 5とCSS 3をサポートし、「Snow Leopard」上ではプラグインのプロセスが切り離されることにより、クラッシュの影響を受けないようになる。（2009/6/9）

Opera、Web開発者向け検索エンジン「MAMA」を開発
MAMAでは、「CSSを使っているサイトの割合」などWeb技術の利用動向を調べることができる。（2008/10/16）