個人でサクッとサービス作りたいときに、毎回Bootstrapだと飽きてきたのでちょっと浮気してみたメモ。 ここでいう軽量とは シンプル、最小限を目指したCSSフレームワークのこと CSSフレームワークのくせにJavascript必須とか論外 Bootstrapより機能少なくていい 適当にボタンとフォームがいい感じに表示できればそれでいいんだよ(暴言 けど流石にグリッド整えるだけのフレームワークは勘弁 こっちは楽をしたいのである。。 一番良かったのがmilligram milligram.io 色々試した中で一番感触良かったのがミリグラム。名前からしてシンプル感伝わってくる。2018年3月17日現在で v 1.3.0 良かった点は以下 マジ質素 公式で Only 2kb gzippedって言ってるのは伊達ではない -ドキュメントが1ページに収まるレベル スマホ対応 グリッドシステム対応 参考
Metro UI is an free, open source, html-first toolkit for developing web sites with HTML, CSS, and JS. With Metro UI, you can easily and quickly make a site from prototype to production. Metro UI includes general styles, responsive grid, layouts, typography, 100+ components and javascript routines, 800+ built-in icons.
Add Interaction Easily add an interaction to the DOM element with data attributes. You can add the click interaction to every element whether it's Button, SVG or a Paper. Add Interaction to the element with data-micron="interaction" Control Interaction's duration with data-micron-duration="number" Control Interaction's timing-function with data-micron-timing="type" Read Docs Bind Interaction Easil
Customize and extend siimple using your configuration from your project, including colors, fonts, sizes, shadows and more! import colors from "@siimple/colors"; import base from "@siimple/preset-base"; export default { ...base, colors: { ...base.colors, primary: colors.royal["500"], secondary: colors.mint["500"], text: colors.royal["800"], background: colors.royal["100"], muted: colors.royal["200"
はじめに PSR-7(HTTP Message)が承認されてからしばらく経ちますが、現在はこれを使った様々なライブラリ・フレームワークが登場しています。 これによって特定のライブラリ・フレームワークにロックインされずに、Webアプリケーションを実装できる道程が見えてきました。 しかし、PSR-7はあくまでHTTPメッセージのインターフェイスを提供するもので、リクエストを受け取ってレスポンスを返す流れを抽象化するものではありません。 これはHTTPミドルウェアと呼称されますが、そのインターフェイスはそれぞれの実装でまちまちです。 そこで、これを抽象化するPSR-15(HTTP Middleware)が提案されています。 ミドルウェアは大まかにダブルパスのミドルウェアと、シングパスのミドルウェアに分けることができます。 PSR-15は現在の所シングルパスのシグネチャを採用しています。 シングル
VAddyとCSRFトークン VAddyは脆弱性診断を実行する際に、CSRFトークンを最新のものに更新しながら動作します。そのため「どのパラメータがCSRFトークンか?」を判断するロジックが存在しています。最近あるフレームワーク(後述)について「CSRFトークンを正しく認識できない」というバグを修正したのですが、良い機会なのでメジャーなフレームワークやCMSを中心にCSRFトークンの実装をざっと追ってみました。一覧にしても面白くないので、仮想インタビュー形式にまとめてあります。GitHub上で軽く追ったものが多いので、最新のバージョンでなかったり、解釈が間違っている箇所があるかもしれません。 それでは、どうぞ。 Ruby on Rails 金床(以下、金)「こんにちは。ようこそ。」 RoR「こんにちは」 金「相変わらずシェア高いようですね。」 RoR「はい、おかげさまで。この間はルマン24
UI is the vocabulary of the web. Semantic empowers designers and developers by creating a language for sharing UI. Lose the Hieroglyphics: Semantic is structured around natural language conventions to make development more intuitive. Have a conversation with your components: Semantic gives you a variety of UI components with real-time debug output, letting your code tell you what its doing.
The framework gives you comparable development tooling. Moreover, using Twitter Bootstrap, React frameworks aren't necessarily copy-paste-code-just-works endeavors. So, a number of the above mentioned frameworks don't contain any styles in any way, notably Initializer that's only a HTML5 template generator to secure you off the ground. Frameworks are utilised to consolidate the plan process of an
Choosing the best international school for your child is a crucial decision that can shape their educational journey and future success. In the captivating city of Chiang Mai, known for its cultural richness and educational opportunities, finding the best international school is a top priority for many families. In this blog post, we will explore… Read more: Unveiling Excellence: The Best Internat
2015-07-10 2015年7月時点。レスポンシブCSSフレームワークを一覧で紹介 CSS ウェブデザイン レスポンシブデザイン レスポンシブデザインを実装するのに利用するCSSフレームワークが重量級から軽量なもの、全てコミコミのものから必要最小限のものまで多数登場しています。数が多くなって分かりづらくなってきたのと、更新されなくなって放置気味のCSSフレームワークもでてきました。ここではCSSフレームワークをリンク集の形式でまとめます。 はじめに、用途別おすすめレスポンシブCSSフレームワーク(2015/7月時点) 失敗しない選択肢 = Bootstrap Bootstrapが重たすぎて好きじゃない = Pure シンプルなBootstrapがほしい = Semantic UI レイアウトだけレスポンシブにしたい = skeleton 1.メジャーなCSSフレームワーク Bo
Note: In the years since releasing Lumen, PHP has made a variety of wonderful performance improvements. For this reason, along with the availability of Laravel Octane, we no longer support beginning new projects with Lumen. Instead, we recommend always beginning new projects with Laravel. Server Requirements The Lumen framework has a few system requirements. You will need to make sure your server
第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
PhoneGap / Cordovaアプリに最適なJavaScript、CSSフレームワーク アプリ開発プラットフォームMonacaに標準搭載 豊富なUIコンポーネントが提供 スマホもタブレットも!レスポンシブデザインで同時対応 Onsen UIを使うと、あなたのHTML5アプリのパフォーマンスが格段に向上。 ネイティブ開発と見間違う程のスピードを、是非実感してみてください。 Onsen UIはレスポンシブデザインに対応しています。画面のサイズに併せて自動的にビューが調整されます。 また、スプリットビュータグを使えば、タブレットとスマートフォンで表示の切り替えも自動的に行われます。 更にOnsen UIは、Android 2.3以上、iOS 6以上、FireFox OS、Chrome、Safariなど幅広いプラットフォームをサポートしています。 Onsen UIはPhoneGap / C
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く