GitHub - thoughtbot/neat: A fluid and flexible grid Sass frameworkYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Gridlex - Just a Flexbox Grid System
How it works? The concept is simple: you need to wrap your .col in a .grid. That's all. What can we expect? Basically each column is the same width as every other cell in the grid. But you can add sizing classes to individual columns. For responsive designs, you can add classes based on media-queries. Top, bottom, or middle. For the grid. And for the columns. Grids can be nested. Always. Directly
15 Responsive CSS Frameworks Worth Considering - Speckyboy Design Magazine
CSS frameworks are pre-written CSS files that help web designers and developers create websites faster and more efficiently. They are perfect for those looking to launch projects without getting bogged down in the details of coding CSS from scratch. In this collection, we’re focusing on smaller, lightweight frameworks. These minimalist frameworks all offer a simpler alternative to more comprehensi
イントãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ - Mithril.js
Mithrilã¯Vimeoã‚„Nikeã¨ã„ã£ãŸä¼æ¥ã‚„ã€Lichessã®ã‚ˆã†ãªã‚ªãƒ¼ãƒ—ンソースプラットフォームã§åˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚‚ã—ã€ã™ã§ã«JavaScriptã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã®é–‹ç™ºçµŒé¨“ãŒã‚ã‚Šã€ä»–ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ãªã«ãŒé•ã†ã®ã‹ã‚’知りãŸã‘ã‚Œã°ã€ãƒ•ãƒ¬ãƒ¼ãƒ ワークã®æ¯”較ã®ãƒšãƒ¼ã‚¸ã‚’見ã¦ãã ã•ã„。 Mithrilã¯Polyfillãªã—ã§IE9以é™ã®ã™ã¹ã¦ã®ãƒ–ラウザã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚よㆠCDNを使ã£ã¦Mithrilã‚’èªã¿è¾¼ã‚“ã§ã€ã“ã‚Œã‹ã‚‰èª¬æ˜Žã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ãªãžã‚‹ã®ãŒã€Mithrilを試ã™ã‚‚ã£ã¨ã‚‚ç°¡å˜ãªæ–¹æ³•ã§ã™ã€‚ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯ãƒ©ã‚¦ãƒ†ã‚£ãƒ³ã‚°ã‚„XHRã‚‚å«ã‚ã¦ã€ä¸»è¦ãªAPIを紹介ã—ã¾ã™ãŒã€10分程度ã—ã‹ã‹ã‹ã‚Šã¾ã›ã‚“。 ãã‚Œã§ã¯æ¬¡ã®ã‚ˆã†ãªHTMLファイルを作ã£ã¦ã¿ã¾ã—ょã†: <body> <script src="//unpkg.com/mithril/mithril.js"></scrip
Bootflat
BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. And, for the designers, we offer a free PSD Download. It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps. Compatible Browsers: IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome. Download (Version 2.0.4) MIT Licensed - Version 2.0.4 Learn more Designed for e
ã¼ãã®ã‹ã‚“ãŒãˆãŸã•ã„ãょã†ã®ã—ーãˆã—ã‚…ãˆã—ã‚… - MOL
俺ももã†30ã ã—ã€å¤ãªã‚“ã§ã€CSSフレームワークã¯ã˜ã‚ã¾ã—ãŸã€‚ ã¨ã‚Šã‚ãˆãšã€UIエレメントã¨ã‹ä½œã£ã¦ãªã„ã—ã€CSSフレームワークã¨ã‹è¨€ã„ãªãŒã‚‰ã€Githubã®Language Staticsã¯98.3%ã€JavaScriptã£ã¦ãªæ„Ÿã˜ã§Grunt Taskã°ã‹ã‚Šå……実ã—ã¦ã‚‹ã‚ˆã†ãªæ„Ÿã˜ã§ã™ã€ç¾çŠ¶ã€‚ ã¨ã‚Šã‚ãˆãšã€è¨è¨ˆæ–¹é‡ã¨ã—ã¦ã¯ãƒžã‚·ãªCSSを書ãã“ã¨ã‚’目標ã¨ã—ã¦ã„る。ã“ã®ä¸€å¹´ã€ã‚¹ãƒžãƒ›ã‚¢ãƒ—リã®HTML/CSSコーディングをやã£ã¦ããŸã‚ã‘ã ãŒã€åº¦é‡ãªã‚‹UIã®å¤‰æ›´ã«è€ãˆã†ã‚‹CSSã€ãã—ã¦è‚¥å¤§åŒ–ã—ãªã„CSSã¨ã¯ä½•ã‹ãšã£ã¨è€ƒãˆã¦ã„ã¦ã€ç‰¹ã«ç”ãˆã¨ã„ã†ç”ãˆã‚‚ã§è¦‹ã¤ã‹ã£ã¦ã„ã‚ã‘ã ã‘ã©ã€ã¨ã‚Šã‚ãˆãšã¯ã“ã†ã—ãŸã»ã†ãŒBetterãªã‚“ã˜ã‚ƒãªã„ã‹ã¨ã„ã†ã®è‡ªåˆ†çš„ã«å›ºã¾ã£ã¦ããŸã®ã§ã€å…¬é–‹ã—ã¦ã¿ãŸã€‚ ã¦ã‹ã€æœ€å¼·ã®CSSãªã‚“ã¦å˜åœ¨ã—ãªã„ã‹ã‚‰ãªã£ï¼ï¼ t32k/maple - GitHub ã‚ã‚ŠãŒã¡ãªè½ã¨ã—ç©´ ã“れを作るã«ã‚ãŸã£ã¦
jstest
The cross-platform JavaScript test framework jstest is a testing framework for JavaScript that’s designed to run on any platform with minimal effort. It provides a familiar RSpec-style API for organising tests that can run on the following platforms: Web browsers: Chrome, Firefox, Internet Explorer, Opera, Safari Headless browsers: PhantomJS, SlimerJS Server-side platforms: Node.js, Narwhal, Ringo
[CSS]高性能ã™ãŽã¦ãƒ“ックリã—ã¾ã—ãŸã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–デザイン用ã®è¶…軽é‡ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -Kube Framework
[CSS]高性能ã™ãŽã¦ãƒ“ックリã—ã¾ã—ãŸã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–デザイン用ã®è¶…軽é‡ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -Kube Framework
『knockout.jsã§ã•ãã•ãWebアプリ開発ã€
1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–り組ã¿ã‚’紹介ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚最新技術ã¸ã®æŒ‘戦やサービス誕生ã®è£è©±ã€å‹‰å¼·ä¼šã‚„イベントã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAクリエイターã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã¯ã˜ã‚ã¾ã—ã¦ï¼ スマホ対応アメーãƒãƒ”ã‚° Webアプリ版ã®é–‹ç™ºã‚’担当ã—ã¦ã„ã‚‹å‰å·æµ©å¤ªã¨ç”³ã—ã¾ã™ã€‚ knockout.jsã€ã®æ©Ÿèƒ½ã¨ç‰¹å¾´ã‚’ã€ç°¡å˜ã«ã”紹介ã§ãã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ knockout.js？knockout.js (http://knockoutjs.com/) knockout.jsã¯MVVM（Model-View-ViewModel）パターンã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚ åŒæ–¹å‘データãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚„アイテムテンプレートç‰ã®æ©Ÿèƒ½ãŒã‚ã‚Šã€Silverlightã‚„WPF開発者ã«ã¯ã‹ãªã‚Šã¨ã£ã¤ãã‚„ã™ã„フレームワークã ã¨æ€ã„ã¾ã™ã€‚ Webアプリã§ã¯DOMã‚’å‹•
スマートフォンå‘ã‘ã®HTML5製フレームワーク・Lungo.js - ã‹ã¡ã³ã¨.net
今更ã§ã™ã‘ã©Lungo.jsã‚’å°‘ã—触ã£ã¦ 見ã¾ã—ãŸã€‚Lungo.jsã¯HTML5+CSS3㮠スマートフォンå‘ã‘フレームワーク ã§ã™ã€‚jQueryã‚„mootoolsãªã©ã‚’å¿…è¦ ã¨ã—ãªã„éžä¾å˜åž‹ã®ãƒ©ã‚¤ãƒ–ラリã§ã™ ã®ã§è¦šãˆã¦ãŠã„ã¦æã¯ç„¡ã„ã‹ã‚‚。 スマフォå‘ã‘フレームワークã§ã™ã€‚GPLv3ライセンスã§OSSã¨ã—ã¦å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ スマフォå‘ã‘ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¯ç›¸å½“出回ã£ã¦ã„ã¾ã™ã®ã§çã—ããªã„ã‹ã‚‚ã§ã™ã‘ã©ãƒ»ãƒ»è§¦ã£ãŸæ„Ÿã˜ã¯ãªã‹ãªã‹ä½¿ã„ã‚„ã™ãã†ã§ã—ãŸã€‚コアファイルã¯éžåœ§ç¸®ã§40kbã»ã©ã€‚ 以下ã€å…¬å¼ã‚µã‚¤ãƒˆã®ã‚µãƒ³ãƒ—ルã§ã™ã€‚ Sample スターターã‚ット的ã«ã‚‚使ãˆãã†ã§ã™ã€‚ ↑ 実機ã§ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆ ã“ã®æ‰‹ã®ã¯æ²¢å±±ã‚ã‚‹ã®ã§å¥½ã¿ã§é¸ã¹ã°ã„ã„ã§ã™ã。詳細ã¯ä»¥ä¸‹ã§ã©ã†ãžã€‚ Lungo.js
グーグル製ã®JavaScript MVCフレームワーク「AngularJSã€ã€æ£å¼ç‰ˆãŒå…¬é–‹ − Publickey
グーグルã¯ã€JavaScriptã§MVCアーã‚テクãƒãƒ£ã®ã‚¢ãƒ—リケーション開発をã™ã‚‹éš›ã«ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’å‚™ãˆãŸãƒ©ã‚¤ãƒ–ラリ「AngularJS 1.0ã€ã®ãƒªãƒªãƒ¼ã‚¹ã‚’ブãƒã‚°ã§ç™ºè¡¨ã—ã¾ã—ãŸã€‚ MVCアーã‚テクãƒãƒ£ã¨ã¯ã€ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãŒãƒ‡ãƒ¼ã‚¿ãƒ¢ãƒ‡ãƒ«ï¼ˆModel）ã®éƒ¨åˆ†ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®éƒ¨åˆ†ï¼ˆView）ã€ãã—ã¦ãƒ“ューã¨ãƒ¢ãƒ‡ãƒ«ã®ã‚ã„ã ã§åˆ¶å¾¡ã™ã‚‹éƒ¨åˆ†ï¼ˆController）ã«åˆ†é›¢ã•ã‚ŒãŸæ§‹é€ ã®ã“ã¨ã‚’指ã—ã¾ã™ã€‚ ã“れらãŒåˆ†é›¢ã•ã‚Œã¦ã„ã‚‹ã¨ãƒ—ãƒã‚°ãƒ©ãƒ ã®è¦‹é€šã—ãŒã‚ˆããªã‚Šå¤‰æ›´ã«ã‚‚対応ã—ã‚„ã™ãã€ãƒ†ã‚¹ãƒˆã‚‚容易ã«ãªã‚‹ãŸã‚ã€ä½•ç¨®é¡žã‚‚ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã¨è¤‡é›‘ãªãƒã‚¸ãƒƒã‚¯ãªã©ã‹ã‚‰æ§‹æˆã•ã‚Œã‚‹å¤§è¦æ¨¡ãªã‚¢ãƒ—リケーションã§ã¯MVCアーã‚テクãƒãƒ£ã®æŽ¡ç”¨ãŒæœ›ã¾ã—ã„ã‚‚ã®ã¨è€ƒãˆã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ã—ã‹ã—WebアプリケーションをMVCアーã‚テクãƒãƒ£ã§å®Ÿç¾ã—よã†ã¨ã™ã‚‹ã¨ã€ãƒ“ューã®å½¹å‰²ã‚’æžœãŸã™HTMLã®ã‚³ãƒ¼ãƒ‰ã®ä¸ã«ã€ã©ã†ã—ã¦ã‚‚複雑ãªJavaSc
タブやフォームãªã©ã®UIもレスãƒãƒ³ã‚·ãƒ–Webデザインã«å¯¾å¿œã•ã›ãŸ960グリッドシステムæ載ã®CSSフレームワーク・Gumby Framework - ã‹ã¡ã³ã¨.net
UIã‚ット PSD ガイドãŒå¼•ã‹ã‚ŒãŸãƒ¢ãƒã‚¤ãƒ«ç”¨ã¨PCサイト用ã®PSDã‚‚åŒæ¢±ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãã®ä»– ãã®ä»–ã€404用ページã€robots.txtã€ã‚¹ãƒžãƒ•ã‚©ç”¨ã‚¢ã‚¤ã‚³ãƒ³ã€humans.txtãªã©ã‚‚åŒæ¢±ã€‚HTML5+CSS3ã§ã€modernizr.jsを使用ã€IE7ãªã©ã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚ 目的別ã§DLå¯èƒ½ 12カラムã§è‰¯ã„ã€ã¨ã‹ãªã‚‰ä½™è¨ˆãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’å«ã¾ãªã„DLファイルもã‚ã‚Šã¾ã™ã€‚ ã§ã€è‚心ã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§ã™ãŒã€MITã®ã‚ˆã†ã§ã™ã®ã§ã‹ãªã‚Šè‡ªç”±ã«ä½¿ãˆã¾ã™ã。ã“ã“ã¾ã§å¤ªã£è…¹ãªã®ã‚‚çã—ã„æ°—ãŒã—ã¾ã™ã€‚使ã„ã“ãªã—ãŸã„ã¨ã“ã‚。ã”利用ã¯ä»¥ä¸‹ã‚ˆã‚Šã©ã†ãžã€‚ Gumby Framework
Ingrid – a fluid CSS layout system
Hello, my name is Ingrid Ingrid is a lightweight and fluid CSS layout system, whose main goal is to reduce the use of classes on individual units. Making it feel a bit less obtrusive and bit more fun to reflow for responsive layouts. Ingrid is also meant to be an extendable system, easy to customize to your own needs. unit A document is a work of non-fiction writing intended to store and communica
ウェブ制作ã®æ™‚間を大幅ã«çŸç¸®ã™ã‚‹ã€ä»Šæ™‚ã®UIコンãƒãƒ¼ãƒãƒ³ãƒˆãŒç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ -Chico UI
HTML5+CSS3+JavaScriptã§åˆ¶ä½œã•ã‚ŒãŸã‚ªãƒ¼ãƒ—ンソースã®UIコンãƒãƒ¼ãƒãƒ³ãƒˆã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã‚’紹介ã—ã¾ã™ã€‚ Chico UI [ad#ad-2] Chico UIã®å¯¾å¿œãƒ–ラウザã¯ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ IE6ã«ã¯å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“ãŒã€å分ã§ã—ょã†ã€‚ 対応ブラウザ Google Chrome Safari Firefox 4+ Internet Explorer 7+ Opera Chico UIã®ã‚¦ã‚§ãƒ–ページã«ä½¿ç”¨ã™ã‚‹ã•ã¾ã–ã¾ãªUIコンãƒãƒ¼ãƒãƒ³ãƒˆã‚’紹介ã—ã¾ã™ã€‚ ã¨ã€ãã®å‰ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã‚°ãƒªãƒƒãƒ‰ã‹ã‚‰ã€‚
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
p15.jp
http://enja.studiomohawk.com/2012/09/17/solidcss/
http://kubeframework.com/
Base - A super simple, responsive framework designed to work for mobile devices, tablets, netbooks and desktop computers.
gumbyframework.com
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
{{#tags}}- {{label}}
{{/tags}}