[B! HTML5] kenny_da_beachのブックマーク

ちょっとこの辺でHTML5のタグを全部確認してみようぜ！！

HTML5のタグは108つあるって話は以前このブログでしましたねー。なんの偶然か、108っていう数字には厨二心をくすぐられますｗ何か意味があるような気がしてなりませんね★ HTML5のタグって現時点(2012年8月)でいくつあるの？ ― #HTML5のタグは百八つまであるぞ …？ ― 現在HTML5は最終草案の状態です。この108と言う美しい数字を崩す可能性のある要素として、以前から仕様から外れるかもしれないという話のあったhgroup、Editor’s Draftから追加される可能性のあったdialogやdata、そして新しく追加しようという話の持ち上がったpictureやmainなどがあります。ただとりあえずHTML5.0のうちは変化することは多分無さそうです。この辺のことはこのAdvent Calendarの初日の記事、覚え書き＠kazuhi.to: 巷︵何処︶で話題のmain

kenny_da_beach 2012/12/04

HTML5

リンク

mizzz.jp

mizzz.jp 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

kenny_da_beach 2012/08/07

リンク

これは必見のWEBデザインの近未来。HTML5で構築されたサイト45:phpspot開発日誌

45 Examples Of Websites Designed WithHTML5 | Free and Useful Online Resources for Designers and Developers これは必見のWEBデザインの近未来。HTML5で構築されたサイト45CSS3なんかも取り入れてデザインは去ることながら、動きもいい感じに実装されています。 WEB業界に身を置く方ならばデザイナーならずとも、出来ることを知っておくという意味で必見のサイトが多数。多くのプロフェッショナルなサイトにおいてこうした物が近い未来当たり前になっていきそうな予感。今後、より多くの知識と動かし方に関する引き出しを身に付けた上でクリエイティブな仕事が求められそうで大変な反面、面白いことにもチャレンジできそうな可能性を感じます。ソニーのタブレットのサイト。超カッコいいです他にも多数の動き

kenny_da_beach 2012/06/07

HTML5

リンク

HTML5--押さえておくべき10のタグ

HTML5では、ウェブ開発時に強力なパワーや効率性、柔軟性を発揮するタグと属性が新たに追加されている。本記事では、そういったタグを10個選んで紹介する。 HTML5では、他のシステム︵特に検索エンジン！︶がドキュメントをより容易に解析できるようにしたり、今までにないデータ表示を可能にしたり、複雑なJavaScript、あるいは﹁Adobe Flash﹂や﹁Microsoft Silverlight﹂といったブラウザのプラグインを必要としていた機能に取って代わるような数々の新たな要素や属性が追加されている。以下では、HTML5を用いてあなたのウェブサイトを構築する際に役立つ10個の新たなタグを紹介する。＃1‥<video>タグと<audio>タグ FlashやSilverlightといったテクノロジを用いる最大の理由は、マルチメディアコンテンツの再生にあると言ってもよいだろう。HTML5で

kenny_da_beach 2012/06/05

HTML5

リンク

iframe 要素の seamless 属性を試してみた

WebKit Nightly Buildsが iframe 要素に追加された seamless 属性に対応したとのことなので、早速どんな感じになるのか確認してみました。 Last week in WebKit: Inspector's sources panel and private names ： Surfin' Safari Add seamless layout code (and pass most of the rem aining seamless tests) ： Changeset 118291 WebKit 現在公開されている WebKit Nightly Builds の最新版、及び Google Chrome も、開発者向けビルド（Dev channel）の最新版「21.0.1155.2」で動作しているのが確認できました。インストール済みの方は下記にデモページ

kenny_da_beach 2012/06/05

HTML5

リンク

html5で書くときの雛形

kenny_da_beach 2012/06/02

HTML5

リンク

クリーン且つクオリティの高いデザインで完成度の高いフリーのHTML5製WordPressテーマ・TheProton

なかなか素敵なテーマだったのでご紹介。サイトのオプションや、美しいレイアウトと完成度の高いデザインながら無料で配布されているWordPressテーマ・TheProton です。高機能でもあるので作りを参考にしたいですね。僕はよくテーマを探していますが、これはそのテーマの構成を参考にしたいからです。お仕事でそのまま使う事はありませんが、配布されたテーマから学べる技術はかなり多く、他のブログでも記事にされていないTipsも得られたりします。いろいろなテーマを触ることはスキルアップにも繋がるかなと思います。今日ご紹介するテーマもとても高性能ですので開発者さんも参考にされてはいかがでしょう。とっても綺麗です。美しいデザインだけでなく、ドロップダウンメニュー対応、管理画面内でテーマカラーや、スライド、Twitterやロゴなども変更できます。特徴は・・・ありすぎるくらいです。ちょっと

kenny_da_beach 2012/04/16

リンク

15秒でHTML5のテンプレを作成出来るWebツール・InitializrがTwitter Bootstrap 2にも対応した模様です

InitializrっていうHTML5のテンプレを15秒で作成出来る(らしい)ツールがあるんですが、このWebツールが、話題のTwitter Bootstrap2にも対応したみたいです。人気のフレームワークなのでありがたいですねー。土曜日ですし、軽い話題。15秒でHTML5のテンプレが作れる！と謳うWebサービス・・InitializrがBootstrapに対応してます。これは地味に嬉しいんじゃないですかねー。右側になんか増えてた！Bootstrapやたら人気ですしね。こういうのは嬉しいんじゃないでしょうか？Initializrはその気になれば本当に15秒で作成出来るので使うといいですよ。性能とか特徴は使って実感してください。作ってみた試しに15秒で支度してみました。こんな楽でいいのかな・・・LESS版も選べるので設定項目は好みで設定してくださいませ。因みに・・・B

kenny_da_beach 2012/02/18

リンク

サービス終了のお知らせ - NAVER まとめ

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

kenny_da_beach 2011/09/03

HTML5
CSS3

リンク

ここが変わった！HTML5マークアップ入門 (1/6)

ローソン、無印良品、テレビ朝日など、国内でもHTML5で企業サイトを制作する事例が増えてきました。今すぐではないにせよ、﹁次のリニューアルはHTML5で制作したい﹂と考えるWeb制作者も少なくないでしょう。本連載では、﹁XHTML 1.0/HTML 4.01からの移行﹂をテーマに、HTML5マークアップの基本から実務で使用するポイントまで、ライブドアのマークアップエンジニア　浜俊太朗さんが解説します。︵編集部︶﹁HTML5タグの誤用で恥をかいた﹂﹁分厚い仕様書は読み切れない﹂コーダー＆デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の﹁HTML5カルタ﹂付き!HTML5マークアップ現場で使える最短攻略ガイド定価‥2,808円︵

kenny_da_beach 2011/09/03

HTML5

リンク

[JS]一行追加するだけで、IE6/7/8でもHTML5のvideoとaudioを利用できる -html5media

HTML5のvideo要素やaudio要素をサポートしていないメジャーブラウザでもたった一行、ページに追加するだけでこれらを利用できるようにするスクリプトを紹介します。 html5media デモページ [ad#ad-2] html5mediaの実装 html5mediaの利用方法は簡単です。ページに追加する一行下記をページのhead内に記述します。 <script src="http://api.html5media.info/1.1.4/html5media.min.js"></script> これだけで、すべてのメジャーブラウザでHTML5のvideoとaudioを利用できるようになります。 video, audioに非対応のIE7でも期待通りに動画が再生されます。 IE6(IE Tester)でのキャプチャ参考‥video, audioのサポート状況 video, audio

kenny_da_beach 2011/08/28

HTML5
js

リンク

HTML5を使ってWordPressをiPadに最適化するプラグインOnswipeを試した→結果：なかなか(・∀・)ｲｲ!!

iPadでアクセスしたときに、WordPress をiPad向けに最適化してくれるプラグイン Onswipeを試してみましたが、思いの外良かったのでご紹介。ページ推移もフリックで出来る雑誌風レイアウトに自動で変換してくれますよ。 OnswipeはHTML5を使って、WordPressを自動で雑誌風のレイアウトにしてくれるプラグインです。WordPress.comでも既に導入されており、プラグインとしても配布されています。人気のFlipboardライクなインターフェースにしてくれると聞いて試してみましたが、なかなか良かったので備忘録がてらご紹介します。使い方はすごく簡単で、基本的には有効化してフォントや色を選ぶだけです。試しにWPデザインギャラリーでテスト。 Before 可変式のグリッドレイアウトなので何もしなくても一応はちゃんと表示されていました。 After ご覧のようにマガ

kenny_da_beach 2011/04/02

HTML5
iPad

リンク

HTML5+CSS3用のブラウザのスタイルをリセットするテンプレートファイル -HTML5 Reset

HTML5+CSS3の環境で汎用的に利用できるHTML・スタイルシート・スクリプトなどのファイルを一式にまとめたテンプレートを紹介します。ファイル構成‥コメント無し版各ファイルの説明 index.html HTML5の要素を配置した汎用的に利用できるHTMLファイル。各スタイルシートファイルも埋め込まれています。 css/main.css @import用のスタイルシートです。 css/reset.css Eric Meyerの﹁Reset CSS﹂です。 css/core.css ベースとなるスタイルが定義されています。 css/_patches 各ブラウザ用のスタイルシートです。 css/_print プリント用のスタイルシートです。 js Modernizrがセットされています。

kenny_da_beach 2011/02/01

HTML5
CSS

リンク

ブラウザで見たままテキスト編集ができる組み込み型HTML5エディタ「AlohaEditor」【@maskin】 | TechWave（テックウェーブ）

[購読時間:5分] from metamix.com ウェブコンテンツの編集といえば、HTMLによる記述が基本。それしかなかった時代は﹁ウェブコンテンツ作り﹂には敷居が高い印象があった。しかし、2000年代後半に普及したブログの記事編集ツールのように、ウェブの画面で編集加工を行えるサービスの普及で、誰でもテキストコンテンツの作成が可能になったのは周知の事実。今回紹介する﹁Aloha Editor﹂は、ウェブ上のテキストをワープロソフトのように見たまま文字装飾などをほどこすことができるHTML5ベースの技術で動作するソフトウェア。JavaScriptのファイル群で構成されており、無償でダウンロードが可能。自分のウェブサイトなどに組み込むことで、快適にテキスト編集ができるようになる。最大の特徴は、冒頭の画面のように、見ているページのコンテンツをそのまま編集することができるところ。文字を太く

kenny_da_beach 2011/02/01

HTML5

リンク

HTML5を実際に使用しているサイトを集めたHTML5専門のWebギャラリー5つ

ふと、HTML5を実際に使用しているサイトの現状が気になって調べ物をしたので、ついでにシェアします。HTML5を使っているWebサイトのギャラリーを5つほどご紹介します。実例からIEへの対応なども学べるので導入予定の方はチェックしてみては如何でしょう。日本でもHTML5で作られたサイトを稀に見かけるようになってきました例えばローソンのサイトはHTML5ですね。Twitterでも一部のユーザーに人気のie6botのサイトもHTML5です。海外では結構な数になってきているようですので実例を見て学びたいと思い、ギャラリーから探しました。 101 Best HTML5 SitesHTML5で出来たサイトのベスト100を掲載しているサイトです。サムネイルも中くらいのサイズで見やすいのでお勧め。このサイトはシリーズ化していて、他にもTwitterアプリ、iPhoneアプリサイト、An

kenny_da_beach 2011/02/01

HTML5

リンク

ちょっと使ってみたくなるHTML5/CSS3のUIエレメント集 -Boxtuffs

HTML5/CSS3で作成した、ちょっと使ってみたくなるようなUIエレメントがダウンロードできるサイトを紹介します。 Boxtuffs [ad#ad-2] 掲載されている数はまだ少ないですが、どれもユニークなもので、いつかサイトで使ってみたくなるようなものばかりです。下記に、現在掲載されているデモを全部、紹介します。各デモのダウンロードや対応ブラウザは各ページに記載されています。

kenny_da_beach 2011/02/01

HTML5
CSS3

リンク

YouTube人気急上昇

【ゆっくり解説】とんでもない写真が流出し人生終了か？歌舞伎役者と俳優両方で活躍している彼の裏の顔がヤバすぎる…

kenny_da_beach 2011/01/19

HTML5

リンク

前から気になってたHTML5について色々調べてみました - もとまか日記

先日、ドコモのAndroid端末である﹁GALAXY S﹂を予約したわけですが、そうなると気になるのが、ずーっと前から気になってたHTML5について。これからスマートフォンが普及するにつれて、無視出来ない技術であるのは誰の目にも明らかなのではないでしょうか。てことで、HTML5について調べてみたメモです。 HTML5の概要まずは難しいことは抜きにして、概要を読んでみると分かりやすいです。 HTML5, きちんと。この記事だけで十分です。長くもなく、文字も少ないので非常に入りやすいです。 HTML5仕様関連一応ですが、仕様について。 HTML5.JP - 次世代HTML標準 HTML5情報サイトHTML 5 ― HTML 4 からの変更点 (http://www.w3.org/TR/html5-diff/ 日本語訳) 必要に応じてみればいいので、細かくは見てません。基礎知識概要が理解出来

kenny_da_beach 2010/12/17

HTML
HTML5

リンク

はてなブックマーク

タグ

関連タグで絞り込む (7)

HTML5に関するkenny_da_beachのブックマーク (18)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス