IE6ã‚’ã‚„ã‚よã†ã¨æ€ã£ã¦ã‚‚ã‚‚ã†æ‰‹é…ã‚Œ
2. 自己紹介 むらãŠã‹â€ƒã¾ã•ã‹ãš æ‘岡æ£å’Œ @bathtimeï¬sh Webアプリケーション開発 ITæ¥å‹™ã‚·ã‚¹ãƒ†ãƒ è¨è¨ˆ/開発 Webサービス導入/事æ¥æˆ¦ç•¥ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚° HTML5-WEST.jp代表 / 京都GTUG / CSS Nite in OSAKA / 神戸ITフェス ティãƒãƒ«å®Ÿè¡Œå§”å“¡ãªã© HTML5-WEST.jp HTML5 JavaScript Python ä¸å›½æ‹³æ³• 主夫ã«ãªã‚ŠãŸã„ 炊事 Google Apps http://html5-west.jp/
Webデザイン・Webデザイナーã®ã¾ã¨ã‚サイト | Webデザインã«å„ªã‚ŒãŸã‚µã‚¤ãƒˆã®ãƒªãƒ³ã‚¯é›† ≪デザインリンクデータベース≫
～10程度ã£ã™ã‚ˆ ～50程度ã‹ãª ～100ãらㄠ～300程度ã§ã™ ～500ã¯ã“ãªã™ ～1000ã¯ã‚„ã£ã¦ã¾ã™ ã“れ以上 ( ! )
Fancybox - Fancy lightbox alternative
This site is kept for historical purposes and represents original version of the Fancybox. Check out the latest - Fancybox v5 What is it? FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page. It was built using the jQuery library. Licensed under both MIT and GPL licenses Features Can display images, HTML elements, SWF movi
[JS]ダイナミックãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ãƒšãƒ¼ã‚¸ã‚’ã¾ã‚‹ã”ã¨ã‚ºãƒ¼ãƒ ã§ãるスクリプト -zoom.js
zoom.js -GitHub デモページ [ad#ad-2] デモ 実装 デモ デモページã§ã¯ãƒšãƒ¼ã‚¸ä¸Šã®ã©ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’クリックã—ã¦ã‚‚ズームイン（拡大）ã—ã¾ã™ã€‚ グリーンã®ã€ŒFloatã€ã‚’クリックã™ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã™ã€‚ デモページ：ズームインã—ãŸã‚ャプãƒãƒ£ ズームアウト（縮å°ï¼‰ã™ã‚‹ã«ã¯ã‚‚ã†ä¸€åº¦ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã‹ã€[ESC]ã‚ーを押ã—ã¾ã™ã€‚ [ad#ad-2] 実装 「zoom.jsã€ã¯jQueryãªã©ã®ä»–ã®ã‚¹ã‚¯ãƒªãƒ—トã«ã¯ä¾å˜ã›ãšã«ã€å˜ä½“ã§å®Ÿè£…ãŒå¯èƒ½ã§ã™ã€‚ 外部ファイル 当スクリプトを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="js/zoom.js"></script> HTML/CSS HTMLã¨CSSã¯é€šå¸¸é€šã‚Šã§æ§‹ã„ã¾ã›ã‚“。 特定ã®ã‚¨ãƒªã‚¢ã«é©ç”¨ã™ã‚‹å ´åˆã¯ã€ãã®ã‚¨ãƒªã‚¢ãŒæŒ‡å®šã§ãるよã†ã«idãªã©ã‚’è¨ã‘ã¾ã™ã€‚ JavaScript 特定ã®è¦ç´ （例：img）ã®ã¿é©ç”¨ã™ã‚‹å ´åˆã¯ä¸‹
アドビã€ã‚ªãƒ¼ãƒ—ンソースã®HTMLエディタ「Bracketsã€ã‚’公開。ã¾ã ã¾ã 開発ä¸
アドビãŒã‚ªãƒ¼ãƒ—ンソースã¨ã—ã¦å…¬é–‹ã—ã¦ã„る「Bracketsã€ã¯ã€HTML5ã¨JavaScriptã§ä½œã‚‰ã‚ŒãŸHTMLエディタã§ã™ã€‚アドビ自身ã¯Bracketsã«ã¤ã„ã¦ãƒ–ãƒã‚°ã‚„プレスリリースã§ã®ã‚¢ãƒŠã‚¦ãƒ³ã‚¹ã¯ä½•ã‚‚ã—ã¦ãŠã‚‰ãšã€Github上ã«Adobeã®ã‚³ãƒ¼ãƒ‰ã¨ã—ã¦ã²ã£ãã‚Šã¨å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ アドビã«ã¯çµ±åˆçš„ãªWeb開発環境ã¨ã—ã¦ç¢ºå›ºãŸã‚‹åœ°ä½ã‚’æŒã¤DreamweaverãŒã‚ã‚Šã¾ã™ãŒã€Bracketsã®ç”»é¢ã‚’見るã‹ãŽã‚Šã€ç›®æŒ‡ã™ã‚‚ã®ã¯Dreamweaverã‚’ç½®ãæ›ãˆã‚‹ã‚ˆã†ãªã‚‚ã®ã§ã¯ãªãã€ã‚‚ã£ã¨ç›´æ„Ÿçš„ã§è»½ãシンプルãªHTML/CSS/JavaScriptエディタを実ç¾ã—よã†ã¨ã—ã¦ã„るよã†ã«è¦‹ãˆã¾ã™ã€‚ Bracketsã¯ã¾ã 開発ãŒå§‹ã¾ã£ãŸã°ã‹ã‚Šã§ã€ãã‚Œã»ã©å¤šãã®æ©Ÿèƒ½ãŒå®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“（実際ã«èµ·å‹•ã—ã¦ã¿ã¾ã—ãŸãŒã€çŸæ™‚é–“ã§ã¯ä½¿ã„方もよã分ã‹ã‚Šã¾ã›ã‚“ã§ã—ãŸã—……）。今後もã†å°‘ã—機能ãŒè¿½åŠ ã•ã‚Œã¦
[JS]スクãƒãƒ¼ãƒ«ã‚’楽ã—ãã™ã‚‹ãƒ‘ララックスを簡å˜ã«å®Ÿè£…ã§ãる超軽é‡ã‚¹ã‚¯ãƒªãƒ—ト -skrollr
jQueryãªã©ã®ä»–ã®ã‚¹ã‚¯ãƒªãƒ—トã«ä¾å˜ã›ãšã€ã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢ãƒãƒ¼ãƒ³ã§ãƒ‘ララックスã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’実装ã§ãる超軽é‡ï¼ˆ2.2KB）ã®ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ skrollr -GitHub [ad#ad-2] skrollrã®ãƒ‡ãƒ¢ skrollrã®ä½¿ã„æ–¹ skrollrã®ãƒ‡ãƒ¢ パララックスã¯è¤‡æ•°ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’ç•°ãªã‚‹ã‚¹ãƒ”ードã§å‹•ã‹ã™ã“ã¨ã§å¥¥è¡Œãã®éŒ¯è¦šã‚’èµ·ã“ã™ã‚‚ã®ã§ã€skrollrã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®é‡ã«å¿œã˜ã¦ã€ãƒšãƒ¼ã‚¸ä¸Šã®å„エレメントã«ã•ã¾ã–ã¾ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚’定義ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ デモã§ã¯ãã®é¢ç™½ã„パララックスã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒæ¥½ã—ã‚ã¾ã™ã€‚ デモã¯3ã¤ã‚ã‚Šã€ã¾ãšã¯skrollrãŒæ¥½ã—ã‚るメインã®ãƒ‡ãƒ¢ã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
æ„外ã¨å¤šã„!? Web フォントã«å¯¾å¿œã—ã¦ã„ãªã„環境 〜2012 å¹´ã® Web フォント事情〜 - ã¦ã£ã煮ブãƒã‚°
html5Web フォントã¯ã€ŒWeb サイトã«ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ãƒ•ã‚©ãƒ³ãƒˆã‚’埋ã‚込むã€ãŸã‚ã®æŠ€è¡“ã§ã™ã€‚ç¾è¡Œã®ãƒ–ラウザーã¯å…¨ã¦ Web フォントã«å¯¾å¿œã—ã¦ã„る状æ³ã§ã™ã€‚ãã‚“ãªçŠ¶æ³ã§ã‚ã‚‹ãŸã‚ã€çµ¶å¯¾ã«ã‚³ãƒ”ペã§ããªã„æ–‡ç« ã‚’ä½œã£ãŸã£ãŸwwww 㯠Web フォントã«ä¾å˜ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã—ãŸãŒã€ç‰¹åˆ¥ãªé…æ…®ã¯ã›ãšã«å…¬é–‹ã—ã¾ã—ãŸã€‚ã—ã‹ã—ã€å…¬é–‹å¾Œã€Web フォントãŒé©ç”¨ã•ã‚Œãªã‹ã£ãŸè¤‡æ•°ã®æ–¹ã‹ã‚‰ã€Œã‚³ãƒ”ペã§ãã‚‹ã‚“ã ã‘ã©ã©ã†ã„ã†ã“ã¨ï¼Ÿã€ã€Œæ„味ãŒåˆ†ã‹ã‚‰ãªã„ã€ã¨ã„ã†ã‚³ãƒ¡ãƒ³ãƒˆãŒã‚ˆã›ã‚‰ã‚Œã¾ã—ãŸã€‚ãã“ã§ã€Web サーãƒãƒ¼ã®ã‚¢ã‚¯ã‚»ã‚¹ãƒã‚°ã‚’解æžã—ã¦ã€ŒWeb フォントã«å¯¾å¿œã—ã¦ã„ãªã„環境ã€ãŒã©ã®ç¨‹åº¦ã‚ã£ãŸã®ã‹ã‚’調ã¹ã¦ã¿ã¾ã—ãŸã€‚４種類ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆä¸€å£ã« Web フォントã¨ã„ã£ã¦ã‚‚ã€ãƒ•ã‚©ãƒ³ãƒˆã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯ WOFF・TTF・EOT・SVG ã® 4 種類ã‚ã‚Šã¾ã™ã€‚今後㯠WOFF フォーマットãŒæ¨™æº–ã«ãªã£ã¦ã„ãã®ã§ã™ãŒã€ç¾åœ¨ã§ã¯ã‚µãƒãƒ¼ãƒˆã—
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Components · Twitter Bootstrap
ゲーム感覚ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’組ã¿ç«‹ã¦ã‚‹ã€HTML5+CSS3ã«å¯¾å¿œã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ -PageBlox
{{#tags}}- {{label}}
{{/tags}}