CSSのみとSass/SCSS、Lessに対応したレイアウト系CSSフレームワークについて調べて表にしてみた | DevelopersIO
みなさまこんにちわ。 Webサイト高速化やSCSSの連載を書いている野中です。 そういえばGoogle Readerが終了するとのことでとても残念ですね。 読者のみなさまも次の引っ越し先ツール探しで忙しいところだと思います。 そこで、クラスメソッド開発ブログのRSSも忘れずに登録をお願いします。 とても更新頻度の高いブログということもあり、いろいろな切り口のRSSを用意しています。 本題 それでは本題ですが、レイアウト系のCSSフレームワークって色々ありますよね。 個人的にはHTML上のクラスにあまり意味のない文字列は入れたくないので使っていませんでした。HTMLも編集しなければならないので。 ふとSass/SCSSでExtendしたりMixinsで制御できるものであれば無駄なクラス指定を減らして可変でレスポンシブなグリッド制御ができるんじゃないか思って探してみたら色々とありました。 最初
JAX-RSはHTML Webアプリケーションを開発するのに充分なフレームワークであるか？ - AOEの日記
JavaEEでのWebアプリケーション開発フレームワークと言えばJSFですが、JSFはデスクトップGUIの開発スタイルに似せた、コンポーネントベース、イベントドリブンなフレームワークであるため、拒否反応を示す人も多いようです。 で、フロントコントローラー型のフレームワーク (StrutsやRuby on Railsなど) が必要な人への選択肢をJavaEEは提供していないのか？ ということになるのですが、JAX-RSがこの役割に向いているのではないかと言われています。 でも、基本的にRestful Webサービスを開発するためのJAX-RSがHTML Webアプリケーションの開発に本当に使えるのか、疑問に思っている人も多いと思います。 最近JAX-RSを使ってRestful Webサービスのみならず、HTMLを返却するWebアプリケーションの開発にも使ってみる機会があったので、そこで分かっ
Sails.js | The future of API development
The default port for Sails is 1337. At this point if you visit http://localhost:1337/ You will see the default index.html page. Creating a Model Creating a model is very easy with the command line tool. You can even define attributes and their type by adding arguments at the end of the command. To generate a User model, enter the following: sails generate user If you check out your app, you'll not
TechCrunch | Startup and Technology News
Yellow, an asset financier for solar energy and digital devices in Africa has raised $14 million series B funding in a round led by Convergence Partners with participation from the Energy Entrepreneur Fisker, the electric carmaker founded by the Danish auto designer Henrik Fisker, is gearing up to enter the Chinese market where competition is increasingly cut-throat, following in the footsteps of
どんなデータもリアルタイムなグラフにできるフレームワーク「FnordMetric」:phpspot開発日誌
FnordMetric | Framework for building beautiful real-time dashboards どんなデータもリアルタイムなグラフにできるフレームワーク「FnordMetric」。 どんなデータも次のような美しいUIを持つリアルタイムなグラフにできます。 サイトの会員数、ユニークアクセス数、データ投稿件数等、リアルタイムにデータを見たいような場合に使えそう。 muninなどでもグラフ化できますが、ここまでのUIの美しさとリアルタイム性は備えていないので、リアルタイムに欲しい情報はこれでダッシュボードにして監視すると便利でかっこ良さげ。 Ruby+Redisで書かれていますが、データの表示にはHTML5/JavaScriptのAPIが使えるようです 関連エントリ 世界地図でデータをビジュアライズする際に使えるJSライブラリ「DataMaps」 リアルタ
緩いライセンスで提供された、モバイルファーストなWebサイト制作用フレームワーク・Kraken
モバイルファーストなWebサイトの制作向けに作られたフレームワークです。ライセンスはあまり聞きなれないWTFPLというもの。かなり緩いので使いやすいのでは無いかと思います。 モバイルファーストとは、モバイルサイトから先に作ろう、というコンセプトの元、Webサイトを構築していくという考え方（参照：アップルとマイクロソフトが採用をはじめた“モバイルファースト”とは？）で、Krakenもその目的に沿って作られたフレームワークとなります。 グリッドもモバイル向けの為か、6列を用意してあります。CSSはOrigamiを参考にしているとの事。ライセンスもWTFPLと、かなり緩め。 ボタンやフォームも用意。 他にもWPテーマやモバイル向けのメニュー、ドロップダウンなども取り揃えてあるみたい。使い慣れたらなかなか良さそうです。 Kraken
一個覚えとくと重宝するかも！レスポンシブWEBデザイン対応のグリッドシステム色々！ | バンクーバーのうぇぶ屋
先日、Responsive Grid Systemの仕様変更について記事を書かせて頂きましたが、あの反応としてやっぱりいくつかコメントもらったのが、逆に分かりにくくなったという物。 まぁ、従来の作り方とは大分変わったので、グリッドシステムとして僕の中で大事な要素の一つである『周りとの共有しやすさ』という面ではちょっと難ありかなと思うのが正直な所。一度慣れてしまえばこんな効率の良い作り方も中々無いかなと思う反面、やはり直ぐに順応するのは微妙に難しいかなとも思うわけです。 そんな経緯もあって、先日から今まで以上に他のグリッドシステムも目を通すようにしていて、今は個人ベースのプロジェクトとか小規模な物であればResponsive Grid Systemで良い物の、他の選択肢も一応用意しといた方がいいかなと思っている今日このごろです。 というわけで、今日はそんな感じでこれまでいくつか目を通して来た
由利本荘市エリア｜大学生セフレ募集掲示板【近く｜ヤリマンと会える騙されない出会い系アプリランキング】大学生セフレ早急募
由利本荘市 大学生 セフレ 由利本荘市大学生セフレ社会があるように知り合い校も大人には存在するが、なんとなくか男子校の由利本荘市大学生セフレ社会率と女子校の大学生率は一致しない。 最近は出会い系世界、マッチングアプリでも素人の女性がとにかく参入しにくくなった。常にした弾力の肌スケジュールを立てやすいまだ若いから反動になられることがくだらない。 少しくらいはご飯に行ったり、責任ではいい部屋を使ったりくらいして欲しいところです。 由利本荘市大学生セフレ大学があるように女子校も世の中には作成するが、そうか男子校の童貞率と女子校の処女率はイメージしない。 見知らぬ友達をセフレ化する関係師は、多くの大学が憧れる存在です。 貞操など奮闘の場でセフレ候補に恋愛を意識させれるのが大切です。 バイトの食事が幅広い、貴方でも男に決めてもらいたがるＪＤはセフレ対象ですね。 ワクワクメールは無料手順をたくさん配っ
「Compass」、基礎から応用まで！ | 株式会社LIG
こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません！ はじめに結論を言うと、CompassでCSSを書くと 早い！ 見やすい！ メンテしやすい！ コード量がぐっと減る！ 一度使い出したら最後、もう元には戻れない！ 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず！ 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください！ Compassとは？ Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh
各種コンポーネントのスタイルも用意されたレスポンシブWebデザイン対応フレームワーク・Groundwork
タブやフォーム、ボタンなど、各種コンポーネントのスタイルも用意されているレスポンシブWebデザイン対応のフレームワークのご紹介。SASSを使って構築しているそうです。レイアウトも数種用意済みです。 SASSで作られたフレームワークです。ほんと、この手のは沢山出てきますね。選択肢があるのはありがたいです。
レスポンシブ対応で柔軟性に富んだグリッドを使いたいならこのフレームワーク -Extra Strength Responsive Grids
デスクトップ・タブレット・スマートフォンなど、レスポンシブ対応で柔軟性に富んだ可変グリッドのレイアウトをつくるのに便利なフレームワークを紹介します。 各エレメントのツラや高さの異なるパネルも簡単に揃えることができます。 Extra Strength Responsive Grids Extra Strength Responsive Grids -GitHub Extra Strength Responsive Gridsの特徴 Extra Strength Responsive Gridsのデモ Extra Strength Responsive Gridsの特徴 %ベースの可変グリッド デスクトップ・タブレット・スマフォなどのレスポンシブ対応 各エレメントのツラ揃えも簡単 グリッドのネストにも対応 使いやすいclass名 Sass対応 不揃いの高さも揃えます Extra Strengt
Twitterが自社製JavaScriptフレームワーク「Flight」をオープンソースで公開
Twitterは自社サービスで利用しているJavaScriptフレームワーク「Flight」をオープンソースで公開しました。 Flightはコンポーネントベースの軽量フレームワーク。開発者に対して非同期で独立性の高いコンポーネントを定義する機能を提供することで、デバッグ、テスト、イベントハンドリングなどを容易にするフレームワークのようです。 Githubのページでは以下のように説明されています。 Components cannot be directly referenced, instead they communicate by triggering and subscribing to events. Consequently every component, and every component API, is entirely decoupled from every othe
SYNODOS JOURNAL : 『僕らはいつまで「ダメだし社会」を続けるのか』著者、荻上チキ氏に聞く ―― 社会をアップデートするために僕らができること
2013/1/159:0 『僕らはいつまで「ダメだし社会」を続けるのか』著者、荻上チキ氏に聞く ―― 社会をアップデートするために僕らができること いつの間にかギスギス・ピリピリとしてしまった日本社会。２０年間の景気低迷により、予算を削り合う政治がつづき、本当に必要な支援をすることにさえにも批判が集まるような社会になってしまった。 そんな今、日本に必要なのは、個人を激しく攻撃し、足を引っ張る「ダメ出し」ではなく、ポジティブな改善策を出し合う「ポジ出し」ではないだろうか。シノドス編集長・荻上チキはそう提案する。 2012年11月『僕らはいつまで「ダメ出し社会」を続けるのか 絶望から抜け出す「ポジ出し」の思想』が上梓された。デフレ、いじめ問題、バラマキ政策、生活保護論争、財政問題、ネット条例……。本書では現代社会のさまざまな問題を扱い、どのように考えればいいのかといった思考のフレームワークを提
半歩先いくかっこいいエフェクトだけでなく実装にもこだわったCSSのフレームワーク -Maxmertkit
単独でも素敵なかっこいいエフェクトで十分なのに、それらが全部まとまって、更に実装方法にもこだわったオープンソースのCSSのフレームワークを紹介します。 ドラッグ&ドロップでさまざまなエレメントを表示します。 Maxmertkitの特徴 Maxmertkitのデモ：スタティック Maxmertkitのデモ：CSS3アニメーション Maxmertkitのデモ：ソーシャルメディア てっとり早くワクワクしたい人は、3つ目の「Maxmertkitのデモ：CSS3アニメーション」をご覧ください。 Maxmertkitの特徴 SASSベースのオープンソースのフレームワーク CSS3アニメーションを使った演出効果 他のフレームワークとかぶらないネームスペース デザイン（カラー・サイズ）変更はテーマで簡単 Creed Creed（主義）のページではMaxmertの主な特徴が解説されています。例えばコードの簡
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
面倒な作業のみをカバーしたシンプルなCSSフレームワーク・「inuit.css」
Groundwork CSS ♥ A Responsive HTML5, CSS & Javascript Framework
SASSを使用したレスポンシブWebデザイン対応のCSSフレームワーク・Centurion
penguinbox.net - このウェブサイトは販売用です！ - penguinbox リソースおよび情報
肉球がパララックスしてレスポンシブ対応のちょっと面白そうなフレームワーク -Cool Kitten
ベーシックなUIを実装できるjQueryベースのフレームワーク・ZinoUI
