We’re getting things ready Loading your experience… This won’t take long.
propeller.in
We’re getting things ready Loading your experience… This won’t take long.
MUI: The React component library you always wanted
Ready-to-use foundational React components, free forever.
Penguin
Penguin is a lightweight and extensible front-end framework built with Sass for kickstarting any web project.Penguin is a lightweight and extensible front-end framework built with Sass for kickstarting any web project. Made by nerds Penguin is all you need for starting quickly and easily any web project. Made by nerds for nerds. Build tools Includes a small Gruntfile for compiling your SCSS, and a
Documentation - Materialize
flash_on Speeds up development We did most of the heavy lifting for you to provide a default stylings that incorporate our custom components. Additionally, we refined animations and transitions to provide a smoother experience for developers. group User Experience Focused By utilizing elements and principles of Material Design, we were able to create a framework that incorporates components and an
AdminLTE·ã“ã“ã¾ã§å¤šã‘ã‚Œã°ä½•ã§ã‚‚ã§ããã†ã€‚多機能ãªBootstrapベースã®ç®¡ç†ç”»é¢ãƒ†ãƒ³ãƒ—レート MOONGIFT
ã“ã‚Œã§å分ã§ã—ã‚‡ï¼ Bootstrapã§ä½œã‚‹ç®¡ç†ç”»é¢ã¯ç›¸å½“増ãˆã¦ãã¦ã„るよã†ã§ã™ã€‚確ã‹ã«ä¸€èˆ¬ãƒ¦ãƒ¼ã‚¶å‘ã‘ã«æä¾›ã™ã‚‹ã¨Bootstrapè‡ãŒå‡ºã¦ã—ã¾ã„ã¾ã™ãŒã€ç®¡ç†ç”»é¢ã§ã‚ã‚Œã°å•é¡Œã¯ãªã„ã§ã™ã‚ˆã。 ã¨ã„ã†ã“ã¨ã§ä»Šå›žã¯æ–°ã—ã„Bootstrap製ã®ç®¡ç†ç”»é¢ãƒ†ãƒ³ãƒ—レートAdminLTEを紹介ã—ã¾ã™ã€‚高度ãªã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆãŒæ•°å¤šãæä¾›ã•ã‚Œã¦ã„ã¾ã™ã®ã§ä½¿ã„å‹æ‰‹è‰¯ã•ãã†ã§ã™ã‚ˆã€‚ AdminLTEã®ç”»é¢ 今回もスクリーンショット多ã‚ã§ç´¹ä»‹ã—ã¾ã™ã€‚ ダッシュボード。ã“ã®æ™‚点ã§ã‹ãªã‚Šãƒªãƒƒãƒã€‚ ボックス。ã“ã‚Œã ã‘多彩ãªãƒ‘ターンãŒã‚ã‚‹ã¨è¨€ã†ã®ã‚‚凄ã„ã§ã™ã。 左端ã«ã¯ã¡ã‚‡ã£ã¨ã—ãŸè¨å®šã‚’表示ã•ã›ã¦ã„ã¾ã™ã€‚ 背景色を変ãˆã‚‹ã ã‘ã§ã‚‚éšåˆ†å°è±¡ãŒé•ã„ã¾ã™ã€‚ グラフ。 ã“ã¡ã‚‰ã‚‚グラフ。 外部ライブラリもãã¤ãªã使ã„ã“ãªã—ã¦ã„ã¾ã™ã€‚ ã‚¹ãƒ‘ãƒ¼ã‚¯ãƒ©ã‚¤ãƒ³ã‚‚ï¼ ã‚¢ãƒ©ãƒ¼ãƒˆã€‚ã¡ã‚‡ã£ã¨é£›ã³å‡ºã—ã¦ã„ã‚‹ã®ãŒã„ã„æ„Ÿã˜ã§ã™ã€‚ アイコン。 ボタン。フラット系ã§
NavyJS
NavyJS & NavyCreator Web application framework for mobile & IDE. Overview NavyJSã¯ã€Œãƒ–ラウザをアプリケーションプラットフォームã¨ã™ã‚‹ã“ã¨ã€ç›®çš„ã«é–‹ç™ºã•ã‚Œã¦ã„ã¾ã™ã€‚ ãã®ãŸã‚ã«ã¯å†åˆ©ç”¨å¯èƒ½ãªUI部å“ã€ã‚¢ã‚»ãƒƒãƒˆã®ç®¡ç†ã€ç”»é¢ã®ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«ãªã©ã®ã‚¢ãƒ—リケーションを開発ã™ã‚‹ä¸Šã§ã®åŸºæœ¬çš„ãªæ©Ÿèƒ½ã‚’フレームワークã¨ã—ã¦æä¾›ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ ã¾ãŸç”»é¢ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’効率良ã作æˆã™ã‚‹ãŸã‚ã«ã¯GUIã«ã‚ˆã‚‹é–‹ç™ºç’°å¢ƒã‚‚å¿…è¦ã¨ãªã£ã¦ãã¾ã™ã€‚ ã“れらã®æ©Ÿèƒ½ã¨ç’°å¢ƒã‚’１ã¤ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ã—ã¦æä¾›ã—ã¦ã„ã‚‹ã®ãŒNavyJSã¨NavyCreatorã§ã™ã€‚ ã—ã‹ã—ç¾çŠ¶ã¯ã“ã®ã‚³ãƒ³ã‚»ãƒ—トãŒä¸–ã®ä¸ã«å—ã‘入れられるã®ã‹ï¼Ÿå®Ÿç¾å¯èƒ½ãªã®ã‹ï¼Ÿã‚’確ã‹ã‚ã‚‹ãŸã‚ã«æœ€å°é™ã®æ©Ÿèƒ½ã‚’æŒã£ãŸ フレームワーク(コンセプトフレームワーク)ã¨ã—ã¦æä¾›ã™ã‚‹ã“ã¨ã‚’ç›´è¿‘ã®ã‚´ãƒ¼ãƒ«
SAPã€æ¥å‹™ã‚¢ãƒ—リ用ã®JavaScript製UIライブラリ「OpenUI5ã€ã‚’公開。レスãƒãƒ³ã‚·ãƒ–対応ã§ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã«ã‚‚
SAPã€æ¥å‹™ã‚¢ãƒ—リ用ã®JavaScript製UIライブラリ「OpenUI5ã€ã‚’公開。レスãƒãƒ³ã‚·ãƒ–対応ã§ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã«ã‚‚ æ¥å‹™ã‚¢ãƒ—リケーション最大手ã®ç‹¬SAPã¯ã€æ¥å‹™ã‚¢ãƒ—リケーションã®ãŸã‚ã®JavaScript製JavaScrit UIライブラリ「OpenUI5ã€ã‚’オープンソースã¨ã—ã¦å…¬é–‹ã—ã¾ã—ãŸã€‚ OpenUI5ã¯ã€åŒç¤¾ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションãªã©ã«ç”¨ã„られã¦ã„ã‚‹JavaScript製ライブラリ「SAPUI5ã€ã®ä¸»ãªæ©Ÿèƒ½ã‚’オープンソース化ã—ãŸã‚‚ã®ã€‚jQueryã€CSSプãƒã‚»ãƒƒã‚µã®LESSã€ODataライブラリã®datajsãªã©ãŒä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ ボタンやアコーディオンã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ãƒ†ãƒ¼ãƒ–ルã€ãƒ€ã‚¤ã‚¢ãƒã‚°ã¨è¨€ã£ãŸéƒ¨å“ã ã‘ã§ãªãã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç”¨éƒ¨å“ã‚‚å«ã¾ã‚Œã¦ãŠã‚Šã€ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã™ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–デザインã®UI構築ãŒå¯èƒ½ã«ãªã£ã¦ã„ã¾ã™ã€‚ JavaS
カスタマイズ性抜群ï¼Sassã«å¯¾å¿œã—ãŸCSSフレームワークãŒã‚¢ãƒ„ã‚¤ï¼ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ã“ã‚“ã«ã¡ã¯ã€‚デザイナーã®ã¯ã‚‹ãˆã§ã™ã€‚ レスãƒãƒ³ã‚·ãƒ–Webサイトを作æˆã™ã‚‹éš›ã«é‡å®ã•ã‚Œã¦ã„ã‚‹CSSフレームワークã§ã™ãŒã€ã€Œè‡ªç”±åº¦ãŒä½Žã„ã€ã€Œä½¿ã‚ãªã„UIパーツã¯é‚ªé”ã«ãªã‚‹ã€ã€Œã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹ã®ã«æ‰‹é–“ãŒã‹ã‹ã‚‹ã€ã€ŒçµæžœCSSファイルãŒè‚¥å¤§åŒ–ã—ã¦ã—ã¾ã†ã€ãªã©ã€åˆ©ç”¨ã™ã‚‹ã†ãˆã§ã®ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚‚多々ã‚ã‚Šã¾ã—ãŸã€‚ 実際フレームワークã£ã¦ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã®å¤§æž ãŒã§ãã¡ã‚ƒã£ã¦ã‚‹ã—ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒå……実ã—ã¦ã‚‹åˆ†ã‚ã¾ã‚Šä½œã‚Šè¾¼ã‚€å¿…è¦ãŒãªã„ã‚“ã§æ¥½ã£ã¡ã‚ƒæ¥½ãªã‚“ã§ã™ãŒã€ãƒ†ãƒ³ãƒ—レートã«æŸç¸›ã•ã‚Œã¡ã‚ƒãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦ã¯é¢ç™½ããªã„ã—ã‚ã¾ã‚Šé ¼ã‚ŠãŸããªã„ã£ã¦ã®ã‚‚æ£ç›´ãªã¨ã“ã‚。似ãŸã‚Šã‚ˆã£ãŸã‚Šã«ãªã‚‹ã—。。 éŽåŽ»ã«CSSフレームワークã®ä»£è¡¨çš„å˜åœ¨ã€ŒBootstrapã€ã‚’利用ã—ã¾ã—ãŸãŒã€æŸ”軟性ã®ä½Žã•ã«è‹¦ã—ã‚られãŸã®ã‚’覚ãˆã¦ã„ã¾ã™ã€‚ ã§ã™ãŒæœ€è¿‘ã¯Compassã®ã‚ˆã†ã«SassファイルãŒåŽã‚られãŸã‚·ãƒ³ãƒ—ルã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ã®é«˜ã„CSSフレームワークãŒå¢—
Semantic UI
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
MozillaãŒä½œã£ãŸã‚¹ãƒžãƒ›ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãªUI作æˆHTML5フレームワーク「Brickã€:phpspot開発日誌
Brick MozillaãŒä½œã£ãŸã‚¹ãƒžãƒ›ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãªUI作æˆHTML5フレームワーク「Brick〠<x-calendar></x-calendar> ã¨æ›¸ã„ã¦åˆæœŸåŒ–ã™ã‚Œã°ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ãŒæ画出æ¥ã‚‹ãªã©ã€ä¾¿åˆ©ãªHTML5フレームワークãŒMozillaã‹ã‚‰å…¬é–‹ã€‚ 主ã«ã‚¹ãƒžãƒ›ã‚’ターゲットã¨ã—ãŸã‹ã®ã‚ˆã†ãªUIコンãƒãƒ¼ãƒãƒ³ãƒˆç¾¤ãŒå®Ÿè£…ã§ãã¾ã™ã€‚ タイトルãƒãƒ¼ カレンダー ギャラリー 独自タグã ã¨ã‚„ã£ã±ã‚Šã‚·ãƒ³ãƒ—ルã§ã‚ã‹ã‚Šã‚„ã™ã„ã§ã™ã。 ã¡ã‚‡ã£ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‹ã£ã“ã‚ã‚‹ã„æ°—ãŒã—ã¾ã™ãŒã€ä»Šå¾Œã®ç™ºå±•ã«æœŸå¾…。 関連エントリ YahooãŒä½œã£ãŸãƒ”ュアCSSã®UIライブラリ「Pure〠FlatãªUIãŒç¾Žã—ã„WEBサイト２５ FlatãªUIãŒç¾Žã—ã„JSレスãªUIライブラリ「TopCoatã€â€‹ フルスクリーンã§ãƒšãƒ¼ã‚¸ã‚ãã‚Šã‚’ã™ã‚‹UI実装デモ ã“ã‚Œã¯è¶…使ã„ã‚„ã™ã„ページãƒãƒ¼ã‚·ãƒ§ãƒ³ã®æ¬¡ä¸–代UI
ウェブ制作者ã®ãŸã‚ã«ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã¨æ‹¡å¼µã«é‡ç‚¹ã‚’ãŠã„ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç”¨ã®è»½é‡ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -UIkit
ç°¡å˜ã«åˆ©ç”¨ã§ãã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚容易ã§ã€ã‚¦ã‚§ãƒ–制作者ã®ãŸã‚ã«ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã¨æ‹¡å¼µã«é‡ç‚¹ã‚’ãŠã„ãŸHTML, CSS, JavaScriptã§ä½œæˆã•ã‚ŒãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç”¨ã®è»½é‡ãƒ•ãƒ¬ãƒ¼ãƒ ワークを紹介ã—ã¾ã™ã€‚ UIkit UIkit -GitHub UIkitã¯ç¾åœ¨å¤šãã®åˆ¶ä½œè€…ãŒåˆ©ç”¨ã—ã¦ã„ã‚‹jQuery, normalize.cssをベースã«ã€ã‚¦ã‚§ãƒ–ページã§åˆ©ç”¨ã™ã‚‹ã•ã¾ã–ã¾ãªUIエレメントãŒç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚ ã¾ãŸã€UIkitã§ã¯ã™ã¹ã¦ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«ãƒ†ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ãŒæä¾›ã•ã‚Œã¦ãŠã‚Šã€å®Ÿéš›ã«ã©ã®ã‚ˆã†ã«å®Ÿè£…ã™ã‚‹ã‹ã©ã®ã‚ˆã†ãªè¦‹ãŸç›®ã«ãªã‚‹ã‹ç¢ºèªã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
Cardinal • Build more with less.
What is Cardinal? Cardinal is a modular, “mobile-first†CSS framework built with performance and scalability in mind. The purpose of this framework is to make it easier for front-end web developers to prototype, build, scale, and maintain CSS for responsive websites, user interfaces, and applications. Cardinal omits many aesthetic design decisions that often bog down other CSS frameworks (which ar
普段使ã£ã¦ã‚‹CSSã®ãƒ‘フォーマンスã¨ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã‚’アップã•ã›ã‚‹OOCSSベースã®è¶…軽é‡ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -Kraken
オブジェクト指å‘CSS（OOCSS）ã®ã‚³ãƒ³ã‚»ãƒ—トã¯æ™®æ®µä½¿ã£ã¦ã‚‹CSSã®ãƒ‘フォーマンスã¨ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã‚’å‘上ã•ã›ã‚‹ã“ã¨ã€‚ ãã‚“ãªOOCSSをベースã«è¨è¨ˆã•ã‚ŒãŸã€ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã®æ‹¡å¼µæ€§ã‚‚å‚™ãˆãŸè¶…軽é‡ãƒ•ãƒ¬ãƒ¼ãƒ ワークを紹介ã—ã¾ã™ã€‚ Kraken Kraken -GitHub オブジェクト指å‘CSS（OOCSS）ã¨ã¯ Krakenã®ç‰¹å¾´ Krakenã®ãƒ‡ãƒ¢ オブジェクト指å‘CSS（OOCSS）ã¨ã¯ Krakenã¯ã‚ªãƒ–ジェクト指å‘CSS（OOCSS）ベースã§é–‹ç™ºã•ã‚Œã¦ã„ã¾ã™ã€‚ Krakenã§æŽ¡ç”¨ã—ã¦ã„ã‚‹ã‚‚ã®ã‚’例ã«ã€ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚ The Kraken Way 大ãã„ブルーã®ãƒœã‚¿ãƒ³ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’定義ã™ã‚‹éš›ã€ä¸€ã¤ã®classã‚„idãªã©ã§å®šç¾©ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ãŒã€OOCSSã§ã¯ã€Œãƒœã‚¿ãƒ³=btnã€ã€Œå¤§ãã„ボタン=btn-largeã€ã€Œãƒ–ルーã®ãƒœã‚¿ãƒ³=btn-blueã€ã¨ã—ã¾ã™ã€‚ã“ã‚Œã¯ç…©é›‘ãªã‚ˆã†ã«è¦‹ãˆã¾ã™
Pure.css
CSS with a minimal footprint.Pure is ridiculously tiny. The entire set of modules clocks in at 3.5KB* minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes. * We can add correctly :) the numbers above are individu
ランã‚ング
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Bulma: Free, open source, and modern CSS framework based on Flexbox
gumbyframework.com
スマフォやタブレットå‘ã‘ã®CSSフレームワーク・CLANK - ã‹ã¡ã³ã¨.net
最近ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰CSSフレームワークã¾ã¨ã‚
Furatto
8 New Frameworks for Developers | Code Geekz
{{#tags}}- {{label}}
{{/tags}}