恐竜に教える現代のCSS – Part 2 | POSTD

2018/05/17 47 users CSSプリプロセッサ POSTD CSS 実装 言語

###CSSプリプロセッサで新構文を使う 以上、CSSを使った基本的なスタイル指定とレイアウトを取り上げました。次に、CSS自体を言語として扱いやすくするために作られたツールについて説明します。まずはCSSプリプロセッサです。 CSSプリプロセッサを使うと、別の言語で記述したスタイルをブラウザが解釈できるCSSに変換する、ということが可能になります。これは昔、ブラウザへの新機能の実装が遅々として進... 続きを読む

Facebookアプリ風パネルメニューのCSS実装デモ「cssPanelMenu」:phpspot開発日誌

2012/11/16 51 users CSS phpspot開発日誌 デモ HTML 記述

cssPanelMenu CodePen Facebookアプリ風パネルメニューのCSS実装デモ「cssPanelMenu」。 ページが左にスライドするあのメニューをCSSで実装したデモです。 JavaScriptレスでメニューが左にアニメーションしつつ現れるデモで、CSS自体もそこまで長くなくて分かりやすいです ナビゲーション部分のHTMLも次のような感じで分かりやすく記述可能。 CSSのみでや... 続きを読む

マックスは1KB。限られたリソースの中でWebサイトを多彩にアレンジする「CSS1K」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2011/07/18 15 users class CSS 一例 MOONGIFT 昨今

CSS1KはCSS製のオープンソース・ソフトウェア。昨今のWebサイト開発ではCSSの存在を欠かすことができない。優れたWebデザイナーの作るCSSはとても美しく、分かりやすい。しかしCSS自体がとても冗長的なマークアップ言語であるために長くなりがちだ。 0 一例 idやclassの付け方、HTML自体の入れ子の深さによってもCSSはどんどん長くなる。しかし、そんなCSSの現状に甘んじることなくチ... 続きを読む