æ±äº¬æ¸‹è°· “HTML5入門＆jQuery†勉強会(5/26)ã®è³‡æ–™ã‚’公開ã—ã¾ã™ | tonowp
æ±äº¬æ¸‹è°· “HTML5入門＆jQuery†勉強会(5/26)ã‚’è¡Œã„ã¾ã—ãŸã€‚ jQueryã‚’ãŠã¼ãˆã‚ˆã†ï¼ã¨ã„ã†ã“ã¨ã§ã€HTML5ã®ã–ã£ãã‚Šã¨ã—ãŸè§£èª¬ã¨ã€jQueryã®åŸºæœ¬çš„ãªä½¿ã„方をå¦ç¿’ã—ã¾ã™ï¼è©³ç´°ï¼šATND ãã®ã¨ãã®ã‚¹ãƒ©ã‚¤ãƒ‰ãŠã‚ˆã³è³‡æ–™ã‚’公開ã—ã¾ã™ã€‚ 今後も勉強会を開催ã™ã‚‹äºˆå®šã§ã™ã€‚ twitterã®ãƒãƒƒã‚·ãƒ¥ã‚¿ã‚° #gooyaHub ã§å‘ŠçŸ¥ã—ã¦ã„ãã¾ã™ã®ã§ よã‹ã£ãŸã‚‰å‚åŠ ã—ã¦ã¿ã¦ãã ã•ã„ï¼
å‰ã‹ã‚‰æ°—ã«ãªã£ã¦ãŸHTML5ã«ã¤ã„ã¦è‰²ã€…調ã¹ã¦ã¿ã¾ã—㟠- ã‚‚ã¨ã¾ã‹æ—¥è¨˜
先日ã€ãƒ‰ã‚³ãƒ¢ã®Android端末ã§ã‚る「GALAXY Sã€ã‚’予約ã—ãŸã‚ã‘ã§ã™ãŒã€ãã†ãªã‚‹ã¨æ°—ã«ãªã‚‹ã®ãŒã€ãšãƒ¼ã£ã¨å‰ã‹ã‚‰æ°—ã«ãªã£ã¦ãŸHTML5ã«ã¤ã„ã¦ã€‚ã“ã‚Œã‹ã‚‰ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒæ™®åŠã™ã‚‹ã«ã¤ã‚Œã¦ã€ç„¡è¦–出æ¥ãªã„技術ã§ã‚ã‚‹ã®ã¯èª°ã®ç›®ã«ã‚‚明らã‹ãªã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ ã¦ã“ã¨ã§ã€HTML5ã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ãŸãƒ¡ãƒ¢ã§ã™ã€‚ HTML5ã®æ¦‚è¦ã¾ãšã¯é›£ã—ã„ã“ã¨ã¯æŠœãã«ã—ã¦ã€æ¦‚è¦ã‚’èªã‚“ã§ã¿ã‚‹ã¨åˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ HTML5, ãã¡ã‚“ã¨ã€‚ã“ã®è¨˜äº‹ã ã‘ã§å分ã§ã™ã€‚é•·ãã‚‚ãªãã€æ–‡å—ã‚‚å°‘ãªã„ã®ã§éžå¸¸ã«å…¥ã‚Šã‚„ã™ã„ã§ã™ã€‚ HTML5仕様関連一応ã§ã™ãŒã€ä»•æ§˜ã«ã¤ã„ã¦ã€‚ HTML5.JP - 次世代HTML標準 HTML5æƒ…å ±ã‚µã‚¤ãƒˆHTML 5 ― HTML 4 ã‹ã‚‰ã®å¤‰æ›´ç‚¹ (http://www.w3.org/TR/html5-diff/ 日本語訳) å¿…è¦ã«å¿œã˜ã¦ã¿ã‚Œã°ã„ã„ã®ã§ã€ç´°ã‹ãã¯è¦‹ã¦ã¾ã›ã‚“。 基礎知è˜æ¦‚è¦ãŒç†è§£å‡ºæ¥
[CSS]ç”»åƒã‚’使用ã—ãªã„ã§Apple風ã®ãƒ‘ンããšã‚’作æˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
階層を区切る三角ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç‰¹å¾´çš„ãªApple風ã®ãƒ‘ンããšã‚’åŒä¸€ã®è‰²ç›¸ã§ã‚«ãƒ©ãƒ¼ãƒªãƒ³ã‚°ã—ãŸã‚‚ã®ã‚’実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ 三角ã®ç®‡æ‰€ã¯ç”»åƒã‚’使用ã—ãªã„ã§ã€CSSã§å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ Breadcrumb Navigation with CSS Triangles デモページ [ad#ad-2] HTML -マークアップ パンããšã¯ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ シンプルã§ã‚¯ãƒªãƒ¼ãƒ³ã«å®Ÿè£…ã™ã‚‹ãŸã‚ã«ã€å„アイテムã«ã¯classを使用ã—ã¾ã›ã‚“。 HTML <ul class="breadcrumb"> <li><a href="#">トップページ</a></li> <li><a href="#">第二階層</a></li> <li><a href="#">第三階層</a></li> <li><a href="#">第四階層</a></li> <li><a href="#">ç¾åœ¨ä½ç½®</a></
ウェブデザイナーã®ãŸã‚ã®å®Ÿç”¨çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†
Five Useful Design Techniques and Coding Solutions For Web Designers [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ PHPã¯WordPressã§ã®ã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚ 1. 複数ã®é …ç›®ãŒã‚る棒グラフã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ 2. ホãƒãƒ¼æ™‚ã«è¿½åŠ æƒ…å ±ã‚’è¡¨ç¤º 3. カテゴリã”ã¨ã«ç•°ãªã‚‹ã‚«ãƒ©ãƒ¼ã‚’é©ç”¨ 4. ã¡ã‚‡ã£ã¨é¢ç™½ã„ç”»åƒã®ã‚ャプション 5. ウェブã®ãŸã‚ã®å°åˆ·é¢¨ãƒ‡ã‚¶ã‚¤ãƒ³ ãŠã‚ã‚Šã« -developersã§ã¯ãªãã€designers 1. 複数ã®é …ç›®ãŒã‚る棒グラフã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ 下記ã®ã‚µã‚¤ãƒˆã§ä½¿ç”¨ã—ã¦ã„る棒グラフã§ã¯ã€ä¸Šï¼šã‚¿ã‚°ã®ç¨®é¡žã¨æ•°ã€ä¸‹ï¼šã‚³ãƒ¡ãƒ³ãƒˆã®ã¤ã„ãŸè¨˜äº‹ã¨æ•°ã€ã‚’ãã‚Œãžã‚Œç´ 晴らã—ã„エフェクトã§å®Ÿè£…ã—ã¦ã„ã¾ã™ã€‚ ã“ã†ã„ã£ãŸæ•°å€¤åŒ–ã•ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å¯¾ã—ã¦æœ‰ç”¨ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®æ‰‹ãŒã‹ã‚Šã‚’æä¾›ã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティを改善ã™ã‚‹ã“ã¨ã«
“Misunderstanding Markup†日本語訳
ã“ã®ã‚³ãƒŸãƒƒã‚¯ã¯ã€â€œMisunderstanding Markup: XHTML 2/HTML 5 Comic Stripâ€ã«ã‚るコミックをã€è‘—作者ã®è¨±å¯ã‚’å¾—ã¦æ—¥æœ¬èªžã«è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ å…ƒã«ãªã£ãŸè¨˜äº‹ã®ç¿»è¨³ã‚‚è¡Œã£ã¦ã„ã¾ã™ã€‚“Misunderstanding markupâ€ã‚’ã”覧ãã ã•ã„。 先週ã€W3Cã¯XHTML 2 Working GroupãŒå¹´å†…ã§ãã®æ´»å‹•ã‚’終了ã™ã‚‹ã¨ç™ºè¡¨ã—ãŸã‚“ã 。å˜åˆ€ç›´å…¥ã§ã€æ“è¿Žã•ã‚Œã‚‹ã¹ãã“ã¨ã ã£ãŸã‚“ã ã‘ã©ã€ã€ŒXHTMLãŒçµ‚ã‚ã£ã¦ã—ã¾ã†ã€ã¨å¤šãã®äººã‚’æ··ä¹±ã•ã›ã¦ã—ã¾ã£ãŸã€‚Zeldmanã®blogãƒã‚¹ãƒˆã«å¯„ã›ã‚‰ã‚ŒãŸã‚³ãƒ¡ãƒ³ãƒˆã‚’èªã‚€ã¨ã€ãã‚ŒãŒåˆ†ã‹ã‚‹ã¨æ€ã†ã€‚ 仕方ã®ãªã„部分もã‚る。異ãªã‚‹æŠ€è¡“ã«ã€åŒã˜ã‚ˆã†ãªåå‰ãŒã¤ã„ã¦ã„ãŸã“ã¨ãŒåŽŸå› ãªã‚“ã ã‹ã‚‰ã€‚ã—ã‹ã‚‚ã€ã“ã‚Œã¯ä»Šã«å§‹ã¾ã£ãŸã“ã¨ã˜ã‚ƒã‚ãªã„。 ãŸã¨ãˆã°ã€JavaScript。Javaã«ãªã«ã‹é–¢ä¿‚ã—ãã†ã ã‘ã©ã€ãã†ã˜ã‚ƒãªã„よã。書ãæ–¹ãŒã™ã“
HTML5+CSS3 入門
Webを記述ã™ã‚‹è¨€èªžã®æ¨™æº–ã®ç¾çŠ¶ 昨年度ã§ã‚ã‚Œã°ã€HTMLを記述ã™ã‚‹æŽˆæ¥ã§ã¯è‡ªä¿¡ã‚’ã‚‚ã£ã¦ä»¥ä¸‹ã®åŸºæº–を推薦ã—ã¦ã„ã¾ã—ãŸã€‚ HTML (文書ã®æ§‹é€ を記述ã™ã‚‹è¨€èªž) – XHTML 1.0 ã‚‚ã—ã㯠XHTML 1.1 CSS (文書ã®ä½“è£ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’指定ã™ã‚‹è¨€èªž) – CSS 2 ã—ã‹ã—ãªãŒã‚‰ã€ã“ã“æ•°å¹´ã§ã€ã¨ãã«åŽ»å¹´ã‚ãŸã‚Šã‹ã‚‰çŠ¶æ³ã¯å¤§ãã変動ã—ã¤ã¤ã‚ã‚Šã¾ã™ã€‚ç¾çŠ¶ã®å¤‰åŒ–ã‚’ç†è§£ã™ã‚‹ã«ã¯ã€ã“ã“ã«è‡³ã‚‹ã¾ã§ã®æ´å²çš„ãªçµŒç·¯ã«ã¤ã„ã¦ç°¡å˜ã«ç†è§£ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã“ã¾ã§ã®çµŒç·¯ã‚’æ•´ç†ã—ãŸä¸Šã§ã€å°†æ¥ã®å±•æœ›ã‚’探りãŸã„ã¨æ€ã„ã¾ã™ã€‚ãã®ä¸Šã§ã€ã“ã®æŽˆæ¥ã§ã¯ã©ã®ã‚ˆã†ãªåŸºæº–ã«ã®ã£ã¨ã£ã¦ã€Œæ£ã—ã„ã€ã¨ã„ã†ã“ã¨ã‚’定義ã™ã‚‹ã®ã‹æ±ºã‚ã¦ã„ããŸã„ã¨è€ƒãˆã¾ã™ã€‚ HTML (Webサイトã®è¨˜è¿°è¨€èªž) ã®æ¨™æº–化巡る闘争ã®æ´å² AppleInsider: ãªãœ Apple 㯠HTML 5 ã«è³ã‘ã¦ã„ã‚‹ã®ã‹ï¼š ウェブã®æ´å² [Page 2] よ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}