関ジャバで発表した資料です。
Bootstrap Sass のグリッドカラムを変更するのはとっても簡単 ちょっと前にBootstrapのSass版が出ましたね。今まで非公式のを使ってたのでありがたい限り。 Bootstrapのグリッドシステムは12カラムなんですけど、「もう少し細かく調整出来たら良いな」と思う事も出て来ました。 パーセンテージのレイアウトしなきゃいけないかなーって思ってたらものすごく簡単に出来ました。Sassの素晴らしさを再確認。 bootstrap/_variables.scss の中の下記の数字を12から24に変えるだけでした。 $grid-columns:12 !default; ※36カラムの指定も可能です。 Bootstrapはカスタマイズして使ってます。 CSSフレームワークのBootstrapを使ってはいますが、正直グリッドシステム以外はそこまでお世話になってなかったりもします。 行間とか
(注記:9/13、いただいた翻訳フィードバックを元に記事を修正いたしました。) 半年ごとに”今一番ホットな”フレームワークが新たに登場しては、私たちは興奮に沸き返ります。 誇大広告を信じてはいけません。 フレームワークの寿命 はプロジェクトの成功を左右するほど重要な要素です。フレームワークを選ぶ際、テクノロジにおける多くの意思決定者は納得のいく選択をするために、コミュニティの大きさ、人気、大企業によるサポートの有無などを基準にしています。しかし実際は、こうした要素によって寿命が決まるわけではありません。 最初は勢いがあったのに、徐々に弱まり、最終的には線香花火のごとく儚く消えてしまうようなフレームワークを選んでしまうと、書き直しに無駄な時間を費やしたり、チームの士気を下げたりする原因となります。本記事は、そうした残念な結果を回避するヒントをまとめたものです。 本記事では以下のことを示したい
米ヒューレット・パッカードは、業務アプリケーション向けのJavaScript製UXフレームワーク「Grommet」をオープンソースで公開しました。Grommetは、「コンシューマグレードの機能を備えたエンタープライズ向けのUXフレームワーク」(米HP CTO Martin Flink氏)として開発されたもの。 モバイル対応でカラーパレットやテンプレートなどにより容易にカスタマイズが可能。エンタープライズ向けアプリケーションでよく用いられるカラーパターン、タイポグラフィ、アイコンや、ログイン画面、ダッシュボードなどのパターンが用意されています。
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
(English article is here.) こんにちは、吉岡([twitter:@yoshiokatsuneo])です。 ウェブ開発に欠かせないJavaScriptフレームワークですが、日々発展しておりReact.js, Ractive.js, Aurelia.js, AngularJS2.0など次々と新しいフレームワークが出てきています。 一体どれを使えばいいのか?何が違うのか?何から調べていいのか迷うことがあります。 そこで、現時点で事実上全てとなる、9大主要フレームワークについて、実際に使ってみて比較を行います。 Backbone.js Ember.js Knockout.js AngularJS(1.x) React.js Ractive.js vue.js Aurelia.js AngularJS2.0(アルファ版) これらのフレームワークでは、以下のような機能が実現さ
Primary #2ba6cb Secondary #e9e9e9 Alert #f04124 Success #43ac6a Body Font #222222 Header Font #222222 @media only screen { } @media only screen and (max-width: 40em) { } @media only screen and (min-width: 40.063em) { } @media only screen and (min-width: 90.063em) { } @media only screen and (min-width: 90.063em) and (max-width: 120em) { } @media only screen and (min-width: 40.063em) and (max-width:
新しいWebフレームワーク Koa についてこの記事はNode.js Adevent Calendar 2013 - Adventarの25日目の記事です! メリークリスマス!! 大とりの記事に相応しいかどうか分かりませんが、Expressの作者であるTJ Holowaychuk(@visionmedia)氏がここ最近開発しているKoaというWebフレームワークについて紹介し、最後にちょこっとコメントして、Node.jsのAdevent Calendarをしめくくりたいと思います。 Koaとは?Koa とは、WebアプリケーションやRESTなAPIアプリケーションを作るための新しいWebフレームワークです。 同氏が手がけたフレームワークとしてConnectとExpressがありますが、知っている人、使っている人からすると何が違うの?疑問に思うかと思います。これについては、READMEやFA
Onsen UI, HTML5 UI framework for modern mobile application.The Answer to PhoneGap UI Development Onsen UI is an HTML5 UI Framework for Building Mobile App Front End Download Version 0.7.0 Onsen UI is a front-end development tool that radically improves PhoneGap/Cordova apps. Differing from previous frameworks, it is highly flexible and gives hybrid apps a native look and feel on all platforms. And
Jubatus : オンライン機械学習向け分散処理フレームワーク¶ Jubatusは「分散したデータ」を「常に素早く」「深く分析」することを狙った分散基盤技術です。 Jubatusの名前の由来は、俊敏な動物であるチータの学術名からの命名で、「ユバタス」と読みます。株式会社Preferred NetworksとNTTソフトウェアイノベーションセンタが共同開発した、日本発のオープンソースプロダクトです。 最終的に全ての人にスケーラブルなオンライン機械学習フレームワークを提供することがJubatusの目標です。 Jubatus は以下の特徴を持ったオンライン機械学習向け分散処理フレームワークです。 オンライン機械学習ライブラリ: 多値分類、線形回帰、推薦(近傍探索)、グラフマイニング、異常検知、クラスタリング 特徴ベクトル変換器 (fv_converter): データの前処理と特徴抽出 フォルト
「フレームワークで実践! JavaScriptテスト入門」関連の最新 ニュース・レビュー・解説 記事 まとめ しっかりとJavaScriptをテストするために、今注目のJavaScript用のテストフレームワークをいくつか紹介し、その概要から実践的な使い方まで解説する連載 フレームワークで実践! JavaScriptテスト入門(5): Capybara-Webkit+Cucumber+Sinon.JSでJavaScriptのテストはここまで変わる しっかりとJavaScriptをテストするために、今注目のJavaScript用のテストフレームワークをいくつか紹介し、その概要から実践的な使い方まで解説する連載。今回は、RubyでWebKitをヘッドレス化するフレームワーク、受け入れテストの記述が日本語でできるツール、スタブやモック、スパイが使えるライブラリを組み合わせたテスト方法などを紹介。
最近のLaravel4ニュース Laravel4はただ今、ベータ4です。 正式版リリースは5月予定です。(私の予想では5月25日前後です。) このサイトで現在ご覧いただけるのは、最初に公開されたベータ1のドキュメントです。正式版リリース直前に、その時点で最新版の翻訳を公開予定です。 正式版リリース後もメンテ予定です。 翻訳の公開は電子書籍版(Laravel4ドキュメント+)、このサイトの順番に行います。 正式版リリース後はサブドメインとサイトのリンク先を変更します。予めご了承ください。現在のlaravel4.kore1server.comはLaravel.kore1server.comでもアクセス可能となります。現在のLaravel.kore1server.comはLaravel3.kore1server.comとサブドメインが変更されます。
はじめに とってもKoolな言語Kotlinと、それ向けに登場したWebフレームワーク Karaを使ってTODOアプリケーションを作ろうという試みです!Karaに関する簡単な紹介は以前書いたエントリをご覧ください。 なぜTODOアプリなのかというと、DB使うし、UIも最小限でいいんで、karaの味見にはちょうどいい題材かなっと思ったからです。途中で挫折しないよう頑張りたいと思います。 Karaのインストール(ソースから) まずはGithubからkaraをクローンします。 git clone git://github.com/TinyMission/kara.git カレントディレクトリにkaraというディレクトリができているはずです。ここにパスを通しておきます(便宜上、ここを$KARA_HOMEと呼びます)。Kotlinライブラリであるkotlin-runtime.jarを$KARA_HO
Meteorとは? Meteorは、2012年4月に彗星のように登場した、新たなアプリケーションプラットフォームです。この原稿の執筆時で、バージョンは0.3.6とされており、まだまだプレビュー版の域は超えていません。また、現状ではUNIX環境(MacOS Xを含む)でしかうまく動作しないようです。 しかし、Webアプリケーション開発をとことんまで素早く、楽に行えるようにするためのさまざまな仕組みが盛り込まれていることから、登場直後からかなりの注目を集めています(公式サイトには、「1日か2日でプロトタイプを、2~3週間で製品レベルのアプリを構築できるようにする」とあります)。 MeteorはMITライセンスに基づくオープンソースプロジェクトとして、Github上で公開されています。現在4人の開発者がフルタイムで開発に従事しており、1年以内に1.0をリリースする予定だとされています。 M
久保田です。最近KnockoutJSというJavaScriptフレームワークを勉強しています。 KnouckoutJSはjQueryの上に構築されているフレームワークです。jQueryのみ使うのと比べてKnockoutJSを利用すると、ウェブページ上のインタラクションを圧倒的に簡単に記述できます。この記事では、簡単にKnockoutJSの概要を説明し、KnockoutJSを用いたデモを紹介します。 このフレームワークの特徴としてあるのは、HTML内に宣言的な記述を埋め込むことでインタラクションが実装できることです。HTML5のカスタム属性(data*属性)を用いて、その要素に関する処理を宣言してきます。裏側の処理は、JavaScriptでViewModelを定義し、そこにビューが必要とする値を管理します。 例えば、あるチェックボックスにチェックを入れると下の要素がトグルする簡単な例は、以下
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く