CSS書きたくなさすぎ問題2017 - DRYな備忘録
css書きたくない。できればjsも書きたくない。js必要なの嫌。軽くやりたい。という個人の日記です。 参考 Best CSS Frameworks of 2017 | Three29 10 Free Lightweight CSS Frameworks for a Fast Start 2017年にチェックしておきたい、CSSの軽量フレームワークのまとめ | コリス ググれ。 lightweight css framework - Google 検索 Gridだけやりたいやつは除外した。 Bootstrap Materialize mui （追記）UIkit （追記）Semantic UI Pure Bulma Skelton Spectre.css Kube Vuetify Fictoan avalanche Beuter Vanilla Milligram InvisCSS Look
Ink - Interface Kit
Download 3.1.10 This file contains CSS, JavaScript and their minified versions, images, fonts and the cookbook. Download with source This file contains SASS and JavaScript source code, distribution versions and the build tools config files. Github If you prefer, head on to our github repository, fork the project and help us create an even better Ink. Responsive from the ground up Our grid system i
Marx
The classless CSS framework (perfect for Communists).Marx Marx - The stylish CSS reset. No JavaScript. No Classes. Just raw CSS. 7.3 kb minified. Is Marx for you? Marx is a CSS stylesheet to be used in any projects (namely small ones). If you don't need the weight of heavy frameworks or you would just like to make an edible website quickly, Marx is perfect for you. It can be used out of the minifi
Sierra: The smallest and lightest SCSS library
Quick install 1.- Get the files via NPM npm install sierra-library --save-dev 2.- Import the library from your SCSS files @import 'sierra-library/lib/index'; 3.- Ready to compile! Need help about that? take a look at our example page and its code. Theme customization If you want to customize Sierra library's theme settings, including fonts, margins, paddings and/or colors, create your own custom-s
Susy: Responsive grids for Compass
Susy was a responsive layout engine for Sass, before flexbox and CSS grid were available. Susy is now deprecated, and will not receive updates. If you need help moving off Susy, or learning the latest in web layout, we offer training and consulting to help bring you up-to-date. Contact us for details » Not everyone can play with the latest specs, and there will always be edge-cases that require ma
MUI - Material Design CSS Framework
The MUI package includes all the necessary code to use MUI components on the web and over email. In addition, we're working on React and WebComponents libraries to give developers more flexibility on the web. mui-0.10.3/ ├── angular │ ├── mui-angular.js │ └── mui-angular.min.js ├── css │ ├── mui.css │ ├── mui.min.css │ ├── mui-rtl.css │ └── mui-rtl.min.css ├── email │ ├── mui-email-i
ytake.blog | マイクロフレームワークLumen
マイクロフレームワークLumen Posted: 2015-04-15 02:02 | laravel 4/14夜中にLumenなるマイクロフレームワークが発表されました。 Laravelのマイクロフレームワーク版です。 同じIlluminateコンポーネントを利用して、 ルーターは最速ルーティングライブラリとも言われる nikic/FastRoute を利用しています。 どんなもんか早速さらっと紹介しましょう！ ちなみにLaravelのチュートリアルとかでおなじみのMatt Stauffer氏が記事書いてました。 それを見るだけでも雰囲気はわかるとおもいますヨ。 ドキュメントも合わせてみてみましょう。 インストール インストールなんかはLaravelと同じ。 とくにありません # インストーラー利用ならば $ composer global require "laravel/lumen-
Topcoat
CSS for clean and fast web apps. Soooo Fast!Performance is our #1 goal. Every component we design is benchmarked for performance. You can see our results. Components GaloreWe have the building blocks to get you up and running fast. Our growing set of components were born from CSS. ThemeableIs that even a word? It should be! We love our theme, but we don’t want to hit your brand over the head with
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
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
JavaScript フレームワーク - ペパボテックブログ
フロントエンド周りの技術は驚異的なスピードで進化し、また多様化しています。それらを全てマスターするのは途方もなく大変なので、ペパボでは、社内のエンジニア・デザイナが「最低限これだけはおさえておこう」というスタンダードを文書化することにいたしました。社内向けを想定した文書ではありますが、社内のみに留めず多くの方に役立てたいと考えたため公開します。 この項目の担当 @hadashiA どうしてフレームワークを使う？ (1) ドメインロジックとプレゼンテーションの分離 (2) SPA（シングルページアプリケーション） 流行り廃り (1) MVC (2) MVVM (3) Virtual DOM どれを使う？ どうしてフレームワークを使う？ (1) ドメインロジックとプレゼンテーションの分離 まずこちらの画面を見てください。 ©任天堂 スーパーマリオワールド スーパーマリオが右にダッシュすると、マ
Yii Framework 2.0 リリース記念勉強会 資料 - なんたらノート第三期ベータ
第19回関西PHP勉強会 Yii Framework 2.0 リリース記念勉強会 の資料はこちらです。 だいぶあおり気味なのは、一般公開を意識せずに書いているためです。その場にいる人向けに、今日はこういう勉強会なので空気読んでね、というのが入っているのをご了承ください。 Yii 2.0 とは ベータリリース記念 第一回勉強会の資料 https://gist.github.com/tanakahisateru/cf8ef578d7ea24ea429a ※ イベントまわりでちょっとオススメじゃない書き方があります 過去の発表やブログなど http://www.slideshare.net/tanakahisateru/phpcon-2014yii http://image.slidesharecdn.com/yii-121012040114-phpapp01/95/yii-31-728.jpg
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
JSライブラリ/フレームワークの良い、悪いメモ - 素人がプログラミングを勉強していたブログ
※ただのメモで、未来志向なのであまり真に受けてはいけない。 良いっぽい React.js 早速い/コンポネント志向/APIの設計がいい。JSXと他のトランスパイラの組み合わせという問題はある Promise ネイティブに入った、誰もが使ってる TypeScript ES6時代でも存在意義のある言語。TypeScript互換のFacebook Flowの動向に注目 Backbone.js ModelとEventを使う/Viewは使わなくていい Lodash Underscore.jsをよくしたやつ Gulp Gruntより良いという意味で。browserifyまわりがうまく動かない問題があってnpm runのほうがいいという噂もあるがまあ良いに分類してもいい EventEmitter Custom EventはDOMにくっ付いてる感があるのでロジック志向の物にはEventEmitter使った
Senna.js
FeaturesSenna.js is a blazing-fast single page application engine that provides several low-level APIs that allows you to build modern web-based applications with only ~8KB of JavaScript without any dependency. Bookmarkability & SEOWhen using a single page app, sending a link to a friend should get them where we were. More than that, a search engine spider should be able to index that same content
ZurbがFoundationのアクセシビリティを向上させていくことを発表 - Webクリエイターズニュース
レスポンシブなフロントエンドフレームワークFoundationを提供するZurbは、2014年8月21日に同社のブログでFoundationの新バージョン5.4とともに、Foundationのアクセシビリティを高めていくことを発表した。 ブログ記事では、多くのデザイナーがアクセシビリティについて語るようになってきていると指摘。アクセシビリティのないウェブサイトはスロープのない建物と同じ。W3CによるWAI-ARIAガイドラインなどに準拠したサイトをデザインすべきだとしている。 Foundationの各コンポーネントのドキュメントページには、それぞれアクセシビリティのセクションが追加され、どのようにマークアップすれば良いかが記載されている。たとえば、Topbarコンポーネントのアクセシビリティのセクションでは、role=”navigation” 属性を追加したり、オフキャンバスナビゲーション
エンタープライズで使える！実践から学ぶJavaScript MVCフレームワークの選び方
エンタープライズで使える！実践から学ぶJavaScript MVCフレームワークの選び方 酒巻瑞穂（html5jエンタープライズ部） 現在エンタープライズシステムの開発現場では、シングルページアプリケーション（SPA: 単一のWebページで構成されているWebアプリケーションのこと）アーキテクチャの採用が模索されるなど、根本的な開発パラダイムにおいて大きな変化が起きようとしています（全体的にどのような変化があるかはエキスパートNo59の佐川夫美雄さんの書かれた「JavaからHTML5ヘ。業務システムの開発におけるWeb技術の変化と適応事例」によくまとまっています）。 こうした変化の一部を支えているのが、JavaScriptによるMVCフレームワークです。数あるフレームワークの中で、実際にどのフレームワークを採用するかというのは、開発コストだけではなく学習・運用コストにも関わる、非常に大きな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Bulma: Free, open source, and modern CSS framework based on Flexbox
Bourbon - A Lightweight Sass Tool Set
Primer