Animated Buttons with CSS3

ごりゅご.com

Xiaomiの透明な有機ELディスプレイ、仕組みはどうなってるの？【Xiaomi Mi TV LUX 透明版】

管理人コウスケについて 名古屋・愛知を中心に活動するマインドマップ・インストラクター、ライター。 1日30,004PV達成(2013/01/16) タウンワークマガジンにも執筆中 feedly登録10280人超 Oricon「話題のニュースランキング」1位 はてなブックマーク週間ランキング1位 書籍で紹介されました

今年のベストカレンダーは Calvetica Calendar です。 高機能で自分の思うように設定できるのに、それを感じさせないすっきりしたデザインの勝利です。 「iPhoneのカレンダーらしさ」を見事に体現しており、多くの人に使ってもらいたいと思わせます。 Calvetica Calendar: 現状ベスト！きめ細かな設定で手に馴染む予定帳に。デザインの美しさよ！3821 wunderlist Task Manager 今年最高のTodoアプリは wunderlist Task Manager です。 基本的なTodoは可能ですし、ネットを使った同期、さらにMacやWindowsで使えるクライアントソフトまで用意されています。 それら全てが無料で提供されているのだからこれは驚きです。 wunderlist Task Manager: 無料でPC・iPhone間でもクラウド同期ができるT

はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回：HTML5が注目を浴びる理由とは？ 第2回：HTML4から変化したHTML5のマークアップ 第3回：HTML5で再定義された要素と属性 第4回：HTML5で実現できるマルチメディア系機能 新たに導入されたフォームコントロール これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト（パスワード）入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足してい

配色に関する、おすすめのサイト・講座を集めました。 今までよりも色塗りがぐっと楽しくなりますよ！ 【配色関連サイト】 日本の伝統色 和色大辞典 落ち着いた和のカラーパレット 世界の伝統色 洋色大辞典 鮮やかな洋のカラーパレット kuler 配色パターン集。美しい組み合わせが盛沢山 [ws] Color Scheme Designer 一つ色を指定すると、それに合わせて相性のいい色を選んでくれる COLOR SCHEMER こちらも選択した色に合う色を表示してくれるジェネレータ pictaculous 画像から色を抽出してくれるサイト。好きなイラストの色を調べたいときに Web Site Color Picker Webサイトで使われている"色"を抽出、分析してくれる ColorSelector 画面上に表示されている色をスポイトで調べることが出来るフリーソフト 背景色と文字色を入力すると、

Creating 3D Dice from Scratch in Adobe Illustrator (Super In-Depth!) | Tutorial9 立体的なサイコロ画像を描画するイラストレーターチュートリアル。 次のようなサイコロ画像を描画するチュートリアルです。 立体感の出し方なんかは参考にできそうですね 関連エントリ イラストレーターでWinXPのフォルダアイコン作成チュートリアル

既存WEBサイトからワイヤーフレームを生成し、デザインワークに役立てられうブックマークレット「Wirify」 2010年12月24日- Volkside | Introducing Wirify: The web as wireframes 既存WEBサイトからワイヤーフレームを生成し、デザインワークに役立てられうブックマークレット「Wirify」 専用ソフト等は一切必要なく、ブックマークレットに追加するとページをワイヤーフレーム化してくれます。 たとえば、New York Times は下図のようにワイヤーフレーム化できます。 既にレイアウトの仕方はWEBに出尽くしているはずなので、想像するサイトデザインに類似のサイトを見つけてワイヤーフレーム化し、そこからリデザインし、デザインを作るというような効果的な活用法が考えられますね。 当ブログもやってみると次のようにワイヤーフレームにすること

操作に連動させて分かりやすくクールにメッセージ表示させるjQueryプラグイン「MessageBar」 2010年12月21日- MessageBar ? just another jQuery plugin 操作に連動させて分かりやすくクールにメッセージ表示させるjQueryプラグイン「MessageBar」。 エラーや何かメッセージを表示したい場合、一番分かりやすい例としてalertがありますが、なんとも味気ない感じになってしまうのは否めません。 MessageBarプラグインを使えば、指定したブロックエレメントの上部に分かりやすくアニメーションしながらクールにメッセージを表示できます。 デザインが色々と選べるのもこのプラグインの特徴です。 半透明で要素にオーバーレイして表示 角丸のウィンドウっぽいバーをスライドアニメーションしながら表示 シンプルですが落ち着いたデザインのバーを表示

Freebie: Massive Web UI & Button Set | MediaLoot ボタンやインフォボックスなどを集めたＵＩパーツのPSD。 次のようなデザインのＵＩパーツキットがダウンロード可能です。 サイトにあてはめてより分かりやすいデザインにするために活用できそう PSD形式なので色は自由に変えられます 関連エントリ クオリティの高いUIパーツのPSDファイルを日替わりで「365psd」 ボタンやフォーム要素、シールなどWeb2.0っぽいUIパーツ集 Extバリの超クールなUIを提供するJavaScriptライブラリ「Jx Library」

2010年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年は、アニメーションのエフェクトやレイアウト、後半は背景画像関連のプラグインが特に目立っていたように思います。 [ad#ad-2] コンテンツスライダー・カルーセル関連 ギャラリー・画像拡大関連 ナビゲーション関連 タブ関連 パネル・ボックス関連 ツールチップ関連 レイアウト関連 背景画像関連 その他UI関連 アニメーション関連 スクロール・ドラッグなど操作関連 テーブル・リスト・データ関連 フォーム関連 コンテンツ生成 その他 コンテンツスライダー・カルーセル関連

HTML5分かりにくいですよね。 初めまして。11月からME課で働いている久保田(@ta2_o2p)です。よろしくお願いします！ 自分の仕事としては、携帯サイト中心にコーディングを行っているのですが、BMKidsの縁起物と笑い袋の紹介ページのコーディングを行ったり、他にも色々とPCサイトのコーディングをしています。 さて、実はカヤックで働き始めてHTML5を本格的に触ったのですが、触れていくうちに「HTML5はややこしい所があるなー」と思い、この記事を書きました。 そういう訳で、HTML5でコーディングするに当たって間違いやすいポイントについて、書いていきたいと思います。 まずその前に 本題とは反れますが、HTML5でコーディングするにあたって、押さえておきたいポイントを2つ書きます。 文字コードの指定はmeta要素のcharset属性で 今までは以下のようにmeta要素の中に長々と属性を