個人でサクッとサービス作りたいときに、毎回Bootstrapだと飽きてきたのでちょっと浮気してみたメモ。 ここでいう軽量とは シンプル、最小限を目指したCSSフレームワークのこと CSSフレームワークのくせにJavascript必須とか論外 Bootstrapより機能少なくていい 適当にボタンとフォームがいい感じに表示できればそれでいいんだよ(暴言 けど流石にグリッド整えるだけのフレームワークは勘弁 こっちは楽をしたいのである。。 一番良かったのがmilligram milligram.io 色々試した中で一番感触良かったのがミリグラム。名前からしてシンプル感伝わってくる。2018年3月17日現在で v 1.3.0 良かった点は以下 マジ質素 公式で Only 2kb gzippedって言ってるのは伊達ではない -ドキュメントが1ページに収まるレベル スマホ対応 グリッドシステム対応 参考
Metro UI is an free, open source, html-first toolkit for developing web sites with HTML, CSS, and JS. With Metro UI, you can easily and quickly make a site from prototype to production. Metro UI includes general styles, responsive grid, layouts, typography, 100+ components and javascript routines, 800+ built-in icons.
Add Interaction Easily add an interaction to the DOM element with data attributes. You can add the click interaction to every element whether it's Button, SVG or a Paper. Add Interaction to the element with data-micron="interaction" Control Interaction's duration with data-micron-duration="number" Control Interaction's timing-function with data-micron-timing="type" Read Docs Bind Interaction Easil
Customize and extend siimple using your configuration from your project, including colors, fonts, sizes, shadows and more! import colors from "@siimple/colors"; import base from "@siimple/preset-base"; export default { ...base, colors: { ...base.colors, primary: colors.royal["500"], secondary: colors.mint["500"], text: colors.royal["800"], background: colors.royal["100"], muted: colors.royal["200"
UI is the vocabulary of the web. Semantic empowers designers and developers by creating a language for sharing UI. Lose the Hieroglyphics: Semantic is structured around natural language conventions to make development more intuitive. Have a conversation with your components: Semantic gives you a variety of UI components with real-time debug output, letting your code tell you what its doing.
The framework gives you comparable development tooling. Moreover, using Twitter Bootstrap, React frameworks aren't necessarily copy-paste-code-just-works endeavors. So, a number of the above mentioned frameworks don't contain any styles in any way, notably Initializer that's only a HTML5 template generator to secure you off the ground. Frameworks are utilised to consolidate the plan process of an
2015-07-10 2015年7月時点。レスポンシブCSSフレームワークを一覧で紹介 CSS ウェブデザイン レスポンシブデザイン レスポンシブデザインを実装するのに利用するCSSフレームワークが重量級から軽量なもの、全てコミコミのものから必要最小限のものまで多数登場しています。数が多くなって分かりづらくなってきたのと、更新されなくなって放置気味のCSSフレームワークもでてきました。ここではCSSフレームワークをリンク集の形式でまとめます。 はじめに、用途別おすすめレスポンシブCSSフレームワーク(2015/7月時点) 失敗しない選択肢 = Bootstrap Bootstrapが重たすぎて好きじゃない = Pure シンプルなBootstrapがほしい = Semantic UI レイアウトだけレスポンシブにしたい = skeleton 1.メジャーなCSSフレームワーク Bo
Design Beautiful Websites Quickly Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. Concise HTML Semantic UI treats words and classes as exchangeable concepts. Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively. Get the same benefits as BEM or SMACSS, but wit
単独でも素敵なかっこいいエフェクトで十分なのに、それらが全部まとまって、更に実装方法にもこだわったオープンソースのCSSのフレームワークを紹介します。 ドラッグ&ドロップでさまざまなエレメントを表示します。 Maxmertkitの特徴 Maxmertkitのデモ:スタティック Maxmertkitのデモ:CSS3アニメーション Maxmertkitのデモ:ソーシャルメディア てっとり早くワクワクしたい人は、3つ目の「Maxmertkitのデモ:CSS3アニメーション」をご覧ください。 Maxmertkitの特徴 SASSベースのオープンソースのフレームワーク CSS3アニメーションを使った演出効果 他のフレームワークとかぶらないネームスペース デザイン(カラー・サイズ)変更はテーマで簡単 Creed Creed(主義)のページではMaxmertの主な特徴が解説されています。例えばコードの簡
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く