Modernizr: the feature detection library for HTML5/CSS3
MENURespond to your user’s browser features.Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.Add your detects Development build What is Modernizr?It’s a collection of superfast tests – or “detects†as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user. Why do I need it?All web develope
[CSS3]ãªã‚“ã§ã‚‚点滅ã•ã›ã‚‹å°ãƒ¯ã‚¶ ｜ ã—らã•ã‹ãƒ–ãƒã‚°
CSS3ã®animationプãƒãƒ‘ティ使ã†ã¨ã€ãªã‚“ã§ã‚‚点滅ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ï¼ （ç¾åœ¨ã€Chrome3以é™ã€Safari4以é™ã§ã—ã‹ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã›ã‚“） ã¨ã‚Šã‚ãˆãšã€CSSファイルã«ã€ä¸‹è¨˜ã‚½ãƒ¼ã‚¹ã‚’コピペã—ã¦ã¿ã¾ã—ょã†ã€‚ @-webkit-keyframes pulse { from { opacity: 1.0;/*é€æ˜Žåº¦100%*/ } to { opacity: 0.8;/*é€æ˜Žåº¦80%*/ } } .blinking{ -webkit-animation-name: pulse;/* 実行ã™ã‚‹åå‰ */ -webkit-animation-duration: 0.3s;/* 0.3秒ã‹ã‘ã¦å®Ÿè¡Œ */ -webkit-animation-iteration-count:infinite;/* 何回実行ã™ã‚‹ã‹ã€‚infiniteã§ç„¡é™ */ -webkit-animation-tim
![[CSS3]ãªã‚“ã§ã‚‚点滅ã•ã›ã‚‹å°ãƒ¯ã‚¶ ｜ ã—らã•ã‹ãƒ–ãƒã‚°](https://cdn-ak-scissors.b.st-hatena.com/image/square/072ca1f71fdf67b5c3238bdc976312dbbbe3fa40/height=288;version=1;width=512/https%3A%2F%2Fshirasaka.tv%2Fimg%2Fogp.jpg)
jQueryを使ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®è©±ã€‚ãã‚Œã¨CSS3。 - 甘味志å‘ï¼ ã¯ã¦ãª
JavaScript Advent Calendar 2011 オレ標準コースã€2日目ã®ã‚‚ã‚ã¸ã„ã‚„ã§ã™ã€‚ã¨ã¦ã‚‚é…ã‚Œã¦ã™ã„ã¾ã›ã‚“… ç§ã¯æŠ€è¡“çš„ãªè©±ã¯å¾—æ„ã§ã¯ãªã„ã®ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³é¢ã‹ã‚‰JavaScriptプãƒã‚°ãƒ©ãƒžãƒ¼ã«å‘ã‘ã¦ã®Tipsを書ããŸã„ã¨æ€ã„ã¾ã™ã€‚ 今回ã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®è©±ã‚’書ã„ã¦ã¿ã¾ã™ã€‚ jQueryã¯æ¨™æº–ã§ã€è¦ç´ ã®è¡¨ç¤ºãƒ»éžè¡¨ç¤ºã‚’切り替ãˆã‚‹ã¨ãã«ãƒ•ã‚§ãƒ¼ãƒ‰ã‚„スライドを使ã†ã“ã¨ãŒå‡ºæ¥ã¾ã™ã‚ˆã。 $("#box").fadeIn("fast"); ãŸã£ãŸä¸€è¡Œã§ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åŠ¹æžœã‚’ä»˜åŠ ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ã€ プãƒã‚°ãƒ©ãƒžãƒ¼ã®ã¿ãªã‚‰ãšãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã§ã‚‚jQueryを使ã£ã¦ã„る人ã¯å¤šã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ç°¡å˜ãªãŠã‹ã’ã§ä½•ã‚’ã™ã‚‹ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åŠ¹æžœã‚’ã‹ã‘ã¾ãã£ã¦ã—ã¾ã£ãŸã‚Šã€‚ ã‚ã‚‹ã„ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åŠ¹æžœãªã‚“ã¦ç„¡é§„ï¼ ã¨ã„ã†ã“ã¨ã§ã€å…¨ç„¶ä½¿ã£ã¦ã„ãªã„人もã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã§ã™ãŒã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·
iOS5ã®Mobile Safariã‹ã‚‰ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸHTML5・CSSを試ã—ã¦ã¿ã¾ã—ãŸã€å‰ç·¨ã€‘ - ãらã’ã らã‘
iPhoneãŒã§ãŸå½“åˆã¯WebApp押ã—ã ã£ãŸAppleã‚‚3Gを出ã—ã¦ã‹ã‚‰ã™ãã«ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã«æ‰‹ã®ã²ã‚‰ã‚’è¿”ã—ã¦ã—ã¾ã£ã¦ã€WebAppã¯ã™ã£ã‹ã‚Šå½±ãŒã•ã—ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ãã‚Œã§ã‚‚ã€jQTouchã‚„Sencha Touchã€jQuery mobileãªã©WebAppã®é–‹ç™ºæ”¯æ´ã¨ãªã‚‹JavascriptライブラリãŒç™»å ´ã—ã¦ä¸€éƒ¨ã§ã¯ç››ã‚Šä¸ŠãŒã£ãŸã‚Šã‚‚ã—ã¦ã„ã¾ã™ã€‚PhoneGapã¿ãŸã„ã«WebAppã‚’ãƒã‚¤ãƒ†ã‚£ãƒ–ã«ãƒ‘ブリッシュã™ã‚‹ãƒ„ールやã€Titanium Mobileã®ã‚ˆã†ã«Web言語ベースã§é–‹ç™ºã—ã¦ãƒã‚¤ãƒ†ã‚£ãƒ–ã«ã™ã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã—ã€ã„ã‚ã„ã‚ã§ã™ã。 iOS4ã¾ã§ã®Mobile Safariã§ã¯CSSã®ä¸€éƒ¨ã®ãƒ—ãƒãƒ‘ティãŒä½¿ãˆãªã‹ã£ãŸã‚Šã§ã€ã‚ˆã‚ŠãƒªãƒƒãƒãªWebAppã‚’ã¤ãã‚ã†ã¨æ€ãˆã°Javascriptå¿…è¦ã§ã—ãŸã€‚ 先日公開ã•ã‚ŒãŸiOS5ã§ã¯ä»Šã¾ã§ã€Œãªã‚“ã§ä½¿ãˆãªã„ã®ï¼Ÿã€ã¨ã„ã£ãŸã¨ã“ã‚ãŒå°‘ã—ä¿®æ£ã•ã‚Œã¦ã€
HTML5+CSS3ã®å°Žå…¥æ™‚ã«å½¹ç«‹ã¤7ã¤ã®è¨å®š
ã“ã‚“ã«ã¡ã¯ã€é´¨ç”°ã§ã™ã€‚ 個人的ã«ä»•äº‹ã®å¤§åŠã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–¢é€£ãªã®ã§ã€ 最近ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯ã»ã¨ã‚“ã©å…¨ã¦HTML5+CSS3ã§è¡Œã£ã¦ã„ã¾ã™ã€‚ ã¨ã¯ã„ãˆã€PCå‘ã‘ã®ã‚µã‚¤ãƒˆã§ã¯ã¾ã ã¾ã HTML4.01ã€XHTML1.0ã€CSS2.1を使用ã—ã¦ã„ã‚‹å ´åˆãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ ã§ã™ã®ã§ã€ä»Šå›žã¯HTML5+CSS3ã‚’å°Žå…¥ã™ã‚‹ã«ã‚ãŸã£ã¦ã€å½¹ç«‹ã¤ã¨æ€ã†7ã¤ã®è¨å®šã«ã¤ã„ã¦ã€æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ １．HTML5ã®åˆæœŸãƒ†ãƒ³ãƒ—レート案 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>HTML5 åˆæœŸãƒ†ãƒ³ãƒ—レート</title> <!-- reset.cssã®è¨å®šÂ --> <link rel="stylesheet" media="screen" href="reset.css" /> <!-- Viewportã®è¨å®šÂ --> <meta nam
MdN Design｜ç·åˆæƒ…å ±ã‚µã‚¤ãƒˆ
スマートフォンã¨é•ã„ã€iPadãªã©ã®ã‚¿ãƒ–レットã«æœ€é©åŒ–ã•ã‚ŒãŸè¡¨ç¤ºã‚’è¡Œã£ã¦ã„るサイトã¯ã¾ã ã¾ã å°‘ãªã„。 ãã“ã§ä»Šå›žã¯ã€LESSON 13åŒæ§˜ã€åˆ¥HTMLを用æ„ã›ãšã€åŒã˜HTMLã«JavaScriptã¨CSSを使用ã—ã¦ã€ã‚¿ãƒ–レットタイプ用ã«è¡¨ç¤ºã‚’最é©åŒ–ã•ã›ã‚‹ã€‚ タブレット用ã«ã™ã‚‹ã‹ã‚‰ã¨ã„ã£ã¦ç‰¹åˆ¥ã«HTMLã®ä½œã‚Šæ–¹ã‚’変ãˆã‚‹å¿…è¦ã¯ãªãã€æ£ã—ãマークアップã§ãã¦ã„ã‚Œã°åŸºæœ¬çš„ã«å•é¡Œãªã„。 ãŸã ã€ã‚ã¾ã‚Šã«ã‚‚無駄ã«å¤šã„入れåæ§‹é€ ã‚„ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯é¿ã‘ãŸã»ã†ãŒã‚ˆã„。ã‚ãã¾ã§ã‚‚(X)HTML/CSSã‚’æ„è˜ã—ã¦ä½œã‚ã†ã€‚ 今回ã¯ã‚¿ãƒ–レットã«ã‚‚使用ã•ã‚Œã‚‹ã®ã§ã€HTML5ã‚„CSS3を駆使ã—ã¦PC用も作ã£ã¦ã‚ˆã„ãŒã€IEãªã©ã®æœªå¯¾å¿œãƒ–ラウザã¸ã®å¯¾å¿œãŒç™ºç”Ÿã™ã‚‹ã®ã§æ³¨æ„ãŒå¿…è¦ã 。 ã€1】ã®ã‚ˆã†ãªã€ãƒ–ãƒã‚°å½¢å¼ã®PCページ構æˆã‚’ベースã«æ§‹ç¯‰ã—ã¦ã„ã。 使用ã™ã‚‹CSS㯠・PC用CSS（デフォルト） ・スマートフォン用CSS ・タブ
HTML5 & CSS3 ブラウザ別サãƒãƒ¼ãƒˆçŠ¶æ³
What is an IP Address? An IP (short for “Internet Protocolâ€) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transformation (NAT). If you have ever used a wifi hotspot to access the internet, you’ve shared an IP address with someone. What’s the Difference betwe
CSS3 を用ã„ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘Webサイト構築方法
デãƒã‚¤ã‚¹ã”ã¨ã®è¡¨ç¤ºã®åˆ‡ã‚Šæ›¿ãˆ デãƒã‚¤ã‚¹(ユーザエージェント)ã”ã¨ã«ãƒšãƒ¼ã‚¸ã‚’切り替ãˆã‚‹ Webサーãƒ/Webアプリケーション JavaScript ウィンドウサイズã”ã¨ã«ãƒšãƒ¼ã‚¸ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’切り替ãˆã‚‹ Media Queries JavaScript Media Queries Media Queries ã£ã¦ä½•ï¼Ÿ CSS3 ã®ä»•æ§˜ã®ä¸€éƒ¨(w3c: css3-mediaqueries) Media Queris ã§ã§ãã‚‹ã“㨠ウィンドウサイズや縦横比ã€è‰²ãªã©ã®æ¡ä»¶ã§ CSS を切り替ãˆã‚‹ Media Queries を使ã£ãŸã‚µã‚¤ãƒˆã®äº‹ä¾‹ StunningCSS Hicksdesign Colly Demo: Stunning CSS3(1200 x 800) Demo: Stunning CSS3(1000 x 800) Demo: Stunning CSS3(760 x 800) Demo
ã€ã‚¹ãƒžãƒ›é›†ä¸é€£è¼‰ 第4回】 "HTML5ã¨CSS3ã§ä½•ãŒã§ãる？" ã€œãƒ¡ãƒªãƒƒãƒˆãƒ»ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚’å¾¹åº•ç ”ç©¶ï¼ : LINE Corporation ディレクターブãƒã‚°
※ã“ã®è¨˜äº‹ã¯Chromeã§è¦‹ã‚‹ã®ãŒãŠã™ã™ã‚ã§ã™ã€‚ ã“ã‚“ã«ã¡ã¯ã€‚æ–°è¦é–‹ç™ºã‚°ãƒ«ãƒ¼ãƒ— ディレクター兼マークアップエンジニアã®æµœã§ã™ã€‚ スマホ連載ã®ç¬¬4回目ã¯ã€HTML5ã¨CSS3ã¨ã„ã†å®Ÿè£…寄りã®å†…容ã«ãªã‚Šã¾ã™ã€‚ã¨ã¯è¨€ã£ã¦ã‚‚難ã—ã„コードã¯ã‚ã¾ã‚Šå‡ºã¦ãã¾ã›ã‚“。「HTML5ã¨CSS3ã§ä½•ãŒã§ãã‚‹ã®ã‹ã€ã¨ã„ã†äº‹ã‚’メインã«ã€çŸ¥ã£ã¦ãŠãã¨ã€æ§‹æˆæ›¸ã‚’作る時ã®ã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ãƒ™ãƒ¼ã‚¹ã«ãªã£ãŸã‚Šãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ»ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—エンジニア（コーダー）ã¨æ‰“ã¡åˆã‚ã›ã‚’ã™ã‚‹éš›ã«è©±ã—ã‚„ã™ããªã‚‹å†…容をãŠé€ã‚Šã—ã¾ã™ã€‚ 記事ã®ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã¯ä»¥ä¸‹ã§ã™ã€‚ ãã‚‚ãã‚‚ã€HTML5ã¨CSS3ã£ã¦ã‚‚ã†ä½¿ãˆã‚‹ã®ï¼Ÿ HTML5ã¨CSS3を使ã†ãƒ¡ãƒªãƒƒãƒˆã¯ï¼Ÿ HTML5ã¨CSS3ã§ä½•ãŒã§ãã‚‹ã®ï¼Ÿ ãã‚‚ãã‚‚ã€HTML5ã¨CSS3ã£ã¦ã‚‚ã†ä½¿ãˆã‚‹ã®ï¼Ÿ 使ãˆã¾ã™ã€‚ （※ã“ã“ã‹ã‚‰å…ˆã¯ã€ãã®æ ¹æ‹ ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚å¿…è¦ãªã„æ–¹ã¯ã€æ¬¡ã®ç« ã«é£›ã‚“ã§ã—ã¾ã£ã¦ã‚‚構ã„ã¾ã›ã‚“） ç¾åœ¨ã®ã‚¹ãƒž
headè¦ç´ ã«èªã¿è¾¼ã‚€ã¹ã唯一ã®ã‚¹ã‚¯ãƒªãƒ—ト「headjs〠- Mach3.laBlog
ã“ã®è¨˜äº‹ã¯è³žå‘³æœŸé™åˆ‡ã‚Œã§ã™ã€‚（更新ã‹ã‚‰1å¹´ãŒçµŒéŽã—ã¦ã„ã¾ã™ï¼‰ 「Modernizrã€ã‚„「html5.jsã€ç‰ã€ モダンãªç’°å¢ƒã®ç‚ºã®ä¾¿åˆ©ãªã‚¹ã‚¯ãƒªãƒ—トã¯å¤šã€…ã‚ã‚Šã¾ã™ãŒã€ 「headjsã€ã¯ãã‚“ãªå½¼ã‚‰ã®ä»•äº‹ã‚’一気ã«å¼•ãå—ã‘ã¦ãれるåƒã者ã®ã‚¹ã‚¯ãƒªãƒ—トã§ã™ã€‚ 使ã„æ–¹ Head JS :: The only script in your HEAD 謳ã„æ–‡å¥ã¯headè¦ç´ ã«èªã¿è¾¼ã‚€å”¯ä¸€ã®ã‚¹ã‚¯ãƒªãƒ—ト ダウンãƒãƒ¼ãƒ‰ã—ã¦èªã¿è¾¼ã‚€ã ã‘。ãŠã—ã¾ã„。 <script type="text/javascript" src="head.js"></script> ãã®å¤šå½©ãªæ©Ÿèƒ½ 環境ã®åˆ¤åˆ¥ CSS3ã®ãƒ—ãƒãƒ‘ティã®å¯¾å¿œçŠ¶æ³ã€ç”»é¢ã®ã‚µã‚¤ã‚ºã€ãƒ–ラウザãªã©ã®æƒ…å ±ã‚’ Modernizrã¨åŒã˜æ‰‹æ³•ã§HTMLè¦ç´ ã®ã‚¯ãƒ©ã‚¹ã«å‡ºåŠ›ã—ã¦ãã‚Œã¾ã™ã€‚ ã“ã‚“ãªæ„Ÿã˜ã«â€¦ <html lang="ja" id="test-page" class="
èªã‚“ã§è¦šãˆã‚‹ã€è§¦ã£ã¦ä½“験ï¼JavaScript＆CSS3～gihyo.jp×jsdo.it presents 記事一覧 | gihyo.jp
èªã‚“ã§è¦šãˆã‚‹ã€è§¦ã£ã¦ä½“験ï¼JavaScript＆CSS3～gihyo.jp×jsdo.it presents 記事一覧
Ext Japan - Sencha Touchç™»å ´ - モãƒã‚¤ãƒ«ç”¨HTML5フレームワーク
æ¥ç•Œåˆã®HTML5モãƒã‚¤ãƒ«ã‚¢ãƒ—リ用フレームワーク Sencha Touchを使ãˆã°ã‚¿ãƒƒãƒã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚’装備ã—ãŸApple iOSã‚„ Android端末上ã§ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã®ã‚ˆã†ãªWebアプリãŒé–‹ç™ºå¯èƒ½ã§ã™ã€‚ Web標準技術ã«æº–æ‹ Sencha Touchã¯HTML5ã€CSS3ã€JavaScriptã«ç‰¹åŒ–ã—ãŸä¸–ç•Œåˆã®ã‚¢ãƒ—リケーションフレームワークã§ã™ã€‚SSencha Touchã¯ã“れらã®æŠ€è¡“ãŒæŒã¤åŠ›ã‚’最大é™ã«å¼•ã出ã—ã€ã‹ã¤æŸ”軟ã§æœ€é©åŒ–ã•ã‚ŒãŸã‚¢ãƒ—リケーション開発をå¯èƒ½ã«ã—ã¾ã™ã€‚Sencha Touchã§ã¯ã€éŸ³å£°ã‚„動画を組ã¿è¾¼ã‚€ç‚ºã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚„データをオフラインã§ã‚‚利用å¯èƒ½ã«ã™ã‚‹localStorageプãƒã‚シーãªã©ã§HTML5ã®æ©Ÿèƒ½ãŒåˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ã¾ãŸSencha Touchã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã¯CSS3を最大é™æ´»ç”¨ã—ã¦ã¨ã¦ã‚‚å …ç‰¢ãªã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’実ç¾ã—ã¦ã„ã¾ã™ã€‚ ã“ã®ãƒ©ã‚¤ãƒ–ラリã¯ã
HTML5ã¨CSS3を使ã£ã¦ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã€€ï¼ iPhone版Yahoo!JAPANトップã®é–‹ç™ºäº‹ä¾‹ç´¹ä»‹
CodeZine編集部ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーをスターã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ブーストã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
css-lecture.com
http://html5please.us/
adakoda.com
オリジナルフォントãŒä½œã‚Œã‚‹iPad用フォント作æˆã‚¢ãƒ—リ「iFontMakerã€ï½œlinker journal｜linker
{{#tags}}- {{label}}
{{/tags}}