CSS Gridを使ってみたい人にぴったり！さまざまなレイアウトをシンプルなHTMLで実装できる -iota
CSS Gridを使ったレスポンシブ対応のレイアウトを簡単に実装できる超軽量フレームワークを紹介します。 シンプルなレイアウトから、複雑なレイアウトまで、ブレイクポイントごとにレイアウトを定義することができます。ブレイクポイントはもちろん、カスタマイズできます。 iota iota -GitHub iotaの特徴 iotaの使い方 iotaのデモ iotaの特徴 必要なclassは一つだけ このフレームワークで使用するclassは一つだけです。CSS Gridを使ったさまざまなレイアウトを実装するために、いくつかの修飾子が用意されています。 584 bytes このフレームワークは超軽量のスタイルシートです。使用しないものを取り除くと、更にファイルサイズは減少します。 無限の柔軟性 スタイルシートのコードはCSS Gridとそのすべての機能をカスタムプロパティで結合することによってもたらさ
薄いフレームワーク指向の Web クライアントサイドプログラミング - Hatena Developer Blog
こんにちは、Web アプリケーションエンジニアの id:nanto_vi です。先日開催された Kyoto.js #12 において、「薄いフレームワーク指向の Web クライアントサイドプログラミング」と題した発表を行いました。とある Web アプリケーションの開発にあたって、JavaScript による GUI プログラミングにどう取り組んだかという話になります。当日のスライドの内容に口頭で伝えた内容を加え、以下にまとめます。 前提 SPA ではない そこまで覚悟しなくてもよい 薄いフレームワーク指向 cf. ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011 開発期間が決まっている Web アプリケーションを新規開発するにあたり、クライアントサイドをどう実現するか。ここでは開発期間が決まっているというのが大きな要因となり、チームメンバーの
JavaScriptのUIライブラリはどうあるべきかという話とOnsen UIのアーキテクチャ - id:anatooのブログ
Onsen UI Advent Calendar の12/9の記事です。 Onsen UIは、モバイルアプリのネイティブライクなUIをHTML + CSS + JavaScriptで簡単に構築することを目的としたUIライブラリです(UIフレームワークともたまに呼ばれます)。 ↓みたいなネイティブなモバイルアプリっぽい画面をサクッと作ることができます。 私は数年前から開発メンバーとしてOnsen UIの設計開発を行っています。この記事では、Onsen UIに求められるUIライブラリとしての要件とそれを解決するためにどのようなアーキテクチャを取っているのかについて解説します。 特定のフレームワークに依存しない jQuery UIやReactの上に乗っかっているUIライブラリなどのように特定のフレームワークの仕組みを使って実装されたUIライブラリというのはたくさんありますが、ある特定のフレームワ
「とっつきやすい」フレームワーク Vue.js #jsfes
秋のJavaScript 2016で登壇したスライドです
FlexboxベースのレスポンシブStylus/CSSフレームワークBasisをつくったので設計思想や特徴など
これまで Basis は Sass/CSS フレームワークとして開発していましたが、先日書いた記事（SassからStylusに乗り換えてみたので違いや躓いたところなど）のとおり Stylus がなかなか良さ気だったので Stylus 版の Basis を作りました。 その中で、Stylus でやるなら単純に Sass を書き換えるだけじゃなく設計から変えたほうが良いのではないか？という気がして内部的には結構書き換えを行ったりしたので、その辺りも含め、Basis とは何か、どういう思想に基づいて開発しているのか、等改めてまとめてみたいと思います。 Basis Stylus 版ドキュメント https://getbasis.github.io Basis の設計思想 Basis は「どんな Web サイトの制作にも適用でき、簡単に使え、邪魔にならない CSS フレームワークが欲しい」との思いか
AMCSS - Attribute Modules for CSS
Attribute Modules (AM) is a technique for using HTML attributes and their values rather than classes for styling elements. In doing so, each attribute effectively declares a separate namespace for encapsulating style information, resulting in more readable and maintainable HTML & CSS. It's not a framework or a library, it's a style that better describes the components you're building. For an intro
[*CSS*] CSSフレームワークまとめ - Qiita
はじめに 何か作る度にCSSフレームワーク何があったっけ・・・と毎回調べてしまうので一旦まとめ。 CSSフレームワーク一覧 1. Bootstrap 2. Foundation 3. Pure 4. Skeleton 5. Semantic UI 6. Kathamo 7. Bootflat 8. INK 9. Materialize 10. Material UI 11. Uikit 12. Responsive Boilerplate Framework 13. Cardinal 14. Workless 15. bootmetro 16. HTML KickStart 17. AUI 18. Base 19. SkyBlue CSS 20. Basscss 21. Cascade Framework 22. KNACSS 23. Concise CSS 24. Furtive 25.
![[*CSS*] CSSフレームワークまとめ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/4dd5209849fdfaf71c2b9364b33d5eb793a4199c/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCJTJBQ1NTJTJBJTVEJTIwQ1NTJUUzJTgzJTk1JUUzJTgzJUFDJUUzJTgzJUJDJUUzJTgzJUEwJUUzJTgzJUFGJUUzJTgzJUJDJUUzJTgyJUFGJUUzJTgxJUJFJUUzJTgxJUE4JUUzJTgyJTgxJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0wNDUzY2FkYTVjNGFiZGMzMWVkMTVjZmFiMWRjMGZjNA%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBjaWdhbGVjaWdhbGVzJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1mOGU4ZmRmYWNlYzZjNDE2ZmYwYjhhNGYyZWMyZTAyOQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dd415b52e6ff32867c904661c77120b7e)
最近増えてきたFlexboxベースのCSSフレームワークをご紹介 | MONOCHROME DESIGN｜東京杉並のフリーランスWEBデザイナー。WordPressホームページ/ウェブサイト制作
最近レイアウトにFlexboxをベースにしたモダンなCSSフレームワークが出始めてきています。ここではFlexboxを採用したCSSフレームワークをご紹介します。 Flexboxとは まずFlexboxとはなんなのか、正式名称は「CSS Flexible Box Layout Module」と言うもので、ざっくり言うと「今までより簡単にレイアウトが組めますよ！」って事です。 ざっくりしすぎなので補足すると、今までレイアウトを組むときは、テーブルを使ったり、CSSのfloatを使ったりして組んでいましたが、横並びにするとレイアウトが崩れる、縦の高さを揃えるのが難しい、上下中央揃えをしようとすると面倒・・・と手間がかかりました。javascriptを使わないと出来ない場合もありWEBのレイアウトは結構不自由だったのですが、Flexboxによってそれが改善されます。 Flexbox自体の使い方は
有名フレームワークのCSRF対策方法を調べたまとめ - webネタ
ZendFramework 流れ 表示時 : token生成→hiddenセット + セッションにセット 送信時 : 送られてきたtokenをセッションにあるものと同じかでチェック token生成方法 ランダム値 + salt + 固定値 + ランダム値 md5( mt_rand(1,1000000) . $this->getSalt() . $this->getName() . mt_rand(1,1000000) ); まとめ ランダム値をセッションにいれて、送られてきたものとチェック。 Symfony 流れ 表示時 : token生成→hiddenセット 送信時 : 送られてきたtokenを、再度生成したtokenと比較して同じかチェック token生成方法 salt + 固定値 + セッションID sha1($this->secret.$intention.$this->getSe
FuelPHP 入門書の決定版『はじめてのフレームワークとしての FuelPHP』が発売されます - A Day in Serenity @ kenjis
大変お待たせしました。FuelPHP の入門書 『はじめてのフレームワークとしての FuelPHP』 がついに7月2日に発売されることになりました。待った甲斐があったと思われるような完成度の高い書籍に仕上がりました。 この本は、以下のようなことが当てはまる人に自信を持ってお薦めします。 FuelPHP に興味があるが、Web の情報は断片的で、しかも正確なものかどうかもよくわからなくて困る FuelPHP の全体像や考え方を手っ取り早く知りたい また、以下のようなことが当てはまる人にも是非お読みいただきたいです。 PHP は使ってるけど、フレームワークって何？Smarty とどう違うの？まだ使ったことがないので知りたい PHP 使ってるけど、どうにもレガシーでこの会社大丈夫か？と疑問を感じる 使ってるフレームワークがオレオレフレームワークでしかも実装がイケてない。あと、他人がメンテできず困
フレームワークで語るMVCの話 : PHP Advent Calendar #19 - basuke の日記
この記事はPHP Advent Calendarの19日目の記事です。 プログラマ１０人集まれば、誰かMVCうんちく語るのが常。みんな大好きMVCの話です。僕は今年でPHPプログラマとして10年が経過しました。この節目の年に、これまで触ってきたフレームワークを振り返り、徹底的な個人的主観でMVCについて語っていきたい思います。忘年会シーズンでお疲れの皆様、ご安心ください。コード・ゼロでお届けします。 いろんな言語のいろんなフレームワークを触ってきたつもりですが、Javaはやってなかったんであまり詳しくないです。主にRails以降のフレームワークを見ていきます。 Railsの功績 PHPプログラマとしてRailsの登場で何にびっくりしたかというと、次の三つです。 router ActiveRecord cliと対話型shell ActiveRecordは魔法のように見えましたが、いずれ出ても
軽量シンプルPHPフレームワーク | Curry
CurryはMVCアーキテクチャを基本とした軽量でシンプルなPHPフレームワークです。 必要最低限に機能を削ぎ落とし、徹底的に軽量な動作を追求。 最小限の機能だけ利用すればサクサク小規模開発向け。 しかし機能をフルに活用すれば大規模にも対応できる柔軟さが特徴です。 Curryの特徴 軽量で軽快な動作 リクエストからレスポンスに至る過程の処理を徹底的に軽量化し、 本格的なMVCを実現しながらも軽快に動作するPHPフレームワークです。 4層アーキテクチャに対応 コントローラーとモデルの間を埋めるもう一つの概念を取り入れることが可能。 データアクセスとロジック・トランザクションを分離させるコーディングが可能です。 規約のカスタマイズも自在 Curryでは基本は規約重視による楽々コーディング。ただし規約の変更も自在なPHPフレームワークです。 命名規則やディレクトリ構造など、カスタマイズが可能で柔
symfony - open-source PHP5 web framework
Services Platform.sh for Symfony Best platform to deploy Symfony apps SymfonyInsight Automatic quality checks for your apps Symfony Certification Prove your knowledge and boost your career SensioLabs Professional services to help you with Symfony Blackfire Profile and monitor performance of your apps
Kohana: The Swift PHP Framework
Deprecated PHP Framework last stable release: 3.3.6 / 25. July 2016. Kohana development begun on 31 May 2007 when a few CodeIgniter community members decided to start a community fork of CodeIgniter, named BlueFlame. In June 2007 the project was renamed "Kohana" and in July version 1.0 was released without any documentation. The project leader left in August and development stagnated until Septemb
PHPフレームワークはどのようにリクエストされたURLを取得しているか? - localdisk
自分でフレームワークを作ろうとか思うと、こういった素朴な疑問がでてきたり。昨今のフレームワークはRails以来、URLを解析してコントローラ及びメソッドをコールするというのが主流になってるんじゃないかと思う。そこで各フレームワークの実装を調べてみた。 調べたのは以下のフレームワーク Zend Framework 1.8.1 kohana 1.7.1 CakePHP 1.2.3.8166 Ztend Framework <?php // Zend_Controller_Request_Http#setRequestUri if ($requestUri === null) { if (isset($_SERVER['HTTP_X_REWRITE_URL'])) { // check this first so IIS will catch $requestUri = $_SERVER['HT
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
High Performance PHP Framework - Phalcon Framework
Start Bootstrap
KOK体育官方网站在线(中国)科技有限公司
Google Code Archive - Long-term storage for Google Code Project Hosting.
https://yiidoc.googlecode.com/svn/trunk/guide/ja/database.ar.txt