モãƒã‚¤ãƒ«ãƒãƒƒãƒ†ãƒªãƒ¼ã¨ã¯å‘¼ã¹ãªã„。「ã»ã¼ãƒã‚¿é›»ã€ãªã‚³ãƒ¬1å°ã§æœ‰äº‹ã®æ™‚もアウトドアも大活èº!ã€AmazonスマイルSALE】
ウェブサイトã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ç°¡å˜ã«ä½œæˆã§ãるジェãƒãƒ¬ãƒ¼ã‚¿ã€ŒPageBlox〠| ライフãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ン
モãƒã‚¤ãƒ«ãƒãƒƒãƒ†ãƒªãƒ¼ã¨ã¯å‘¼ã¹ãªã„。「ã»ã¼ãƒã‚¿é›»ã€ãªã‚³ãƒ¬1å°ã§æœ‰äº‹ã®æ™‚もアウトドアも大活èº!ã€AmazonスマイルSALE】
CSS3ã‚„HTML5ãªã©ã®ã‚³ãƒ¼ãƒ‰ã‚’書ã様åã‚’å†ç¾ã—ã€å¾ã€…㫠出æ¥ä¸ŠãŒã£ã¦ã„ã様を見ãªãŒã‚‰å¦ã¹ã‚‹ ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚µã‚¤ãƒˆãƒ»TheCodePlayer - ã‹ã¡ã³ã¨.net
一ã¤ã®å½¢ã¨ã—ã¦é¢ç™½ã‹ã£ãŸã®ã§ã‚·ã‚§ã‚¢ã€‚ 実際ã«ã‚³ãƒ¼ãƒ‰ã‚’書ã„ã¦ã„ããªãŒã‚‰å¾ã€…㫠出æ¥ä¸ŠãŒã£ã¦ã„ãã•ã¾ã‚’見ãªãŒã‚‰å¦ã¹ã‚‹ ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚µã‚¤ãƒˆã€‚å‹•ç”»ã®ãƒãƒ¥ãƒ¼ãƒˆ リアルより見やã™ãé ã«å…¥ã‚Šã‚„ã™ã„æ°—ã‚‚ ã—ãªã„ã§ã‚‚ãªã„ã§ã™ã€‚ ã“ã†ã„ã†å½¢ã§å¦ã¹ã‚‹ã®ã¯é¢ç™½ã„ã§ã™ãー。ã¯ã˜ã‚ã¦ã¿ã‚‹ã‚¿ã‚¤ãƒ—ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚µã‚¤ãƒˆã§ã™ã€‚よãã€æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ãŒã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã«åæ˜ ã•ã‚Œã‚‹ã‚µãƒ¼ãƒ“スãŒã‚ã‚Šã¾ã™ãŒã€ãã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ç‰ˆã¨ã„ã†æ„Ÿã˜ã€‚ ブãƒã‚°å½¢å¼ã§ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’公開ã—ã¦ã„ã¾ã™ã€‚ 説明ã™ã‚‹ã‚ˆã‚Šè¦‹ãŸæ–¹ãŒæ—©ã„ã§ã™ã。以下ã®ã‚ˆã†ãªãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã™ã€‚Play Walkthroughをクリックã™ã‚‹ã¨ã‚³ãƒ¼ãƒ‰ã‚’打ã£ã¦ã„ã‚‹ã®ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚å³ã¯ãƒ“ューエリア。 Make a simple cloud in CSS3 ã“ã†ã„ã†ç™ºæƒ³ã¯å…¨ç„¶ãªã‹ã£ãŸã§ã™ã‘ã©ã€Youtubeç‰ã®å‹•ç”»ã§è¦‹ã‚‹ã‚ˆã‚Šåˆ†ã‹ã‚Šã‚„ã™ã„æ°—ã¯ã—ã¾ã™ã€‚å‹•ç”»ã¯éŸ³å£°ã‚‚使ãˆãˆã‚‹ã®ãŒé…力ã§ã—ょã†ã‘ã©
[CSS]ã“ã®ç™ºæƒ³ã¯ãªã‹ã£ãŸï¼inputã¨labelを使ã£ã¦å®Ÿè£…ã™ã‚‹ç¾Žã—ã„デザインã®ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³
パãƒãƒ«ãŒé–‹ã„ãŸ+ホãƒãƒ¼æ™‚ パãƒãƒ«ãŒé–‹ã„ã¦ã„る時ã®ã‚¢ãƒãƒ¼ã¯ä¸Šå‘ãã«å¤‰ã‚ã‚Šã¾ã™ã€‚ デモã§ã¯ä¸Šè¨˜ã®ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ç‰ˆã ã‘ã§ãªãã€ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ç‰ˆãªã©ã‚‚ã‚ã‚Šã¾ã™ã€‚ デモページ：ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ç‰ˆ デモページ：ラジオボタン版 デモページ：ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ç‰ˆãƒ»ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‚ªãƒ¼ãƒ—ン 実装 HTML 一ã¤ã®ã‚¢ã‚¤ãƒ†ãƒ ã«å«ã¾ã‚Œã‚‹ã®ã¯ã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã€ãƒ©ãƒ™ãƒ«ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®3ã¤ã§ã™ã€‚ãれらをdivè¦ç´ ã§å†…包ã—ã¾ã™ã€‚ <section class="ac-container"> <div> <input id="ac-1" name="accordion-1" type="checkbox" /> <label for="ac-1">About us</label> <article class="ac-small"> <p>Some content... </p> </article> </div> <div> <
Sassã€ãã—ã¦Sassy CSS (SCSS)
CSSã‚’æ‹¡å¼µã—ãŸãƒ¡ã‚¿è¨€èªžã§ã‚ã‚‹Sassã€ãã—ã¦ãã®åˆ¥æ–‡æ³•ã¨ã—ã¦å®šç¾©ã•ã‚ŒãŸSCSSã«ã¤ã„ã¦ã€960.gsãªã©ã®CSSフレームワークã¨çµ¡ã‚ã¦ã€Sass (主ã«SCSS)ã®è‰¯ã•ã‚’解説ã™ã‚‹ã€‚ CSSフレームワーク Sass Sassy CSS aka SCSS SCSSã§CSSフレームワーク 2カラムレイアウトã®ä½œæˆ clearfixã‚„Reset CSSã®çµ„ã¿è¾¼ã¿ カラム幅ã®å¤‰æ›´ カラムã®å…¥ã‚Œæ›¿ãˆ SCSSã§å®Œçµã™ã‚‹ã“ã¨ã®æ„義 ã¾ã¨ã‚ 最後㫠CSSフレームワーク 960.gsã‚„Blueprintã€BlueTripãªã©CSSフレームワークã¨å‘¼ã°ã‚Œã‚‹ã‚‚ã®ã¯è‰²ã€…ã‚る。フレームワークã¨åä¹—ã‚‹ã ã‘ã®ã“ã¨ã¯ã‚ã£ã¦ã€ãれらã®ç”Ÿç”£æ€§ã¯ã¨ã¦ã‚‚高ã„。テンプレートã§é©åˆ‡ã«ã‚¯ãƒ©ã‚¹åã‚„IDを埋ã‚込むã ã‘ãªã®ã§ã€è¤‡é›‘怪奇ãªCSSコーディングをæ„è˜ã™ã‚‹ã“ã¨ãªã誰ã§ã‚‚ç°¡æ½”ã«ãã‚Œã„ãªã‚«ãƒ©ãƒ ・レイアウトを作æˆã§ãる。 HTML 4
Webサイトã®åˆ¶ä½œã‚¹ãƒ”ードをã€ã‚ˆã‚Šå‘上ã•ã›ã‚‹ç›®çš„ã§ä½œã‚‰ã‚ŒãŸã‚¹ã‚¿ãƒ¼ã‚¿ãƒ¼ã‚ット・99lime - ã‹ã¡ã³ã¨.net
çµæ§‹å‚考ã«ãªã£ãŸã®ã§å‚™å¿˜éŒ²ãŒã¦ã‚‰ ã”紹介。Webサイトã®åˆ¶ä½œã‚¹ãƒ”ードを よりå‘上ã•ã›ã‚‹ãŸã‚ã«ã€æ±Žç”¨çš„ãªUI を集ã‚ã¦ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—も綺麗ãªçŠ¶æ…‹ ã§æ¸ˆã‚€ã‚ˆã†ã«è¨è¨ˆã•ã‚ŒãŸã‚¹ã‚¿ãƒ¼ã‚¿ãƒ¼ ã‚ットã€ã¨ã„ã†ã‹ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚ 制作スピードをå‘上ã•ã›ã‚‹ç›®çš„ã§ä½œã‚‰ã‚ŒãŸHTML5フレームワークã§ã™ã€‚レイアウトã ã‘ã§ãªãã€æ±Žç”¨çš„ãªUIã‚‚å‚™ã‚ã£ã¦ã„ã¦ã€classå1ã¤ä»˜ã‘ã‚‹ã ã‘ã§ã‚¿ãƒ–やスライドショーを実装出æ¥ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãã†ã„ã£ãŸä»•æ§˜ã«ã™ã‚‹äº‹ã§ã€ã‚·ãƒ³ãƒ—ルã§ç¶ºéº—ã§å¯èªæ€§ã®é«˜ã„ソースをä¿ã¦ã‚‹ã‚ˆã†ã«è¨è¨ˆã•ã‚Œã¦ã„ãŸã‚Šã¨ã€çµæ§‹å‚考ã«ãªã‚‹ã‚¹ã‚¿ãƒ¼ã‚¿ãƒ¼ã‚ットã§ã™ã‚ˆã€‚フレームワークã¯è‡ªä½œã—ã¦ã‚‹ã®ã§è‰¯ã„部分を組ã¿è¾¼ã‚“ã§ã¿ã‚ˆã†ã‹ãªã¨æ€ã„ã¾ã—ãŸã€‚ タブやドãƒãƒƒãƒ—ダウンã€ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãªã©ã‚’å‚™ãˆã¦ã„ã‚‹ã ã‘ã§ãªãã€classå1ã¤ã§å®Ÿè£…出æ¥ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã®ã§ã€ç¶ºéº—ãªã‚½ãƒ¼ã‚¹ã‚’ä¿æŒã™ã‚‹äº‹ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã„ã‚ã„ã‚
ã²ã¨ã‚Šã§Webサイトを作れるã¾ã§ã«å¿…è¦ãªæœ¬ã‚„記事集ã‚ã¾ã—㟠　〜①デザイン編〜
「Webサイトを作れるよã†ã«ãªã‚ŠãŸã„ã‘ã©ä½•ã‹ã‚‰å§‹ã‚ã‚Œã°ã„ã„ã‹ã‚ã‹ã‚‰ãªã„ã€ãã‚“ãªäººã®ãŸã‚ã«å®Œå…¨ãªç´ 人ã®äººãŒã²ã¨ã‚Šã§Webサイトを作れるã¾ã§ã«å¿…è¦ãªæœ¬ã‚„記事集ã‚ã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ãƒ†ãƒ¼ãƒžã¯ï¼“ã¤ã®è¨˜äº‹ã«åˆ†ã‹ã‚Œã¦ã„ã¾ã™ã€‚ 一ã¤ç›®ã¯ä»Šå›žã®ã€ å®Œå…¨ç´ äººãŒã²ã¨ã‚Šã§Webサイトを作れるã¾ã§ã«å¿…è¦ãªæœ¬ã‚„記事集ã‚ã¾ã—㟠　〜①デザイン編〜 後日公開予定ã®ã€ 〃　〜②コーディング編（HTML&CSS）〜 〃　〜③集客・Webマーケティング編〜 以上ã®ï¼“ã¤ã§ã™ã€‚ Webサイトã®åˆ¶ä½œæ‰‹é † åˆã‚ã¦ã®æ–¹ã¯ã€ŒWebサイトをã©ã†ã„ã†é †ç•ªã§ä½œã‚‹ã‹ï¼Ÿã€ã«ã¤ã„ã¦çŸ¥ã‚‰ãªã„ã¨æ€ã„ã¾ã™ã®ã§ã€èª¬æ˜Žã—ã¾ã™ã€‚Webサイトを作æˆã—ã€å…¬é–‹ã—ã¦ãŸãã•ã‚“ã®äººã«è¦‹ã¦ã‚‚らã†ã¾ã§ã«ã¯å¤§ããï¼—ã¤ã®ã‚¹ãƒ†ãƒƒãƒ—ãŒã‚ã‚Šã¾ã™ã€‚ â‘ ã©ã‚“ãªWebサイトã«ã™ã‚‹ã‹è€ƒãˆã‚‹ï¼ˆä¼ç”»ï¼‰ Webサイトを作るãŸã‚ã«ã¾ãšã¯ã©ã‚“ãªç›®çš„ã§ã€èª°ã«ã€ã©ã‚“ãªæƒ…å ±ã‚„ã‚µãƒ¼ãƒ“ã‚¹ã‚’å±Šã‘ãŸã„ã®ã‹ã‚’考ãˆ
ゲã‚カワXdebugã§ãƒ¢ãƒ†ãƒ¢ãƒ†PHP開発 - 肉ã¨ãƒ“ールã¨ãƒ‘ンケー゠by @sotarok
今や PHP ã§é–‹ç™ºã™ã‚‹ã¨ãã« Xdebug ã¯èª°ã‚‚ãŒå½“然ã¤ã‹ã£ã¦ã‚‹ã‚ˆãï¼ï¼ ã¾ã‚ã€ã€Œä¿ºã¯ãã®ã¾ã¾ã®ã‚¨ãƒ©ãƒ¼ãŒå¥½ããªã‚“ã ã€ã£ã¦äººã¯ç½®ã„ã¦ãŠãã¨ã—ã¦ã€‚。。 大体ã®äººã¯ã€stack traceãŒã‚ã‚‹ã¨å¬‰ã—ã„ã¨ã‹ã€var_dump() 見やã™ã„ã¨ã‹ã€ãã†ã„ã†ã“ã¨ã§ Xdebug ã£ã¦ã®ã¯æ„›ç”¨ã ã¨ãŠã‚‚ã†ã‚“ã§ã™ã‚ˆï¼ IDE ã®ã²ã¨ã¯ remote debugger ã¨ã—ã¦ã¤ã‹ã£ã¦ã‚‹ã®ã‹ãªï¼Ÿ ã§ã€Xdebugã€ã‚ã‹ã‚Šã‚„ã™ã„ã‚“ã ã‘ã©ã€ã©ã†ã‚‚カワイサãŒè¶³ã‚Šãªã„よã？ãªã‚“ã‹ã“ã†ã€æ¯’々ã—ã„ã¨ã„ã†ã‹ãªã‚“ã¨ã„ã†ã‹ã€‚。 開発ä¸ã«ã‚¨ãƒ©ãƒ¼ã ã—ãŸã¨ãã¡ã‚‡ã†ã©å¾Œã‚ã‚’ã‹ã‚ã„ã„デザイナーã®å¥³ã®åãŒé€šã‚Šã‹ã‹ã£ã¦ç”»é¢ãŒç›®ã«å…¥ã£ãŸã¨ã「プãƒã‚°ãƒ©ãƒžãƒ¼ã£ã¦ãªã‚“ã¦å“ã®ãªã„ç”»é¢ã‚’見ã¦ã‚‹ã®ã‹ã—らã€ãªã‚“ã¦æ€ã‚ã‚ŒãŸã‚‰ãƒ¢ãƒ†ãªã„よãï¼ï¼ ã£ã¦ã“ã¨ã§ã€ã¾ã‚冗談ã¯ã“ã®ã¸ã‚“ã«ã—ã¦ãŠã„ã¦ã€è¦‹ãŸç›®ãŒç¶ºéº—ã ã¨ã‚„る気も出る（？）ã£ã¦ã“ã¨ã§ã€Xdebug ã®å‡ºåŠ›ã‚’ã‹ã‚
HTML5+CSS3 入門
Webを記述ã™ã‚‹è¨€èªžã®æ¨™æº–ã®ç¾çŠ¶ 昨年度ã§ã‚ã‚Œã°ã€HTMLを記述ã™ã‚‹æŽˆæ¥ã§ã¯è‡ªä¿¡ã‚’ã‚‚ã£ã¦ä»¥ä¸‹ã®åŸºæº–を推薦ã—ã¦ã„ã¾ã—ãŸã€‚ HTML (文書ã®æ§‹é€ を記述ã™ã‚‹è¨€èªž) – XHTML 1.0 ã‚‚ã—ã㯠XHTML 1.1 CSS (文書ã®ä½“è£ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’指定ã™ã‚‹è¨€èªž) – CSS 2 ã—ã‹ã—ãªãŒã‚‰ã€ã“ã“æ•°å¹´ã§ã€ã¨ãã«åŽ»å¹´ã‚ãŸã‚Šã‹ã‚‰çŠ¶æ³ã¯å¤§ãã変動ã—ã¤ã¤ã‚ã‚Šã¾ã™ã€‚ç¾çŠ¶ã®å¤‰åŒ–ã‚’ç†è§£ã™ã‚‹ã«ã¯ã€ã“ã“ã«è‡³ã‚‹ã¾ã§ã®æ´å²çš„ãªçµŒç·¯ã«ã¤ã„ã¦ç°¡å˜ã«ç†è§£ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã“ã¾ã§ã®çµŒç·¯ã‚’æ•´ç†ã—ãŸä¸Šã§ã€å°†æ¥ã®å±•æœ›ã‚’探りãŸã„ã¨æ€ã„ã¾ã™ã€‚ãã®ä¸Šã§ã€ã“ã®æŽˆæ¥ã§ã¯ã©ã®ã‚ˆã†ãªåŸºæº–ã«ã®ã£ã¨ã£ã¦ã€Œæ£ã—ã„ã€ã¨ã„ã†ã“ã¨ã‚’定義ã™ã‚‹ã®ã‹æ±ºã‚ã¦ã„ããŸã„ã¨è€ƒãˆã¾ã™ã€‚ HTML (Webサイトã®è¨˜è¿°è¨€èªž) ã®æ¨™æº–化巡る闘争ã®æ´å² AppleInsider: ãªãœ Apple 㯠HTML 5 ã«è³ã‘ã¦ã„ã‚‹ã®ã‹ï¼š ウェブã®æ´å² [Page 2] よ
ã€HTMLã‚¿ã‚°ã®ç°¡å˜æ¤œç´¢ã€‘TAG index - ホームページ作æˆæƒ…å ±
ページ全般 ボックス テã‚スト リンク リスト イメージ テーブル フレームフォームフィルタ CSSã®åŸºæœ¬ CSSプãƒãƒ‘ティ一覧［ABCé †ï¼½ リファレンスã«ã¤ã„㦠HTML リファレンス HTML Living Standardã«å¯¾å¿œã—ãŸãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚ HTMLã‚¿ã‚° リファレンス HTML4ã®æ™‚代ã«ä½œæˆã—ãŸãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚å¤ã„Webページを更新ã™ã‚‹éš›ãªã©ã«å‚考ã«ã—ã¦ãã ã•ã„。 CSS リファレンス CSS2ã®æ™‚代ã«ä½œæˆã—ãŸãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
DragDrop Sample
{{#tags}}- {{label}}
{{/tags}}