ユーザーのインタラクションを伴うさまざまなUIコンポーネントをCSSで実装できる軽量フレームワーク -Ellegant CSS

2023/04/09 16 users インタラクション トグル モーダル UIコンポーネント CSS

ハンバーガーメニューを使用したスマホ用のナビゲーション、アニメーションで表示されるモーダル、要素を表示・非表示するトグル、要素を切り替えるスイッチなど、ユーザーのインタラクションを伴うUIコンポーネントをCSSで実装できるフレームワークを紹介します。 Ellegant CSS Ellegant CSS -GitHub Ellegant CSSの特... 続きを読む

Web制作者がチェックしておきたい！2018年、CSSベースのフレームワークのまとめ | コリス

2018/12/18 97 users コリス フレームワーク レスポ CSSベース 過程

CSSベースの新着のフレームワークをはじめ、もはや定番といっていいフレームワーク、軽量フレームワーク、何かに特化されたフレームワークを紹介します。 CodyHouse CodyHouse's Framework -GitHub CodyHouse's Frameworkは先日ローンチしたばかりですが、当ブログでは開発の過程を記事にして紹介していました。 レスポ... 続きを読む

Vue.js + Electron でマークダウンエディタをサクッとつくってみた - dev.kokushin

2017/11/10 128 users Electron npm Vue.js マークダウンエディタ

2016 - 04 - 26 Vue.js + Electron でマークダウンエディタをサクッとつくってみた Vue.js Electron webpack npm 作ってみた 最近話題の軽量フレームワーク 「Vue.js」 と簡単にアプリ化できる 「Electron」 を組み合わせて、練習がてらマークダウンエディタをつくってみました。 Vue.js + marked.js でマークダウンエディ... 続きを読む

2017年にチェックしておきたい、CSSの軽量フレームワークのまとめ | コリス

2017/04/27 171 users コリス アクセシブル CSS Flexbox モバイルデバイス

Flexboxで実装されたグリッドのみをはじめ、さまざまなコンポーネントが利用できるもの、ファイルがモジュール化されたもの、アクセシブルに特化されたものなど、2017年にチェックしておきたいCSSの軽量フレームワークを紹介します。 mini.css -GitHub mini.css テンプレート一覧 モバイルデバイスと最新のブラウザを考慮して設計された軽量（7KB）CSSフレームワーク。ほとんどの... 続きを読む

スクリプトは最小限！レスポンシブ対応CSSベースの軽量フレームワークのまとめ | コリス

2014/02/06 363 users コリス スクリプト 最小限 まとめ

そのままサイト制作に使ってももちろん便利、自分用のテンプレートを作るための勉強にも役立つCSSベースのフロントエンド用フレームワークを紹介します。 一部のフレームワークで古いIE用にmodernizr.jsやrespond.jsなどを使用しています。 Kube Kube -GitHub レスポンシブ対応、プロ仕様のシンプルでミニマルなフレームワーク。 ファイルサイズ 15.6KB 対応ブラウザ C... 続きを読む

ウェブ制作者のためにメンテナンスと拡張に重点をおいたフロントエンド用の軽量フレームワーク -UIkit | コリス

2013/07/29 258 users jQuery UIKit コリス ウェブページ UIエレメント

簡単に利用でき、カスタマイズも容易で、ウェブ制作者のためにメンテナンスと拡張に重点をおいたHTML, CSS, JavaScriptで作成されたフロントエンド用の軽量フレームワークを紹介します。 UIkit UIkit -GitHub UIkitは現在多くの制作者が利用しているjQuery, normalize.cssをベースに、ウェブページで利用するさまざまなUIエレメントが簡単に実装できます。... 続きを読む

Javaの常識を変えるPlay framework入門（4）：Play frameworkのコントローラの使い方を理解する (1/3) - ＠IT

2013/05/09 57 users コントローラ Java Play framework 常識

Javaの常識を変えるPlay framework入門（4）：Play frameworkのコントローラの使い方を理解する (1/3) サーブレット／JSPを基にする重厚長大なJavaのWeb開発のイメージを変える軽量フレームワーク「Play」について解説し、Webアプリの作り方を紹介する入門連載。今回は、PlayにおけるMVCパターンのコントローラについて、URIやHTTPメソッドなどの扱い方を... 続きを読む

Twitterが自社製JavaScriptフレームワーク「Flight」をオープンソースで公開 － Publickey

2013/02/03 485 users Twitter Publickey Flight デバッグ

Twitterは自社サービスで利用しているJavaScriptフレームワーク「Flight」をオープンソースで公開しました。 Flightはコンポーネントベースの軽量フレームワーク。開発者に対して非同期で独立性の高いコンポーネントを定義する機能を提供することで、デバッグ、テスト、イベントハンドリングなどを容易にするフレームワークのようです。 Githubのページでは以下のように説明されています。 ... 続きを読む

新しいものを制作できる予感！垂直・水平のリズムを大切にしたレイアウトを組み立てるフレームワーク -xy.css | コリス

2013/01/17 213 users グリッド CSS テン コリス フレームワーク

垂直のリズムに弱い今までのグリッドとは異なり、垂直・水平のリズムを自由に設計できるマトリックス状のレイアウトが実装できるCSSの1ファイルの軽量フレームワークを紹介します。 トップページのx軸・y軸を使ったレイアウトからワクワクしますね。 xy.css xy.cssの特徴 xy.cssのデモ xy.cssの使い方 xy.cssの特徴 xy.cssはHTML5用に設計された強力なスタイルシートのテン... 続きを読む

レスポンシブなレイアウト実装に使える軽量フレームワーク「Responsive Aeon」:phpspot開発日誌

2012/07/17 42 users phpspot開発日誌 Grid div カラム レイアウト

Responsive Aeon Framework - 12Columns - Grid レスポンシブなレイアウト実装に使える軽量フレームワーク「Responsive Aeon」 1行で12のカラムを基本として、<div>でレイアウトを組んでいくものです。 簡単に覚えられて、簡単に使えそうです HTMLも次のように、他のフレームワーク同様、分かりやすくなってます。 配布ファイルに含まれるものとして... 続きを読む

Javaで軽快に使える「軽量フレームワーク」特集　～本格的なRoRスタイルフレームワーク「Play!」（1）（1/7）：CodeZine

2010/01/20 363 users CodeZine Java RoR Play Struts

はじめに　今やWebのフレームワークと言えば、そのほとんどが「RoRタイプ」です。RoR（Ruby on Rails）がWebの開発に与えた影響は非常に大きく、その後生まれたフレームワークの多くがその影響を受けています。　しかし、Javaの世界に関しては、RoRはなぜか素通りしてしまいました。既にStrutsというデファクトスタンダードがあったために新しいMVCフレームワークが割り込む余地があまり... 続きを読む