Milligram - ミニマムで格好良いCSS3フレームワーク
CSSのフレームワークはたくさん出てきていますが、その目的は2つに分けて考えることができます。一つはBootstrap/Foundationのように大型で、すべての機能を提供してくれる統合的フレームワークです。 もう一つは小さくて軽量で、カスタマイズや独自拡張して使えるものにしていくタイプです。Milligramは後者の、小さなCSSフレームワークになります。 Milligramの使い方 MilligramはGzip圧縮してわずか2KBしかないCSSフレームワークです。すべてのサイトがこれ一つでこなせるとは思いませんが、ベースとしては十分な機能が揃っています。 まずはタイポグラフィ。 引用。 ボタン。 リスト。 フォーム。 テーブル。 グリッド。 コード。 Milligramはすっきりとしたデザインで見やすいかと思います。バッチやタブ、モーダルのようなWebサイトを作る上では欲しくなるであ
「Foundation 4」によるサイト制作手法 - Build Insider
Webサイトを制作する際、現在ではスマートフォンやタブレットなどの「スマート・デバイス」への対応は必須要件となりつつある。その対応手法の1つが「レスポンシブWebデザイン」（以下、RWD）だ。 しかし、RWDは制作が煩雑になりがちで、制作現場からは決して歓迎されている手法とはいえない。その煩雑さを軽減するために注目されているのが、「CSSフレームワーク」を活用した制作手法である。 本記事では、そんなRWDの現状と、CSSフレームワークの1つである「Foundation 4」を利用したサイト制作手法を紹介しよう。 RWDの利点と欠点 RWDがこれほど注目されたのは、グーグル（Google）がブログで言及した「Building Smartphone-Optimized Websites」（次の画面を参照）および、その翻訳記事の影響が大きいだろう。グーグル自身が特定の技術や手法を推奨することは珍
実直なHTML5/CSS3でつくられたモバイルファーストのフレームワーク -Markup Framework
商用利用も無料、変更もコピーも再配布もOK、汎用性に優れたレイアウトやUIエレメントをスタンダードなHTML5/CSS3で実装したフレームワークを紹介します。 ウェブサイトを構築する際に、ベースとして利用するのによさそうです。 Markup Framework Markup Frameworkの特徴 Markup Frameworkのサポートブラウザ Markup Frameworkのデモ Markup Frameworkの特徴 レスポンシブ対応、モバイルファーストのレイアウト。 再利用可能なUIエレメントのライブラリ。 最新のスタンダードなHTML5/CSS3を使用。 ピュアなHTMLとCSSで、Hackなし、JavaScriptなしです。 ミニマルなマークアップ。 ページの容量は小さめ。 サーチエンジンにフレンドリー。 アクセシブル。 セマンティックスとスタイルの明確な分離。 モジュー
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
「Compass」、基礎から応用まで！ | 株式会社LIG
こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません！ はじめに結論を言うと、CompassでCSSを書くと 早い！ 見やすい！ メンテしやすい！ コード量がぐっと減る！ 一度使い出したら最後、もう元には戻れない！ 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず！ 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください！ Compassとは？ Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh
HTML5/CSS3を使った多機能デザインフレームワーク·HTML KickStart MOONGIFT
HTML KickStartはBootstrapライクなデザインテンプレートフレームワークです。 最近ではWebサイトのベースにBootstrapを利用することが多いのですが、今回はその類似ソフトウェアとしてHTML KickStartを紹介します。こちらもかなり高機能です。 Typography。 リストとメニュー。 メニューは階層対応。 テーブル。 ツールチップ。上下左右自在です。 アイコン。 プログラミングコード。 ボタン。 タブ。 パン屑。 グリッド。 画像。 スライドショー。 動画、地図、カレンダー。 フォーム。 入力フィールドのサイズ。 その他色々。 極力シンプルなHTML構造設計、jQuery利用、HTML5、モーダルウィンドウなどが特徴に挙がっています。唯一残念なのは現状はレスポンシブWebデザインでないことかも知れません。しかし全てのデバイスへの対応を考えないならむしろ手
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
[HTML5 CSS3] Useful HTML5/CSS3 Frameworks - HTML5とCSS3でコーディングされたフレームワーク
[HTML5 CSS3] Useful HTML5/CSS3 Frameworks – HTML5とCSS3でコーディングされたフレームワーク Pocket Tweet HTML5とCSS3で制作されたフレームワークまとめ記事。全部で9つのフレームワークが紹介されてます。HTML5でコーディングしたい場合の素体としてイイですねこれ。ただXHTML+CSSの場合は何が定番で何が使いやすいのかだいたい見当は付くんだけど（自分は960GridSystemとかよく使います）、HTML5+CSS3では何が定番と言えるのかいまいちピンと来ませんな。 Useful HTML5/CSS3 Frameworks
Webデザイナー&UIデベロッパー向けのHTML5/CSS3/jQuery/PHPフレームワーク・G5 Framework
Webデザイナーやフロントエンドデベロッパー 向けのフレームワークが登場したようですね。 HTML5/CSS3/jQuery/PHPを使って構成さ れており、シンプルで軽量。小規模レベルの プロジェクトのスターターキット等にも利用して 欲しい、とのことです。 話題を集めるHTML5やCSS3、jQueryで構成されているので勉強がてら触ってみるのもいいかもしれません。ライセンスはGPLとMITのデュアルライセンスです。 (X)HTML5, CSS3, PHP & jQuery Front-End Development Frameworkとのこと。PHPファイル1枚にHTML5/css3/jQueryを詰め込んだシンプルな構成です。 簡単に始められますよ。最初からそこそこ作られています。 マルチカラムのデモなんかも。 上記はIETesterを使用したIE7のキャプチャ。CSS-PIEなども
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
レスポンシブ対応のサイト構造作成用の軽量CSSフレームワーク「Layers CSS」:phpspot開発日誌
面倒な作業のみをカバーしたシンプルなCSSフレームワーク・「inuit.css」 - かちびと.net
ウェブ制作の時間を大幅に短縮する、今時のUIコンポーネントが簡単に実装できる -Chico UI