ITmedia総合  >  キーワード一覧  >  C

「CSS」最新記事一覧

Cascading Style Sheets
-こちらもご覧ください-
連載インデックス「いまさら聞けないCSS/スタイルシート入門」 - @IT
質問!Web Page Design→ITmediaのQ&Aサイト「質問!ITmedia」でWeb Page Design関連の質問をチェック

Dev Basics/Keyword:
LESS(動的スタイルシート言語)
LESSはCSSを拡張する動的スタイルシート言語であり、変数/ミックスイン/関数などの機能を使用し、より簡潔な形でスタイルシートを記述できる。(2016/8/2)

初心者のためのWebアプリ開発超入門(4):
初めてWebデザインする人がマスターしておきたいCSSの基本的な書き方
初めてWebページをデザインするという人に向けて、CSSルールやセレクターの種類や意味、プロパティの設定方法など、基本的なCSSの書き方について解説する。(2016/9/12)

Dev Basics/Keyword:
Electron(デスクトップアプリ開発用フレームワーク)
Electronは、Web標準技術(HTML/JavaScript/CSS)を使って「クロスプラットフォームなデスクトップアプリ」を開発するためのフレームワークだ。(2016/6/24)

学習言語はHTML/CSS、JavaScript、jQuery、PHP、MySQL、Bootstrap:
「エンジニアを目指す就活生」向けの集中プログラミング技術習得講座、コードキャンプが開講
コードキャンプは、エンジニア職を目指す就活生向けの2カ月集中プログラミング技術学習講座を開講する。HTMLやCSS、JavaScript、jQuery、PHP、MySQL、Bootstrapを教える。受講期間は2016年6月19日〜8月18日。(2016/5/31)

CSS Yield Vision:
太陽光発電所の発電性能を自動診断するサービス
CSSは、太陽光発電所の発電性能を自動診断するサービス「Yield Vision」の提供を開始した。(2016/5/26)

太陽光:
費用はゼロ円、太陽光発電所の発電性能を自動診断するサービス
太陽光発電所の性能を自動診断する「無料」のサービスが登場した。発電事業全般を展開するCSSが開発した「Yield Vision(イールド ビジョン)」だ。(2016/5/13)

WordPress、Slack、Yeoman、Visual Studio Code、Atomなどで活用:
HTML、CSS、JavaScriptでデスクトップアプリを開発できるElectron 1.0、Devtron 1.0、Spectron 3.0が提供開始
Web技術を利用したクロスプラットフォームのデスクトップアプリ開発フレームワーク「Electron 1.0」がリリースされた。APIデモアプリ、検証・デバッグ用ツール、テストフレームワークも同時に公開されている。(2016/5/11)

.NET TIPS:
DOMの子要素を探索するには?[JavaScript/jQuery]
JavaScriptでDOMの子要素や子孫要素を操作するには、jQueryのfind/childrenメソッドとCSSの子セレクタ/子孫セレクタを使用する。(2016/4/13)

パナソニック アビオニクス CSS:
ボーイング新型旅客機「B777X」のキャビンサービスシステムに採用
パナソニック アビオニクスの「キャビンサービスシステム(CSS)」がボーイングの新型旅客機「B777X」型機に採用された。(2016/4/6)

Dev Basics/Keyword:
Angular 2
Angular 2はHTML5/JavaScript/CSSの組み合わせで、モバイルアプリ/Webアプリを開発するためのフレームワークだ。(2016/2/16)

女子高生起業家の会社、アプリのサイトを一時閉鎖 他社サイトのCSS流用の指摘で
他社サイトとCSSが同じだと指摘されていた。(2016/2/10)

PR:HTML/CSS不要で“プロ級”Webサイトってほんと? 「BiND8」で“化石”企業サイトをレスポンシブWeb対応最新サイトにリニューアル
(2015/10/21)

キヤノンITS、HTML5対応のWebアプリ自動生成ツールを発売
HTML5やCSS3を利用してGUIのデザインや操作性のカスタマイズが可能になった。(2015/10/1)

「Sass」ベースへ移行、IE8サポートは終了:
「Bootstrap 4 alpha」が登場
2015年8月19日(米国時間)、オープンソースCSSフレームワーク「Bootstrap 」の最新バージョン「Bootstrap 4 alpha」がリリースされた。(2015/8/21)

リッピングソフトのアップロード、著作権法違反の疑いで初摘発 リンク張った出版関係者3人も幇助の疑い
CSSを回避してDVDを複製できるリッピングソフトをWebサイトにアップロードしていたとして、著作権法違反の疑いでサイト運営者が摘発された。(2015/8/20)

セキュリティ業界、1440度(15):
「CSS/MWS 2015」に向けた3000件のマルウエア解析から得られた発見とは?
FFRIはここ数年、「CSS/MWS 2015」(コンピュータセキュリティシンポジウム/マルウェア対策研究人材育成ワークショップ)にさまざまな形で関わってきました。その一つが、実際のマルウエア解析結果を基にした研究用データセットの提供です。今年用のデータセットを精査する中で面白い発見があったので、ご紹介しましょう。(2015/6/26)

SMK CSS5305-8H01F:
防水仕様でUSB2.0規格準拠のMicro-Bコネクタ
SMKの「CSS5305-8H01F」は、防水タイプでUSB2.0規格に準拠した Micro-Bコネクタである。スマートフォンやタブレット端末、ウェアラブル機器、デジタルカメラなどの用途に向ける。(2015/6/11)

MEANスタックで始めるWebアプリ開発入門(4):
Node.jsのMVCフレームワーク「Express」における静的ファイル、ルーティング定義、セッション管理、エラー処理
MEANスタックを用いたWebアプリの開発方法について紹介していく連載。今回は、Expressを使ったWebアプリ開発に必要な4つの機能として、HTMLやCSS、JavaScriptなどの静的ファイルの使い方、HTTPメソッドや正規表現を使ったルーティング定義、MemoryStoreやRedisを使ったセッション管理、エラーハンドリングを紹介する。(2015/5/11)

フォントの話をしよう モリサワ、「TypeSquare ブログ」開設
フォントの活用法や開発の裏話などを紹介。現在は、フォント「すずむし」のレビューやCSSサンプルの紹介記事などが掲載されている。(2015/3/4)

Facebookの「今年のまとめ」が生んだ悲劇──CSSの権威が改善を提案
Facebookがユーザーのニュースフィードに何度も表示する「今年のまとめ」公開を促す投稿に今年亡くなった愛娘の写真が表示されるというWebデザイナーが、表示プロセスの改善を提案している。(2014/12/26)

センチュリー、USB 3.0+eSATA接続対応の2.5インチHDDケース
センチュリーは、USB 3.0/eSATA外付け型のポータブル2.5インチHDDケース「CSS25EU3BK6G」を発売する。(2014/10/24)

産業制御システムのセキュリティ:
工場の安定稼働が人質に! なぜ今制御システムセキュリティを考えるべきなのか
工場や発電所などで使われる制御システムのセキュリティが今脅かされていることをご存じだろうか。イランの核施設を襲った「Stuxnet」以来、各国の政府が対策を本格化させているが、日本における制御システムセキュリティ対策で重要な役割を担うのが制御システムセキュリティセンター(CSSC)だ。本稿ではCSSCの取り組みとその基幹施設であるテストベッド「CSS-Base6」の概要について紹介する。(2014/9/29)

潜入ルポ:
マルウェアでブラックアウトの衝撃 インフラを狙うサイバー攻撃を体験してみた(後編)
不正プログラムや悪意を持った人間の行為で制御系システムに問題が起きると、社会がパニックに陥る事態になりかねない。制御系システムのセキュリティ対策を牽引する宮城県の制御システムセキュリティセンターの「CSS-Base6」ではそんなサイバー攻撃の怖さを体験できる。(2014/9/24)

無料で使えるブラウザー開発者ツール入門(2):
初心者がWebフロントエンドを高速化するための基礎知識
気楽に開発が始められる半面、デバッグが難しいHTML/CSS/JavaScriptのフロントエンド開発。本連載では、ブラウザーに付属している「開発者ツール」で効率的にWeb開発を行う方法を解説します。今回は、パフォーマンス低下の要因や、実行時間のコンソール出力やプロファイラーの使い方、リフローイベントの記録などについて。(2014/9/2)

無料で使えるブラウザー開発者ツール入門(1):
初心者がブラウザーでデバッグするための基礎知識
気楽に開発が始められる半面、デバッグが難しいHTML/CSS/JavaScriptのフロントエンド開発。本連載では、ブラウザーに付属している「開発者ツール」で効率的にWeb開発を行う方法を解説します。(2014/7/11)

Webサイト作成手順を勉強するまとめ(終):
絵心が無い人が簡単なグラフィック素材を作るのに役立つ記事8選
新社会人のWeb制作者/デザイナー向けにAdobe Creative Cloudの使い方を例に、現場で使える具体的な制作手順とテクニックを学んでいく入門まとめ連載。今回は最近流行の「フラットデザイン」なパーツ/グラフィック素材の制作に役立つFireworksの使い方について。自動シェイプ、パス、ブレンド、ストローク、スライスの使い方や、シェイプに模様やパターンを入れる方法、CSS書き出しなど、さまざまなテクニックを紹介します。(2014/5/23)

Webサイト作成手順を勉強するまとめ(2):
HTML・CSS・WordPress初心者のためのDreamweaverの基本的な使い方が分かる記事10選
新社会人のWeb制作者/デザイナー向けにAdobe Creative Cloudの使い方を例に、現場で使える具体的な制作手順とテクニックを学んでいく入門まとめ連載。今回はWeb制作現場で役立つDreamweaverの使い方について。初期設定、テキスト、画像、HTML、CSSの扱い方から、リンク操作、WordPressのテーマ制作まで、さまざまなテクニックをまとめて紹介する。(2014/4/25)

HTML5アプリ作ろうぜ!(11):
Webデザイン初心者でもできる、Bootstrapの使い方超入門
話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」の概要と基本的な使い方をサンプルとコードを交えて紹介します。(2016/4/11)

HTML5アプリ作ろうぜ!(9):
CSS3で簡単! スマホ向けWebページのスクロールを激派手にできるstroll.jsとは
オープンソースのJavaScriptライブラリ「stroll.js」について、概要と使い方を紹介します。CSS3のアニメーションを駆使しているので動きが軽く、スマホ向けWebページのスクロールに派手なエフェクトを簡単に追加できます。(2014/2/27)

爆捗! WordPressテーマ作成ショートカット(6):
CSSコーディングでいますぐ使えるSass/Compass実践テク10連発!
本連載では、CMSのスタンダードでもある「WordPress」のテーマ作成を、Dreamweaverをメインに用いてさまざまなモダンな技術を組み合わせながら爆発的に捗(はかど)らせる方法を解説していく。今回は、Compassの「設定変数」やCSSスプライト、CSS3 Media Queries(メディアクエリ)やミックスインの共有などに関する小技を紹介する。(2014/2/26)

爆捗! WordPressテーマ作成ショートカット(5):
知って得するSass/Compassのインストールと使い方
本連載では、CMSのスタンダードでもある「WordPress」のテーマ作成を、Dreamweaverをメインに用いてさまざまなモダンな技術を組み合わせながら爆発的に捗(はかど)らせる方法を解説していく。今回は、SassベースのCSSフレームワーク「Compass」について、概要や使い方に加え、ベンダープレフィックスを書く必要がなくなる、画像をフォルダに置くだけでCSSスプライトを生成できるなどの利点も紹介。(2014/2/25)

爆捗! WordPressテーマ作成ショートカット(4):
いまさら聞けないSassの使い方入門―― インストールとコマンド、Dreamweaver連携
本連載では、CMSのスタンダードでもある「WordPress」のテーマ作成を、Dreamweaverをメインに用いてさまざまなモダンな技術を組み合わせながら爆発的に捗(はかど)らせる方法を解説していく。今回は、Sassの環境構築、基本的な使い方、WordPressのテンプレート作成をSassではかどらせる方法、CSSをSass化する逆コンパイルサービスを紹介する。(2014/2/19)

爆捗! WordPressテーマ作成ショートカット(3):
CSSコーディングで泣かないためのSassの基礎知識と10の利点
本連載では、CMSのスタンダードでもある「WordPress」のテーマ作成を、Dreamweaverをメインに用いてさまざまなモダンな技術を組み合わせながら爆発的に捗(はかど)らせる方法を解説していく。今回は、現場におけるCSSコーディングの3つの問題点、Sassの概要と主な10の機能、SASS記法とSCSS記法の違いなどを紹介。(2014/2/17)

インタラクティブコンテンツ作成の基礎から紹介 『HTMLとCSS、JavaScriptで作る、リッチなiBooks電子書籍』
インプレスR&Dが、EPUBの音声・動画機能や、JavaScriptを使ったインタラクティブコンテンツを盛り込んだ、リッチな電子書籍を作成・販売するためのガイドブックを発売。(2014/1/24)

無料でCreative Cloudを使い倒せ(16):
予備知識なしでCSS3アニメーションが捗る「CSSトランジション」機能なら、ここまでできる!
誰でもCSS3アニメーションが作れるDreamweaverの「CSSトランジション」機能について、概要や基本機能、使いどころなどを解説する。(2013/11/22)

インプレスR&D、達人出版会でNextPublishingによる電子書籍を販売開始
インプレスR&Dは達人出版会で、次世代型出版メソッド「NextPublishing」による電子書籍を販売開始。第一弾は『ゲームを作りながら楽しく学べるHTML5+CSS+JavaScriptプログラミング』を含む9タイトル。(2013/10/30)

脱エンジニアっぽさ! クライアントの笑顔を引き出すCSS3アニメーション(3):
ふわっと下から浮き出るツールチップ
上手く使うことで画面をスッキリとさせられるツールチップ(吹き出し)。今回は、アニメーションするツールチップをCSSだけで作ってみます。(2013/9/24)

脱エンジニアっぽさ! クライアントの笑顔を引き出すCSS3アニメーション(2):
アニメーションで変化するタブ切り替え
前回のCSS3アニメーションの基本に続き、今回は「タブ切り替え」にアニメーションで変化を付けていきます。(2013/7/25)

無料でCreative Cloudを使い倒せ(7):
Adobe Edge Code CCで行う超絶楽チンコーディング
HTML/CSSを編集するエディタは数多く存在する。アドビシステムズが提供する「Adobe Edge Code CC」もそのうちの1つだ。(2013/7/12)

脱エンジニアっぽさ! クライアントの笑顔を引き出すCSS3アニメーション(1):
CSS3アニメーションの基本
エンジニアの立場でデザインまで積み上げていくのは、なにかと難しいもの。脱エンジニアっぽさを演出し、クライアントの笑顔を引き出す、CSS3アニメーションを紹介する。(2013/7/4)

displayさん納得の1位:
CSSプロパティを擬人化しちゃったリファレンスサイトが登場
キャラはなぜか未亡人多し。(2013/5/24)

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(13):
Coda 2かSublime Text 2か。あなたはどちらのエディタ派?
「Coda 2かSublime Text 2か」で、Web制作の開発環境でよく利用されるエディタについて話し合われた「CSS Nite After Dark」をレポートする(2012/12/12)



7月6日に米国等で、遅れて22日に日本でも配信を開始したスマホ向け位置情報ゲーム。街でスマホを持つ人がすべてポケモンGOプレイヤーに見えてしまうくらいの大ブームとなっているが、この盛り上がりがどれだけ継続するのか、この次に来る動きにも注目したい。

Oculus Riftに続く形で各社から次々と発表されたVRゴーグル。まだマニア向けという印象だが、ゲーム用途を中心に実用段階に進んでおり、決定打になるようなコンテンツが出てくれば、一気に普及が進む可能性もある。

ソフトバンクが買収を発表した半導体企業。既にスマホ市場では圧倒的なリーダーだが、今後IoTの時代が到来することで、ネットにつながるデバイスが爆発的に増加することが予測されており、そこでもスマホ同様のシェアを押さえられるのなら、確かにその成長性には期待が持てる。