cxpartners | The UX of HTML5
Here’s my presentation from the Future of Web Design on the UX of HTML5. I cover the things we need to be aware of about the tools we’ve been given in HTML5, how to use them responsibly and which ones to avoid. If you were at the FOWD event you’ll be able to access the full video (you’ll need the login they sent you): FOWD: The UX of HTML5 It relates to an article I wrote about a year ago here
DOCTYPE ã¯ãªãœã‚ã‚‹ã®ã‹ - 若葉もã™ãªã‚‹â˜†æ—¥è¨˜ã¨ã„ã†ã‚‚ã®
DOCTYPE 宣言ã¯ãªãœä½œã‚‰ã‚ŒãŸã®ã§ã™ã‹ã¨ã„ã†è³ªå•ãŒã‚ã‚Šã¾ã—ãŸã€‚ HTML 文書ã®å…ˆé ã«ã¯å¿…ãš DOCTYPE ãŒãªã‘ã‚Œã°ãªã‚‰ãªã„ã¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ã—ã‹ã—確ã‹ã« DOCTYPE ã¯ä¸€è¦‹ä½•ã®å½¹å‰²ã‚‚æžœãŸã—ã¦ãŠã‚‰ãšã€ç„¡é§„ãªè¡Œã«ã—ã‹è¦‹ãˆã¾ã›ã‚“。ãªãœãん㪠DOCTYPE ãŒä½œã‚‰ã‚Œã€ä»Šã‚‚å¿…è¦ã¨ã•ã‚Œã¦ã„ã‚‹ã®ã‹ã‚’ç†è§£ã™ã‚‹ãŸã‚ã«ã¯ã€å°‘ã—昔ã®è©±ã‚’ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ SGML ã«ãªã‚ŠãŸã‹ã£ãŸ HTML HTML ã¯å…ƒã€… SGML ã¨å‘¼ã°ã‚Œã‚‹ãƒžãƒ¼ã‚¯ä»˜ã‘言語をå‚考ã«ä½œã‚‰ã‚Œã¾ã—ãŸã€‚æ£ç¢ºã«ã¯ SGML ã¯ãƒžãƒ¼ã‚¯ä»˜ã‘言語ã§ã¯ãªãã€ãƒžãƒ¼ã‚¯ä»˜ã‘言語を定義ã™ã‚‹ãŸã‚ã®æž 組ã¿ã€ãƒ¡ã‚¿ãƒžãƒ¼ã‚¯ä»˜ã‘言語ã¨ã§ã‚‚言ã†ã¹ãã‚‚ã®ã§ã€ã©ã®ã‚ˆã†ãªè¦ç´ や属性ã€ã‚¿ã‚°ã‚„実体å‚照を組ã¿åˆã‚ã›ã¦ãƒžãƒ¼ã‚¯ä»˜ã‘言語を構æˆã™ã‚‹ã‹ã‚’ SGML ã®è¦å®šã«å¾“ã£ã¦è¨˜è¿°ã™ã‚‹ã“ã¨ã«ãªã£ã¦ã„ã¾ã—ãŸã€‚ã“ã‚ŒãŒæ–‡æ›¸åž‹å®šç¾© (DTD) ã§ã‚り〠DTD を宣言・å‚ç…§ã™ã‚‹ã®ãŒ DOCTY
HTMLã§æ–‡å—è©°ã‚ã™ã‚‹ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ç”¨JS | fladdict
HTMLã®ãƒ†ã‚ストã«å¯¾ã—ã¦ã€æ–‡å—è©°ã‚ã‚’è¡Œãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ト FLAutoKerningクラスを作ã£ã¦ã¿ãŸã€‚サンプルã¯ã“ã¡ã‚‰ã€‚zipも。 スクリプト内ã«ä»»æ„ã®ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°ãƒšã‚¢ã‚’定義ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€ãƒ–ãƒã‚°ã®ã‚¿ã‚¤ãƒˆãƒ«ç‰ã®ãƒ†ã‚ストã«å—è©°ã‚ã‚’è¡Œã£ã¦ãれるスクリプトã§ã™ã€‚ãªã‚“ã‹æŽ¢ã—ã¦ã‚‚見ã¤ã‹ã‚‰ãªã‹ã£ãŸã®ã§è‡ªåˆ†ã§ã‚„ã£ã¦ã¿ãŸã€‚ã„ã¡ãŠã†æœ—æ–‡å ‚ã®æ–°å®¿ç§å¡¾ã«è¡Œã£ãŸã‚ã‘ã ã—ã€åƒ•ã‚‚ãªã‚“ã‹æˆæžœç‰©ä½œã‚‰ã‚“ã¨ãªã。。。的ã«ã€‚ 実行ã¯ã¨ã¦ã‚‚ç°¡å˜ã€‚jQueryã¨ä¸€ç·’ã«htmlã«ãƒãƒ¼ãƒ‰ã—ã¦ã€ FLAutoKerning.process($(‘h1′)); FLAutoKerning.process($(‘h2′)); FLAutoKerning.process($(‘h3′)); ã¨ã„ã£ãŸå…·åˆã«ã€é©ç”¨ã—ãŸhtmlè¦ç´ を一括ã—ã¦ã„ã—ã¦ã‚„ã‚‹ã ã‘ã€‚ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°æƒ…å ±ã®å®šç¾©ã‚‚ã€FLAutoKerningクラスã®é ã«ã€ä¸‹ã®ã‚ˆã†ã«emå˜ä½ã§å®šç¾©ã™ã‚‹
Home
Just make cool sh** stuff. Current Stack – Back to basics. Going “build–step free†for a handcrafted experience. Feb 23 2024   @joshua Yearning for a simpler time – the artisanal web. Websites are too BIG, too complicated, and too hard. Reactive programing is conceptually easy to grasp – but the distance between the end result vs. frameworks & tooling is too far apart. I get it, the web is a compl
HTML5ã¨ã¯ä½•ã‹ã‚’ç°¡å˜ã«ã¾ã¨ã‚ã¦ã¿ãŸ
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10月1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ブãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEヤフー Tech Blog ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€‚R＆D統括本部 制作本部 ウェブデベãƒãƒƒãƒ—メント部ã«æ‰€å±žã—ã¦ãŠã‚Šã¾ã™ã€‚岡部和昌（@kzms2）ã¨ç”³ã—ã¾ã™ã€‚ 最近スマートフォンやタブレットå‘ã‘ã®ãƒšãƒ¼ã‚¸ã‚’作æˆã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ ãªã®ã§ã€ä»Šå›žã¯ã¡ã¾ãŸã§å¤§äººæ°—ã®HTML5ã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ 若干今更ãªå†…容ã«ã‚‚æ€ãˆã¾ã™ãŒã€ã‚ã¾ã‚ŠHTML5ã«ãªã˜ã¿ãŒãªã„æ–¹ã«ã‚‚ã‚ã‹ã£ã¦ã‚‚らãˆã‚‹ã‚ˆã†ãªå†…容ã«ã—ã¦ã„ã¾ã™ã€‚ HTML5ã®åŸºæœ¬æ¦‚念やæ€æƒ³ãƒ»å®Ÿéš›ã®çµ„ã¿æ–¹ã¨ã„ã†ã‚ˆã‚Šã‚‚〠HTML5ã§çµ„ã‚€ã¨ä»Šã¾ã§ã¨æ¯”ã¹ã¦ä½•ãŒé•ã†ã®ã‹ ãªã©ã«ã¤ã„ã¦æ›¸ã„ã¦ã„ãã¾ã™ã€‚ ãªãœã“ã‚Œã‹ã‚‰HTML5ãªã®ã‹ HTML4ã¨ã®é•ã„ãŒã‚ã‹ã‚‰ãªã„ HTML5を使ã†åˆ©ç‚¹ãŒã‚ã‹ã‚‰ãªã„ ãªã©ç–‘å•ã«æ€ã£ã¦ã„ã‚‹æ–¹ã¯ãœã²è¦‹ã¦ã„ãŸ
çµå±€ã©ã†ã™ã‚Œã°ã„ã„ã®ï¼Ÿ - Dive Into HTML5
Translation of: What Does It All Mean? - Dive Into HTML5 Diving In The Doctype The Root Element The <head> Element Character Encoding Friends & (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle unknown elements Headers Articles Dates and Times Navigation Footers Further Reading 訳注 Diving In ã“ã®ç« ã§
BeautyOfTheWeb.jp - 美容ã¨ãƒ¡ã‚¤ã‚¯ã‚¢ãƒƒãƒ—ã®ã‚¢ã‚¤ãƒ‡ã‚¢
ã‚ãªãŸã®å¥åº·çŠ¶æ…‹ã‚’改善ã™ã‚‹ç°¡å˜ã§è‡ªç„¶ãªæ–¹æ³•ã¯æ•°å¤šãã‚ã‚Šã¾ã™ã€‚ã“ã“ã§ã¯ã€ãã®ã„ãã¤ã‹ã‚’ã”紹介ã—ã¾ã™ï¼š 1.休æ¯ã¨ç¡çœ ã‚’å分ã«ã¨ã‚‹ã€‚ç¡çœ ã¯å…¨èº«ã®å¥åº·ç¶æŒã«ä¸å¯æ¬ ã§ã‚ã‚Šã€æ°—分ã®æ”¹å–„ã€ã‚¹ãƒˆãƒ¬ã‚¹ã®è»½æ¸›ã€ã‚¨ãƒãƒ«ã‚®ãƒ¼ãƒ¬ãƒ™ãƒ«ã®ä¸Šæ˜‡ã«å½¹ç«‹ã¡ã¾ã™ã€‚ 2.å¥åº·çš„ãªé£Ÿå“を食ã¹ã‚‹ã€‚æ „é¤Šä¾¡ã®é«˜ã„食事ã¯ã€æ°—分を改善ã—ã€ã‚¨ãƒãƒ«ã‚®ãƒ¼ãƒ¬ãƒ™ãƒ«ã‚’上ã’ã€å…¨ä½“çš„ãªå¥åº·ã‚’促進ã™ã‚‹ã®ã«å½¹ç«‹ã¡ã¾ã™ã€‚ 3.定期的ã«é‹å‹•ã™ã‚‹é‹å‹•ã¯ã€ã‚¹ãƒˆãƒ¬ã‚¹ã®è»½æ¸›ã€æ°—分ã®æ”¹å–„ã€ã‚¨ãƒãƒ«ã‚®ãƒ¼ãƒ¬ãƒ™ãƒ«ã®å‘上ãªã©ã€å¿ƒèº«ã®å¥åº·ã«ã¨ã£ã¦å¤šãã®ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚Šã¾ã™ã€‚ 4.æ—¥ä¸ã€ä¼‘憩をã¨ã‚‹ã€‚1æ—¥ã®ä¸ã§ä¼‘憩をå–ã‚‹ã“ã¨ã¯ã€ã‚¹ãƒˆãƒ¬ã‚¹ã‚’軽減ã—ã€é›†ä¸åŠ›ã¨ç”Ÿç”£æ€§ã‚’å‘上ã•ã›ã‚‹ã®ã«å½¹ç«‹ã¡ã¾ã™ã€‚ 5.æ„›ã™ã‚‹äººã¨ã¤ãªãŒã‚‹ã€‚æ„›ã™ã‚‹äººã¨éŽã”ã™ã“ã¨ã¯ã€ã‚¹ãƒˆãƒ¬ã‚¹ã‚’軽減ã—ã€ãƒã‚¸ãƒ†ã‚£ãƒ–ãªæ„Ÿæƒ…を促進ã—ã€å…¨ä½“çš„ãªã‚¦ã‚§ãƒ«ãƒ“ーイングをå‘上ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 6.自分ãŒæ¥½ã—ã‚ã‚‹ã“ã¨ã‚’ã™ã‚‹æ¥½ã—ã„ã“ã¨ã‚’ã™ã‚‹ã“ã¨ã¯ã€ã‚¹ãƒˆãƒ¬
Speed Up Your Site with Delayed Content
Speed remains one of the most important factors influencing the success of any website, and the first rule of performance (according to Yahoo!) is reducing the number of HTTP requests. Over the last few years we’ve seen techniques like sprites and combo CSS/JavaScript files used to reduce the number of HTTP requests. But there’s one area where large numbers of HTTP requests are still a fact of lif
ã€ãƒ¬ãƒãƒ¼ãƒˆã€‘iOS 4.2ã§å°Žå…¥ã•ã‚ŒãŸãƒ–ラウザ新機能 | エンタープライズ | マイコミジャーナル
A blog with thoughts and samples about mobile web created by Maximiliano Firtman. Appleã¯22æ—¥ã€iOSã®æœ€æ–°ç‰ˆã¨ãªã‚‹iOS 4.2ã®é…信を開始ã—ãŸã€‚ã“ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‹ã‚‰iPadも対応ã¨ãªã‚Šã€iPhoneã€iPadã€iPod touchã§åŒã˜OSãŒç¨¼åƒã§ãるよã†ã«ãªã£ãŸã€‚AirPlayã‚„AirPrintã®æ©Ÿèƒ½ãŒè¿½åŠ ã•ã‚ŒãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ã—ã¦æ³¨ç›®ã•ã‚Œã¦ã„ã‚‹ãŒã€Webデベãƒãƒƒãƒ‘ã‚„Webデザイナã¨ã—ã¦ã¯æ載ã•ã‚Œã¦ã„ã‚‹Safariã®æ©Ÿèƒ½ãŒå¼·åŒ–ã•ã‚Œã¦ã„ã‚‹ã“ã¨ã«æ³¨ç›®ã—ã¦ãŠããŸã„。 iOSã®Safariã«ã©ã†ã„ã£ãŸæ©Ÿèƒ½ãŒè¿½åŠ ã•ã‚ŒãŸã®ã‹ãŒSafari on iPhone & iPad 4.2: Accelerometer, WebSockets & better HTML5 support - Mobile Web Progr
Google
世界ä¸ã®ã‚ã‚‰ã‚†ã‚‹æƒ…å ±ã‚’æ¤œç´¢ã™ã‚‹ãŸã‚ã®ãƒ„ールをæä¾›ã—ã¦ã„ã¾ã™ã€‚ã•ã¾ã–ã¾ãªæ¤œç´¢æ©Ÿèƒ½ã‚’活用ã—ã¦ã€ãŠæŽ¢ã—ã®æƒ…å ±ã‚’è¦‹ã¤ã‘ã¦ãã ã•ã„。
ï¼»é€Ÿå ±ï¼½Adobe MAX 2010。HTML5ã¨jQueryã«å¯¾å¿œã—ãŸWebアニメーションツール「EDGEã€ãªã©ã‚’発表
ï¼»é€Ÿå ±ï¼½Adobe MAX 2010。HTML5ã¨jQueryã«å¯¾å¿œã—ãŸWebアニメーションツール「EDGEã€ãªã©ã‚’発表 米アドビシステムズã¯ã€ã‚¤ãƒ™ãƒ³ãƒˆã€ŒAdobe MAX 2010ã€ã‚’10月25日（日本時間25日深夜）ã‹ã‚‰ãƒã‚µãƒ³ã‚¼ãƒ«ã‚¹ã§é–‹å‚¬ã—ã¦ã„ã¾ã™ã€‚ ã„ã¾åŒç¤¾ãŒåŠ›ã‚’入れã¦ã„ã‚‹ã®ãŒãƒ¢ãƒã‚¤ãƒ«ã‚„テレビã¨ã„ã£ãŸã€ã•ã¾ã–ã¾ãªãƒ‡ãƒã‚¤ã‚¹ã¸ã®å¯¾å¿œã€‚ã“れをåŒç¤¾ã¯ã€Œãƒžãƒ«ãƒã‚¹ã‚¯ãƒªãƒ¼ãƒ³å¯¾å¿œã€ã¨å‘¼ã‚“ã§ã„ã¾ã™ã€‚25日深夜ã«è¡Œã‚ã‚ŒãŸåŸºèª¿è¬›æ¼”ã§ã¯ã€iPadã‚„Androidãªã©ã•ã¾ã–ã¾ãªãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã—ãŸHTMLã‚„Flash用ã®æ–°ã—ã„開発ツールを披露ã—ã¾ã—ãŸã€‚ ãã®åŸºèª¿è¬›æ¼”ã®å†…容を紹介ã—ã¾ã—ょã†ã€‚ã„ã¡ã°ã‚“ã®æ³¨ç›®ã¯ã€HTMLã‚„JavaScriptãªã©Flashを使ã‚ãšã«ã‚¿ã‚¤ãƒ ラインを用ã„ã¦ç°¡å˜ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒä½œæˆã§ãる「Edgeã€ã®ç™ºè¡¨ã§ã™ã€‚従æ¥Flashã®é ˜åŸŸã ã£ãŸã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªæ©Ÿèƒ½ãŒå¾ã€…ã«HTML/CSS/Ja
storiesinflight.com is coming soon
is a totally awesome idea still being worked on. Check back later.
A Preview of HTML 5
To give authors more flexibility and interoperability, and enable more interactive and exciting websites and applications, HTML 5 introduces and enhances a wide range of features including form controls, APIs, multimedia, structure, and semantics. Work on HTML 5, which commenced in 2004, is currently being carried out in a joint effort between the W3C HTML WG and the WHATWG. Many key players are p
Structural Tags in HTML5 // Ordered List // We Make The Web Beautifully Simple
The HTML5 specification has added quite a few interesting and useful tags for structuring your markup. For a majority of everyday uses, these tags will replace many of our typical div entries from our code. So let’s dig in. Defining Structure <section> A section is a thematic grouping of content, typically preceded by header, possibly with a footer after. sections can be nested inside of each othe
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Amazon.co.jp: スã‚ルå‘上ã®ãŸã‚ã®HTML5テクニカルレビュー Web標準ã®é€²åŒ–ç³»(Web to Go): 深見嘉明 (è‘—), 外山真 (è‘—), æ± ç”°æ‹“å¸ (è‘—), å°æ¾å¥ä½œ (è‘—), 竹迫良範 (è‘—), 浅野紀予 (è‘—), W3C/Keio(慶應義塾大å¦SFCç ”ç©¶æ‰€ World Wide Web Consortium) (監修): 本
The Official Site for PAC-MAN - Video Games & More
HTML5 is...NOW! - Jason Beaird
FLAML
{{#tags}}- {{label}}
{{/tags}}