高品質なコンポーネントを使って格好いいサイトを作ろう·Chico UI MOONGIFT
Chico UIはWebサイト向けのコンポーネント群、デザインを提供しています。 最近はTwitterのBootstrapを使ってWebサイトを構築しているところが増えてきましたが、何となく似通ったデザインになってしまうのが難点です。人とはちょっと違う、でも簡単に格好いいデザインを実現したいという人にお勧めなのがChico UIです。 オートコンプリートです。 ボタンを押してハイライトします。 カレンダーです。 スライドです。 文字数カウンターです。 タイポグラフィです。 日付ピッカーです。アイコンをクリックでカレンダーが表示されます。 ドロップダウンです。 クリックで下のコンテンツが表示されるデモです。 フォームも多数デザインが揃っています。 レイヤーです。マウスオーバーで吹き出しが出ます。 モーダルウィンドウです。 メニューです。階層に対応しています。 タブです。 ツールチップです。
Compass/Sassを監視して自動でCSS生成·Scout MOONGIFT
ScoutはCompassで生成されたCSS群を監視して自動でCSSを生成してくれます。 CSSのフレームワークにCompassやSassを使っているWebデザイナー&プログラマーにお勧めなのがScoutです。フォルダを監視してファイルを修正すれば自動でファイルを生成してくれます。 インストールです。Windows、Mac OSXに対応しています。 起動しました。まず左下のプラスアイコンをクリックします。 フォルダを追加します。スタイルシートの入力元、出力先を指定します。 監視を開始するとファイルの編集をチェックして自動的にCSSを生成してくれます。 ScoutはCompassを使っている場合のみ利用できるのが特徴です。これを機にCSSフレームワークに飛び込んでみるのはいかがでしょう。 ScoutはAdobe AIR製、Windows/Mac OSX用のソフトウェア（ソースコードは公開され
Bootstrapライクに使えるWebデザインテンプレート·Zurb Foundation MOONGIFT
Zurb FoundationはWebデザインテンプレートです。記法に則ってデザインすることで様々なデバイスに対応したWebサイトが作成できます。 一定の記法に則って書くだけで様々なデバイスに対応したWebデザインを行ってくれるのがZurb Foundationです。Zurb Foundationを使って格好いいWebサイトを量産しましょう！ ボタンです。ただ普通に書くだけでこんなデザインに。 フォームです。エラー時も含めて格好いいです。 ブロックです。細かく制御できます。 メッセージ系もちゃんとカバーされています。 タブ表示も可能です。 上にラインを引いたNice Tabも。 もちろんページネーションもあります。 スライドで画像を差し替えるコンポーネントも用意されています。 上からスライドで下りてくるダイアログ。ログインやメッセージに使えます。 Rails3.1向けにRubygemsも用
これがあればWebアプリケーションのデザインがすいすいできる·Bootstrap MOONGIFT
Bootstrapは今風のWebアプリケーションを開発するのに最適なデザインパーツを提供するCSSテンプレート。 BootstrapはCSS製のオープンソース・ソフトウェア。ITエンジニアが苦手にするのがWebデザインだ。作るのは良いが、それを奇麗に配置していくのがとても難しい。Webサービスが流行るか否かに技術が及ぼす影響は良くて半分だろう。残りの半分以上は見た目にかかっている。 グリッド それもあって奇麗な画像を生成したり、何かのサービスを模したデザインに人気が集まったりする。Appleの作るデザインのような、今風なWebサイトを作る際にはBootstrapが便利そうだ。 BootstrapはTwitterの開発チームが作成したWebデザインテンプレートだ。単なるHTMLのみならず、色々な機能がおり混ざっている。複数カラムのグリッド、高さの揃った複数カラムのレイアウト、基本的なHTML
JavaScriptを使ったクライアントサイドのテキスト差分表示ライブラリ·Pretty Diff MOONGIFT
Pretty DiffはJavaScriptでテキストの差分を表示するライブラリ。 Pretty DiffはJavaScript製のフリーウェア（ソースコードは公開されている）。人は間違うものだ。現実世界では一度破壊してしまったものを復元するのは難しい。だがデジタルの世界であれば、バックアップを使ったり履歴管理をしておくことで以前の状態に戻すことができる。 差分表示 最近のサービスでは履歴管理が次々に取り入れられている。Dropbox、WordPress、Wikiエンジンなど様々だ。そんな履歴管理された内容をグラフィカルにチェックできるのがPretty Diffだ。 Pretty DiffはWebベースの差分表示ライブラリだ。JavaScriptやCSS、各種言語に対応する他、CSVの差分表示もできる（ただしCSVは各項目ごとに改行されて表示される）。差分表示はインライン、またはサイドバイ
Sprite画像を使ってWebコネクション数を減らす。その補助ツールとして使おう·Sprite Cow MOONGIFT
Sprite CowはSprite画像からアイコンを切り出す作業を補助するソフトウェア。 Sprite CowはPython/JavaScript製のフリーウェア（ソースコードは公開されている）。Webサーバを高速化するための一つの手段がWebサーバへのコネクションを減らすということだ。複数ファイルに分かれているものを一つにまとめればそれだけ接続回数を減らすことができる。 適当に選んでもぴったりフィット 画像とCSSを使ってそれを行うのがSpriteと呼ばれる手法だ。幾つかこの手のソフトウェアがあるが、今回紹介するのはSprite Cow、後々のSprite画像メンテナンスにも使えるソフトウェアだ。 Sprite画像生成のソフトウェアやサービスというのは、一度にまとめて作ってしまうものが多かった。そのため最初のローンチ時には役立っても、その後のメンテナンスでは使い勝手が悪いものが多かった。
レガシーなブラウザでもCSS3の新技術を活用する·Selectivizr MOONGIFT
SelectivizrはCSS3の機能をIE6〜8でもサポートできるようにするライブラリ。 SelectivizrはJavaScript製のオープンソース・ソフトウェア。CSS3ではIDやclassによる指定の他にもセレクタが追加されている。例えば属性値による指定でスタイルを設定することもできる。機能が追加されれば、より自由度の高いWebデザインができるようになる。 使い方 しかし足を引っ張る要素も存在する。それがレガシーブラウザだ。CSS3に対応していないWebブラウザであるIE6〜8においてセレクタを使えるようにするのがSelectivizrだ。 SelectivizrをIE6〜8において読み込めば、多様なセレクタが利用できるようになる。面白いのはjQuery、dojo、prototype.js、YUI、DOM Assistant、MooTools、NWMatcherといった有名なJa
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
CSS gradients for all web browsers, without using images - Robert's talk
We can’t change history, but we can change the future. Be nice to each other. @robertnyman Published on Monday, February 15, 2010 One thing that is quite nice is that we now have the ability to create gradients in our pages just from CSS code, and without the use of any images. Syntax options and web browser support The good news is that there is web browser support for CSS gradients in Firefox, S
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
