#はじめに やあ （´・ω・｀) 今回Bourbon（バーボン）というcssフレームワークを初めて触ってみました。特長やら何やらをざっとまとめてみましたので、興味のある方の参考にでもなれば幸いです。 なお説明はすべてバージョン4.2.4を想定しています（2015/08/31最新） #目次 Bourbon（バーボン）とは Bourbonに依存するフレームワークの紹介 機能の紹介 使い方 #Bourbon（バーボン）とは sass用のmixin/functionsをまとめたcssのフレームワークです。基本@includeやfuncName()のように使うので、htmlに依存しません。まぁcompassと同じようなものかと思います。 公式サイト http://bourbon.io/ ##特長 軽量でシンプル Neat, Bittersといったcssフレームワークの基になる コンポーネントやモジュ
JavaScriptによってWebアプリケーションを開発できる、オープンソースのプラットフォームMeteorの開発チームは、Windowsを公式にサポートするとともに、最新の「MongoDB 3.0」をサポートした「Meteor 1.1」を、3月31日（現地時間）にリリースした。なお、「Meteor 1.1」は「Meteor 1.0」以降との完全な互換性を維持している。 「Meteor 1.1」は、従来のMac OS XおよびLinuxに加えて、新たにWindows 8.1／7およびWindows Server 2012／2008のサポートを追加した。Windowsのネイティブインストーラと、Windowsに最適化したNode.jsバイナリ、MongoDBエンジンを備えており、Mac OS XやLinuxと同等の機能を実現するとともに、単一のコードベースによってWindows／Mac OS
The Polymer library is in maintenance mode. For new development, we recommend Lit. The Polymer library provides a set of features for creating custom elements. These features are designed to make it easier and faster to make custom elements that work like standard DOM elements. Similar to standard DOM elements, Polymer elements can be: Instantiated using a constructor or document.createElement. Co
The Bootstrap Blog News and announcements for all things Bootstrap, including new releases, Bootstrap Themes, and Bootstrap Icons. Bootstrap 3.3.0 is here! This release has been all about bug fixes, accessibility improvements, and documentation updates. We’ve had over 700 commits from 28 contributors since our last release. Woohoo! Here are some of the highlights: Added a handful of new Less varia
対象読者 jQueryなどを使っているJavaScript開発者 JavaScriptを使った複数人でのプロジェクトに参加している方 JavaScriptを使ってサーバ等と連携したフロントエンドの開発をしている方 必要な環境 この記事では、AngularJSを使用し、Chrome（36.0）、IE11、Firefox（31.0）、Safari（7.0.5）の環境で確認を行っています。 サンプルアプリケーションの概要 今回作成するアプリケーションは、単純な「タスク管理」のアプリケーションです。次のような3つの画面を作ります。 タスク（件名とメモ）を登録する画面 登録したタスク一覧を表示する画面 登録したタスクを参照する画面と、削除する為の画面 ページ遷移はシングルページアプリケーション形式で作成します。シングルページアプリケーションとは、jQuery Mobileなどでも使われている方式であ
AngularJS support has officially ended as of January 2022. See what ending support means and read the end of life announcement. Visit angular.io for the actively supported Angular. Why AngularJS? HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resu
Easy to Install Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values. Customizable Changes are contained in just two SASS files, enabling further customization and ensuring forward compatibility. Tuned for 5.3.3 Themes are built for the latest version of Bootstrap. Version 4, version 3, version 2, and other releases are also available to download.
Setup Install Bower recommended The best way to get BareKit up and running on a project is to install via Bower. You shouldn't ever touch the source anyway, so with Bower it's easy to get the latest updates. First, make sure you have Bower installed. Then you can add this line to a bower.json file "barekit": "~0.5.0" or simply do a bower install barekit. Manually If you don't want to use Bower you
本当にコントロールできないのか WD101シリーズの最初に、Webデザインは見た目のコントロールができないという話をしました。スクリーンの大きさが多種多様なだけでなく、利用者が見た目や操作性を自由に変えることができる Web。DTPのような感覚でサイトをデザインしても、誰かの Web アクセスの利便性を損なうと指摘しました。 デザイナーはある種、混沌とした状態から秩序を生み出す能力をもっていると思います。バラバラになった情報を整理して一貫性のあるメッセージを伝えたり、混雑した Web の世界に明確な道筋を示す仕事をしています。秩序を作り出すということは、ある程度のコントロールはなくてはならないわけです。 コントロールすることがデザイナーの仕事であるとすれば、『コントロールができない Web』との相性がよくないように見えますし、デザイナーにとって非常に仕事が難しい環境のようにみえます。しかし
HTMLで、Webページやアプリを作成する時に役立つ、フロントエンド用に必要最小限をまとめたシンプルなHTMLの基本テンプレートのファイル一式を紹介します。 v.8.0.0がリリースされ、現在の環境に合わせた設計にアップデートされました。 IE11を含む、すべてのモダンブラウザをサポートしています。 HTML5 Boilerplate -GitHub HTML5 Boilerplateの特徴 HTMLの基本テンプレート HTML5 Boilerplateの使い方 HTML5 Boilerplateの特徴 HTML5 Boilerplateは、Webサイトやアプリを実装するためのプロフェッショナルなフロントエンド用のHTMLの基本テンプレートです。 実践的な基本のテンプレート 200人を超える貢献者による分析・研究・実験をもとにしています。 ブラウザの見え方を最適化 プログレッシブエンハンス
独創的で革新的なものを生み出すためには、枠の外（アウトサイドボックス）で考えなくてはならないというのが従来の常識。しかし『インサイドボックス 究極の創造的思考法』（ジェイコブ・ゴールデンバーグ、ドリュー・ボイド著、池村千秋訳、文藝春秋）の著者は、この考え方に真っ向から反論しています。 私たちの考えはその正反対だ。イノベーションの数を増やし、その質とスピードを高めるためには、一定のヒナ型にのっとって、勝手知った世界の内側で──つまり枠の外ではなく＜枠の中（インサイドボックス）＞、すなわち制約の中で──考えるべきだと、私たちは思っている。（15ページより） そしてインサイドボックスでのイノベーションにとって重要なのは、次に紹介する5つのテクニックなのだとか。それぞれについて、簡単にご説明しましょう。 引き算のテクニック 革新的な製品やサービスは、なんらかの要素を取り除くことによって生まれるとい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く