エンジニアだけで高品質なカード型UIを作れる！Bootcardsがスゴい
TwitterやGoogle Nowのようなカード型のUIを作れる便利なUIフレームワークの登場です。OS別のスタイルにも対応。デザイナーに頼む予算がなくても、WebアプリのUIをほどよく整えられる優れものです。 Bootcardsは、カード型インターフェイスを作るためのUIフレームワークです。その名が示す通りBootstrapフレームワークで使用し、デスクトップとモバイルの両方に対応できる柔軟性があります。 現代は至るところに情報があふれ、私たちはそのとてつもない量に混乱しています。モバイルデバイスの普及にともない、UXデザイナーたちは過剰な情報によってユーザーを混乱させない、ミニマルなインターフェイスを目指してきました。 カード型インターフェイスは、重要な情報だけにフォーカスできるうえに、視覚的にユーザーをひきつけることから、大きな注目を集めるようになりました。 Bootcardsは多
【使用例】IE PNG Fix 2.0 Alpha 2
下準備 http://www.twinhelix.com/css/iepngfix/ から IE PNG Fix 2.0 Alpha 2 をダウンロードします。 CSSファイルに以下の１行を入れておきます（htcへのパスは、CSSではなくHTMLからのパスである点に注意） img, div, input { behavior: url("iepngfix.htc") } 以上！ ※背景画像にPNGを使い、それをリピートさせたい時は、JavaScriptファイル「iepngfix_tilebg.js」を<head>内に読み込んでください。 <script language="JavaScript" type="text/javascript" src="iepngfix_tilebg.js"></script> The standard Lorem Ipsum passage, used s
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 で文字サイズを変更する
第 10 回目は「CSSで文字サイズを変更するボタンを設置する」です。 今回は「styleswitcher.js」でCSSを切り替えて、サイトの文字サイズを変更するボタンの設置方法を解説します。 「styleswitcher.js」は複数のスタイルシートファイルを切り替えて読み込むことができ、クッキーに保存できる優れもののライブラリです。 実装手順は以下の通りです。 1. styleswitcher.js をダウンロード 「styleswitcher.js」を以下のサイトからダウンロードします。 「A List Apart: Articles: Alternative Style: Working With Alternate Style Sheets」のエントリーの中にある Download styleswitcher.js からダウンロードできます。 2. font-sizeの値が異な
どや！？ひよっこデザイナーにもできるWebページ高速化！鍵は「HTTPリクエストの数を減らすこと」 | デザインどや！？
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
たったワンクリックであらゆるサイトのJavaScriptやCSSを圧縮＆最適化してくれる『zbugs』 | 100SHIKI
これはすんごく便利・・・。 zbugsを使えば、ワンクリックであらゆるサイトのCSSおよびJavaScriptを圧縮してくれるようだ。 もちろん何パーセント圧縮されたかとか、どのファイルがどれだけ小さくなったかといったことの詳細も教えてくれる。 さらに圧縮したファイル群をまとめてダウンロードすることも可能だ。 サイトをつくったあとに、さらなるスピードアップを図るのにいいだろう。インターフェースも素敵でシンプルなので一度試してみるといいですよ。
スマートフォンサイトにフリック・スワイプ実装できるjQueryスライダプラグイン
※コメントにも頂いておりますが、この公開版はバグがありますので、承知の上でご利用になるか、ご自身でカスタマイズされる方がお使いください。 スマートフォンサイトにおいて、左のムービーのようなフリック動作ができる画像スライドのjQueryプラグインを作りました。（ムービーはiOSシミュレータによるデモです）iPhone・Androidでご覧の方はデモに直接アクセスしてください（ムービーは再生されません）。 【デモを見る（iPhone・Androidで見てください）】 【ダウンロード】 なぜプラグイン化したか 横向き対応がハードルを高くする ご自身でこの手のUIを組んだ経験がある方はわかると思いますが、絶対配置（position:absolute）を使ったリキッドレイアウトを組むのはなかなか手の込んだことが必要で、今後の仕事で都度ゼロからUI作成を行うのは効率が悪くなってしまうと思ったからです。
ウェブページ製作者は必見、HTMLやJavascript等のチートシート19個
ウェブページを製作するときに使われるHTMLやCSS、javascriptなどの細かい文法をちょっと調べるときにいちいちウェブで検索するのは面倒なもの。そういう時に便利な「チートシート」つまりカンペをどどんと19種類集めてみました。便利なだけでなく、デザインも美しいものばかりです。 1. (X)HTML Elements and Attributes HTMLの要素や属性を含むタグやその動作を確認したいときなどに便利。 2. HTML 一枚のシートにまとまっているので助かります。 3. HTML5 Canvas 動的な2次元ビットマップ画像の描画のためのHTML5要素であるCanvasのチートシート。バリバリ使えたらかっこいいかも。 4. HTML5 Visual Cheat Sheet すべてのブラウザでHTML5対応してほしい。 5. マイクロフォーマット （参考：マイクロフォーマット
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site is undergoing maintenance