Wired Elements - ラフなデザインになるカスタムタグ
ワイヤーフレームなど、ラフに作りたいという時は手書きなどが向いています。それをドローのソフトウェアなどできっちりと書き始めてしまうと、些細な部分にこだわってしまって目的であるプロトタイプがなかなか作れなかったりします。 そこで使ってみたいのがWired Elementsです。Web上でラフなデザインを再現できるWebコンポーネント集です。 Wired Elementsの使い方 こちらがデモです。枠などがラフですね。 デモです。スライダーなどを使ってスタイルを変えられます。 色を変えたりもできます。 リストボックスの例。 プログレスバー。 ラジオボタン。 テキストエリア。 カード。 Wired Elementsは <wired- ではじまるカスタムタグを定義しています。あらかじめ用意されているコンポーネントを組み合わせてデザインを作っていきます。元々良い感じに乱れたデザインになっているので、
Engadget | Technology News & Reviews
The best gaming keyboards of 2025Here are the best gaming keyboards you can buy, as chosen by Engadget editors. Microsoft and OpenAI announce the 'next phase' of their partnershipMicrosoft and OpenAI have issued a joint statement to say that they have signed a non-binding memorandum of understanding for the "next phase" of their partnership.
HTML5/スマートフォン対応のWordPressテーマ·Reverie MOONGIFT
ReverieはHTML5対応、デスクトップ/スマートフォンに対応したWordPressテーマです。 WordPressでHTML5で最適化したブログを作りたい、スマートフォンにも対応させたいと思っている方はReverieをベースに考えると良さそうです。HTML5で作られた、すっきりとしたテーマになっています。 WordPressの管理画面でインストールします。 インストールしました。 テーマはウィジェット対応です。早速画面を見てみます。 すっきりとしたデザインです。とても可読性高いです。 一件表示の場合はこちら。 iPhoneの場合。 スマートフォン向けコメントフォーム。 メニューは画面下に集中。 iPad向け。特に最適化されている訳ではありません。 ReverieはSEO対策、ウィジェット対応（サイドバーとフッター）、bbPress.phpを使ったフォーラム機能、複数のカスタムページテ
HTML5製のスーパーマリオブラザーズ·Mario HTML5 MOONGIFT
Mario HTML5はHTML5で作られたWebベースのスーパーマリオブラザーズ。効果音も出る。 Mario HTML5はHTML5/JavaScript製のフリーウェア（ソースコードは公開されている）。ファミコン世代であれば誰しもが一度は遊んだことがあるであろうゲームがスーパーマリオブラザーズだ。2はディスクシステムだったのであまり遊んでいないが、3はアイテムもゲーム要素も増えて良く遊んだ覚えがある。 ゲーム中の画面 年月は流れど、スーパーマリオブラザーズの魅力は決して色あせることがない。キャラクターは今も任天堂ゲーム機の主役であり続ける。さらに面白いのは、Webブラウザの中で再現してしまったのがMario HTML5だ。 Mario HTML5は以前紹介したWebブラウザベースのスーパーマリオブラザーズ「Infinite Mario Bros」をHTML5/JavaScriptにポー
ブラウザやウェブについて知っておきたい20のこと
ワールド ワイド ウェブがティム バーナーズ リー氏により考案されて、20年以上が経ちました。今日、ウェブはシンプルなページだけでなく、動画や画像をふんだんに使ったインタラクティブなコンテンツやアプリケーションで溢れています。先日公開された3 Dreams of Black のような革新的で色彩鮮やかなインタラクティブビデオがブラウザ上で体験できるのも、最新のウェブテクノロジーによるものです。 では、ブラウザやウェブの技術はどういう仕組みになっているのでしょうか。最近よく耳にする「HTML5」や「クラウド」は、具体的に何を意味するのでしょうか。そして、このウェブを安全に、また効率的に利用するには何を知っておくべきなのでしょうか。 そんな疑問に答えるため制作された、ウェブブック「ブラウザやウェブについて知っておきたい20のこと」を、本日より日本語でも提供開始しました。 この楽しくて可愛らしい
これをベースにすればマルチデバイスも手軽に。HTML5製のWordPressテーマ·Constellation Theme MOONGIFT
Constellation Themeはデスクトップ、スマートフォン、タブレットに対応したHTML5製のWordPressのテーマ。 Constellation ThemeはPHP/WordPress用のオープンソース・ソフトウェア。Webサイトを構築する際にWordPressをベースに開発するケースが多くなってきた。CMSとして、ブログとして、認証やプラグインの仕組みだけを使うなどと幅広い利用法が考えられる。 トップ Webサイトを構築する際に、後からスマートフォンやiPadなどのマルチデバイスを考慮するのでは遅い。元々考えられている、Constellation Themeのようなテーマをベースにすべきだろう。 Constellation Themeはカスタマイズ前提で導入するテーマだ。HTML5を使っており、デスクトップはもちろんiPhoneやiPadも考慮されている。カラム数は2、6
【レビュー】HTML5/CSS3対応のデザインテンプレート集「Free HTML5 Templates」 | エンタープライズ | マイコミジャーナル
170を越えるテンプレートからお気に入りを見つけて参考に - Free HTML5 Templates Free HTML5 Templatesにおいて、HTML5/CSS3を駆使したデザインテンプレートが数多く公開されている。このWebサイトは今年の2月11日(米国時間)に掲載されたテンプレートをはじめ、執筆時点で176のテンプレートが公開されている。掲載されている全テンプレートをサムネイルとして確認できる「Template Portfolio」はまさに圧巻だ。 Template Portfolioで登録されているデザインテンプレートを一望できる。画像クリックで拡大、more infoリンクをクリックしてテンプレート詳細画面に移動する これらのテンプレートはGoogle Chrome 5.0以上とFirefox 3.6以上に最適化されており、Creative Commons Attrib
HTML5対応のモバイル向けWebアプリケーションを構築するなら·Sencha Touch MOONGIFT
Sencha TouchはJavaScript製/HTML5対応のオープンソース・ソフトウェア。iPhoneやAndroidはネイティブアプリが魅力の一つだが、WebKitによるHTML5の高性能化によってWebアプリケーションも見逃せない存在になっている。 多数のサンプルが用意されている ネイティブアプリはインストールさえされればアクセスが非常に容易になるのがメリットだが、そのインストールまでは壁が高い。サイトのターゲットによっても違うが、ネイティブアプリよりモバイル最適化サイトの方がメリットが高いと判断したらSencha Touchを使ってみよう。 Sencha TouchはかつてExt JSと呼ばれたWebアプリケーションフレームワークがSencha（煎茶）とネーミングを変え、そのモバイル向けに提供されるフレームワークだ。Webアプリケーション用なので最適化されたHTMLデザインだけ
?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+clockmaker+%28ClockMaker+Blog%29
アップルの新デバイス iPad が Flash に対応していないことや、アップルの CEO スティーブ・ジョブズ氏の苦言により、HTML5 は Flash に取って代わるのかという論議が現実味を帯びて論じられるようになりました。 「なぜAppleはiPadにFlashを載せるべきではない」のか AdobeのCTO、Kevin LynchがFlashを擁護―「HTML5はウェブビデオを暗黒時代に投げ戻す」 そこで、HTML 5 と Flash は何が違うのか両者の違いを図にまとめてみました。 (上の画像はクリックで拡大できます) 左側が HTML5 にしかない機能、右側が Flash にしかない機能で、中央の重なっているところが両方が利用できる機能です。グラフィック関係では、HTML5 では描画やビデオ関係はサポートするものの、テキスト周りや高度なグラフィック処理、デバイス機能ではまだ Fl
先進的。HTML5/CSS3対応のデザインフレームワーク·52Framework MOONGIFT
52FrameworkはHTML/JavaScript/CSS製のオープンソース・ソフトウェア。これまでのWebデザインが今後、大きく変わっていく可能性を秘めているのがHTML5やCSS3だ。まだ実験段階というイメージが強いが、GoogleやYoutubeをはじめとする大手サイトでも取り入れられ始めている。 Safari4での表示 最大シェアを持つIEの対応がいまいちなため、積極的に取り入れていくのは難しいと感じているかも知れない。しかし時代は進んでいる。ついにHTML5/CSS3をターゲットにしたデザインフレームワークが登場した。それが52frameworkだ。 52frameworkはHTML5でコーディングされ、CSS3を使った角丸やテキストの影、ボックスの影、グリッド表示、CSSリセットなどを行っている。グリッドはウィンドウを16のブロックに分割する。一つのブロックはフレームワーク
HTML5のみで実現したグラフィックツール「Sketchpad」 | パソコン | マイコミジャーナル
「HTML5があるからFlashは必要ない」とは、米Apple CEOのSteve Jobs氏を含む複数の業界関係者らの見解(【レポート】Apple ジョブズCEOの"怠け者"発言にAdobe CTOが反論 - Flashの裏事情と見解)だが、確かにHTML5の登場がFlashがこれまで担っていた役割の一部を置き換えていくことは確実だろう。HTML5の機能や実力を紹介するパワーデモはいくつか存在するが、今回紹介するドローイングソフト「Sketchpad」もその1つだ。 「Sketchpad」のサイト。画面写真の例ではSafari 4.0.4でアクセスしている 百聞は一見にしかず、まずはSketchpadのサイトにアクセスしてみてほしい。HTML5をサポートしているWebブラウザであれば、ここに掲載したサンプルのような画面が出るはずだ。HTML5では「Canvas」タグのサポートが行われるが
「なぜAppleはiPadにFlashを載せるべきではない」のか
気がついた人も多いと思うが、iPadのアナウンスメントであっさりと無視されたのがAdobeのFlash。私は意図的（＝「Flashなんか重要じゃない」というメッセージ）と読んだが、皆さんはどうだろうか。 iPhoneがFlashをサポートしていないことに対するAdobeを含めたさまざまな方面からの批判を考えれば、「the best way to experience the web （最高のウェブ環境）」を売り文句のiPadが、これだけ広く使われているFlashをサポートしないというのはおかしな話だ。 不思議に思う人も多いかもしれないが、自分をAppleの経営陣の立場に置いて良く考えてみれば答えは明確になる。 Appleという会社は、昔からさまざまなクリエーターたち（アーティスト、ミュージシャン、ウェブ・デザイナー、etc.）を魅力的で便利なパソコンやツールで味方につけ、彼らの作品を消費者
【レビュー】HTML5でiPhone用ウィジェットを作る・動かす――それなら『WidgetPad』で | ネット | マイコミジャーナル
HTML5を利用してみたいなら 2009年の後半になってHTML5の話題が各所で見られるようになってきた。2010年9月には最終版も出ると言われており、10年以上使われてきたHTML4に、現在の主流に合わせたAPIの強化や要素の追加を行っている。Firefox/ Safari/ Google Chrome/ OperaといったWebブラウザはHTML5への対応を強化しており、すでに多数の新機能が利用できるようになっている。 多数のiPHone向けWebアプリが登録されているのですぐに試せる 今後盛り上がっていくことが期待されるHTML5。しかし、現時点で実際に利用することを考えると、デスクトップPCの場合、多様なWebブラウザが存在し、実装も異なるところが問題になる。その点、スマートフォンであれば機種もWebブラウザも限定されてくる。本稿で紹介する『WidgetPad』は、iPhone向け
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5で業務システムを構築しよう
HTML5ベースのリモートデスクトップソフト「ThinVNC」v1.0が公開、正式版に