The W3C Markup Validation ServiceNote: file upload may not work with Internet Explorer on some versions of Windows XP Service Pack 2, see our information page on the W3C QA Website. Validate by direct input Enter the Markup to validate: More Options
溺愛ã—ã¦ã‚„ã¾ãªã„激オススメãªã‚·ãƒ³ãƒ—ルフリーフォントã€ãã—ã¦æœ‰æ–™ãƒ•ã‚©ãƒ³ãƒˆ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
円高ã§ã™ã‚ˆå††é«˜ã€‚ã“ã®å‰ã€çŸ¥ã‚Šåˆã„ã®æ—¥æœ¬åœ¨ä½WEB屋ãŒã€Œã„ã„機会ã ã‹ã‚‰ã€ã¨ã€æ—¥æœ¬å††ã§å¤§é‡ã«ãƒ•ã‚©ãƒ³ãƒˆã‚’購入ã—ã¦ã„ã¦ã¾ã—ãŸã€‚ 僕ãŒã‚«ãƒŠãƒ€ã«åˆã‚ã¦ç•™å¦ç”Ÿã¨ã—ã¦æ¥ãŸ4å¹´å‰ã¯ï¼‘カナダドルãŒ120円ãらã„ã ã£ãŸã®ã§ã€‚今ã®70円ãらã„ãªã®ãŒç›®ã®éŒ¯è¦šã«è¦‹ãˆã¦ã—ょã†ãŒç„¡ã„今日ã“ã®é ƒã§ã™ã€‚（ã¡ãªã¿ã«ã€ã‚«ãƒŠãƒ€ãƒ‰ãƒ«ã£ã¦æ—¥æœ¬äººã«é¦´æŸ“ã¿ç„¡ã„ã‹ã‚‚ã§ã™ãŒã€æ—¥æœ¬ã‹ã‚‰ã¿ã‚Šã‚ƒç±³ãƒ‰ãƒ«ã¨å¤§ä½“一緒ãらã„ã§ã™ã‹ã。） ã•ã¦ã•ã¦ã€å…ˆæœˆæœ‰åフォントã®ã“ã¨ã‚’ã¾ã¨ã‚ã¾ã—ãŸãŒã€ãã‚“ãªå††é«˜ã«åˆã‚ã›ã¦ãƒ•ã‚©ãƒ³ãƒˆå¤§é‡è³¼å…¥ãªçŸ¥ã‚Šåˆã„ã®ã“ã¨ã‚‚ã‚ã‚Šã€ä»Šå›žã¯ãã®çŸ¥äººã¸ã®ã‚ã¦ã¤ã‘（？）ã«ã€Œæœ€è¿‘ã¯ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã‚‚ã“ã‚“ãªã«ãƒ¬ãƒ™ãƒ«é«˜ã„ã‚“ã ãžï¼ã€ã¨ã„ã†ã“ã¨ã‚’ä¼ãˆãŸã„ã¨æ€ã„ã¾ã—ãŸã®ã§ã€ãã®ã¾ã¨ã‚を書ã‹ã›ã¦ã‚‚らã„ã¾ã™ã€‚ ……ã¨ã€æ€ã£ãŸã®ã§ã™ãŒã€æœ‰æ–™ãƒ•ã‚©ãƒ³ãƒˆã§ã‚‚最近ã ã¨çµæ§‹ä½Žä¾¡æ ¼ã§è²·ãˆã‚‹ç‰©ã‚‚ã„ã£ã±ã„ã‚ã‚‹ã®ã§ã€åƒ•ã®å¥½ããªã‚·ãƒ³ãƒ—ルã‚ã§å¼·èª¿ã—ã™ãŽãªã„有料フォントも有å所をä¸å¿ƒã«ä¸€ç·’ã«
webデザインã«å¿…è¦ãªã‚¢ã‚¤ã‚³ãƒ³ãŒå…¨ã¦æƒã†ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã€Œ500+ web icons packã€
ページ移動ãŒå¿…è¦ãªwebページを快é©ã«é–²è¦§ã—ã¦ã‚‚らã†ãŸã‚ã«é‡å®ã™ã‚‹ç´ æアイコン。WEBサイトã®å†…容ã«ã‚ˆã£ã¦ã¯ã€åˆ†ã‹ã‚Šã‚„ã™ã表ç¾ã™ã‚‹ãŸã‚ã«å¤šãã®ç¨®é¡žã®ã‚¢ã‚¤ã‚³ãƒ³ãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ãã“ã§ä»Šå›žç´¹ä»‹ã™ã‚‹ã®ãŒã€webデザインã«å¿…è¦ãªã‚¢ã‚¤ã‚³ãƒ³ãŒ500個もã¾ã¨ã‚られãŸã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã€Œã€Œ500+ web icons packã€ã§ã™ã€‚ 上記ã®ã¨ãŠã‚Šã‚·ãƒ³ãƒ—ルã§ä½¿ã„ã‚„ã™ã„デザインã®ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã¨ãªã£ã¦ã„ã¾ã™ã€‚ 詳ã—ãã¯ä»¥ä¸‹ 「500+ web icons packã€ã«ã¯ã€ãƒ›ãƒ¼ãƒ ã‚„è¨å®šãƒ»é›»è©±ãªã©ã‚’表ã™ä¸€èˆ¬çš„ãªUIを示ã™ã‚¢ã‚¤ã‚³ãƒ³ã¯ã‚‚ã¡ã‚ã‚“ã€å¤§åž‹ã‚·ãƒ§ãƒƒãƒ”ングモールã«è¡¨ç¤ºã•ã‚Œã¦ã„るよã†ãªæ¡ˆå†…アイコンã€ãƒ“ジãƒã‚¹ã‚·ãƒ¼ãƒ³ã§ä½¿ã„ã‚„ã™ã„時計やグラフを示ã™ã‚¢ã‚¤ã‚³ãƒ³ãªã©ã€ç”Ÿæ´»ã®ã‚らゆる状æ³ãŒã‚¢ã‚¤ã‚³ãƒ³ã¨ã—ã¦ã‚»ãƒƒãƒˆã«ãªã£ã¦ã„ã¾ã™ã€‚ シンプルãªã‚·ãƒ«ã‚¨ãƒƒãƒˆç´ æã«ãªã£ã¦ã„ã‚‹ã®ã§ã€æµè¡Œãªã©ã«é–¢ä¿‚ãªã利用ã§ãã‚‹ã¨ã„ã†ã®ãŒå¬‰ã—ã„ã§ã™ã。PSDデータ
ã¤ã„ã«å‡ºãŸï¼Chrome版「Page Speedã€ã®ä½¿ã„æ–¹
2011/3/22ã«ã€GoogleãŒã‚ˆã†ã‚„ãGoogle Chrome版「Page Speedã€æ‹¡å¼µæ©Ÿèƒ½ã‚’公開ã—ã¾ã—ãŸã€‚ 「Page Speedã€ã¯ã€é …目をã‚る程度ç†è§£ã§ãã‚Œã°è‡ªåˆ†ã‚„自社ã®ã‚µã‚¤ãƒˆã®è¡¨ç¤ºé€Ÿåº¦ã®æ”¹å–„ã«ã¨ã¦ã‚‚役立ã¤ãƒ„ールã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ã€ŒPage Speedã€ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã‹ã‚‰å„èª¿æŸ»é …ç›®ã®è¦‹æ–¹ã‚„改善方法をä¸å¿ƒã«ä½¿ã„方を解説ã—ã¾ã™ã€‚ ãœã²ã€ã”自身ã®ã‚µã‚¤ãƒˆã®æ”¹å–„ã«å½¹ç«‹ã¦ã¦ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ãã‚‚ãã‚‚ã€ãªãœã‚µã‚¤ãƒˆã®è¡¨ç¤ºé€Ÿåº¦ã‚’速ãã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã®ã‹ï¼Ÿ 例ãˆã°ã€Amazonã®èª¿æŸ»ã«ã‚ˆã‚‹ã¨ã€Œè¡¨ç¤ºé€Ÿåº¦ãŒ0.1秒é…ããªã‚‹ã¨ã€å£²ä¸ŠãŒ1％減少ã™ã‚‹ã€ã¨ã„ã„ã€Googleã®èª¿æŸ»ã«ã‚ˆã‚‹ã¨ã€Œè¡¨ç¤ºé€Ÿåº¦ãŒ0.5秒é…ããªã‚‹ã¨ã€æ¤œç´¢æ•°ãŒ20％減少ã™ã‚‹ã€ã¨è¨€ã‚ã‚Œã¾ã™ã€‚ ã¾ãŸã€Googleã¯Webページã®èªã¿è¾¼ã¿é€Ÿåº¦ã‚’アルゴリズムã«å–り入れãŸã“ã¨ã‚’発表ã—ã¦ã„ã¾ã™ã€‚ 大手サイトや大è¦æ¨¡ãªECサイトã«é™ã‚‰ãš
[CSS]text-shadowã§ã“ã“ã¾ã§ã§ãã‚‹ã€ã‹ã£ã“ã„ã„エフェクト集
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de; レタープレスã®ãƒ†ã‚ストエフェクト
HP作æˆæ”¯æ´ã®ã€€Challenge HP GIFアニメã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
Windowsã‚’ãŠä½¿ã„ã§ã—ãŸã‚‰ã€IEツールãƒãƒ¼ã‚’利用ã™ã‚‹ã¨æ¤œç´¢ã«ä¾¿åˆ©ã€‚ ブラウザã«çµ„ã¿è¾¼ã¾ã‚Œã€ã‚ーワード検索ã§ãã¾ã™ã€‚ GIFアニメ作æˆãƒ•ãƒªãƒ¼ã‚½ãƒ•ãƒˆã€€Animation GIF Maker GIFアニメã¯æ•™ç§‘書ãªã©ã®éš…ã«æã„ãŸãƒ‘ラパラマンガã¨åŒã˜ã§ã€é †ç•ªã«ç”»åƒã‚’表示ã—ã¦å‹•ã„ã¦ã„るよã†ã«è¦‹ãˆã‚‹ã‚‚ã®ã§ã™ã€‚ ç”»åƒã®æžšæ•°ã‚’増やã›ã°è¡¨ç¾ãŒå¢—ã—ã¾ã™ãŒã€å½“然GIFアニメファイルã®ã‚µã‚¤ã‚ºãŒå¤§ãããªã‚Šã¾ã™ã—〠ã¾ãŸç”»åƒã®ç¸¦æ¨ªã®ã‚µã‚¤ã‚ºãŒå¤§ãããªã£ã¦ã‚‚ç”»åƒã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºãŒå¤§ãããªã‚Šã¾ã™ã€‚ 従ã£ã¦GIFアニメを軽ã作るã«ã¯ã€å…ƒã«ãªã‚‹ç”»åƒã‚’出æ¥ã‚‹ã ã‘å°ã•ãªç”»åƒã‚’使ã†ã€ãƒ—ラス軽ã„ç”»åƒã‚’使ã†äº‹ã«ãªã‚Šã¾ã™ã€‚ GIFç”»åƒã¯256色ã¾ã§ã—ã‹ä½¿ç”¨ã§ãã¾ã›ã‚“ãŒã€ãã®è‰²ã®æ•°ã‚„色ã®é…ç½®ã§é‡ããªã£ãŸã‚Šè»½ããªã£ãŸã‚Šã—ã¾ã™ã€‚ 色数ãŒå°‘ãªãã¦è‰²ã®é…ç½®ãŒå˜ç´”ãªç”»åƒã»ã©è»½ããªã‚‹ã®ã§GIFアニメã«ã™ã‚‹ç”»åƒã¯ã€ãã®è¾ºã«æ³¨æ„ã—ã¦ä½œã‚‹ã¨è‰¯ã„ã§ã™ã€‚
★WEBç”»åƒã«ã¤ã„ã¦
山田太郎ã¯ã€ã‚¦ã‚§ãƒ–開発やグラフィックスプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«10年以上ã®çµŒé¨“ã‚’æŒã¤ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã®å°‚門家ã§ã™ã€‚特ã«HTML5 Canvasã‚„JavaScriptã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–メディアã«ç²¾é€šã—ã¦ãŠã‚Šã€å‹•çš„ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚„最先端ã®ã‚¦ã‚§ãƒ–アプリケーションã®é–‹ç™ºã«æºã‚ã£ã¦ãã¾ã—ãŸã€‚複雑ãªå›³å½¢æ画や画åƒæ“作ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ グラフィックスã«é–¢ã™ã‚‹çŸ¥è˜ãŒè±Šå¯Œã§ã€ã‚¦ã‚§ãƒ–技術ã®é™ç•Œã‚’追求ã™ã‚‹é–‹ç™ºè€…ãŸã¡ã«ã¨ã£ã¦é ¼ã‚Šã«ãªã‚‹å˜åœ¨ã§ã™ã€‚知è˜ã®å…±æœ‰ã«æƒ…熱をæŒã¡ã€åˆå¿ƒè€…ã‹ã‚‰ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ã¾ã§å¹…広ã支æ´ã™ã‚‹ãŸã‚ã€æŠ€è¡“フォーラムやブãƒã‚°ã«ã‚‚ç©æ¥µçš„ã«è²¢çŒ®ã—ã¦ã„ã¾ã™ã€‚
[CSS]å¹…ã¯å¯å¤‰ã§é«˜ã•ã¯ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã®é«˜ã•ã‚’ç‰ã—ãã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚
å¹…ã¯%ã§æŒ‡å®šã—ãŸå¯å¤‰ã€é«˜ã•ã¯ãã‚Œãžã‚Œç•°ãªã‚‹ã‚«ãƒ©ãƒ を使ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’使用ã—ã¦ã‚«ãƒ©ãƒ ã®é«˜ã•ã‚’ç‰ã—ãã™ã‚‹ä»Šã¾ã§ã®æ–¹æ³•ã‹ã‚‰ã€ã“ã‚Œã‹ã‚‰ã®æ–¹æ³•ã¾ã§ã‚’紹介ã—ã¾ã™ã€‚ Fluid Width Equal Height Columns [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ Doug Neiner メソッド Nicolas Gallagher メソッド Using Tables One True Layout メソッド Flexbox メソッド メモ 訳者注 å„デモã¯ã€Œ:nth-childã€ã‚’使用ã—ã¦ã„ã‚‹ãŸã‚ã€ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã®ã¿æœŸå¾…通りã«è¡¨ç¤ºã—ã¾ã™ã€‚詳ã—ãã¯ã€Œãƒ¡ãƒ¢ã€ã‚’å‚ç…§ãã ã•ã„。 Doug Neiner メソッド 「Doug Neinerã€ãƒ¡ã‚½ãƒƒãƒ‰ã¯ã€CSS3グラデーションã‹ã‚‰ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’å¾—ãŸæ–¹æ³•ã§ã™ã€‚ [css] .five-columns { background-i
HTML5+CSS3 入門
Webを記述ã™ã‚‹è¨€èªžã®æ¨™æº–ã®ç¾çŠ¶ 昨年度ã§ã‚ã‚Œã°ã€HTMLを記述ã™ã‚‹æŽˆæ¥ã§ã¯è‡ªä¿¡ã‚’ã‚‚ã£ã¦ä»¥ä¸‹ã®åŸºæº–を推薦ã—ã¦ã„ã¾ã—ãŸã€‚ HTML (文書ã®æ§‹é€ を記述ã™ã‚‹è¨€èªž) – XHTML 1.0 ã‚‚ã—ã㯠XHTML 1.1 CSS (文書ã®ä½“è£ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’指定ã™ã‚‹è¨€èªž) – CSS 2 ã—ã‹ã—ãªãŒã‚‰ã€ã“ã“æ•°å¹´ã§ã€ã¨ãã«åŽ»å¹´ã‚ãŸã‚Šã‹ã‚‰çŠ¶æ³ã¯å¤§ãã変動ã—ã¤ã¤ã‚ã‚Šã¾ã™ã€‚ç¾çŠ¶ã®å¤‰åŒ–ã‚’ç†è§£ã™ã‚‹ã«ã¯ã€ã“ã“ã«è‡³ã‚‹ã¾ã§ã®æ´å²çš„ãªçµŒç·¯ã«ã¤ã„ã¦ç°¡å˜ã«ç†è§£ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã“ã¾ã§ã®çµŒç·¯ã‚’æ•´ç†ã—ãŸä¸Šã§ã€å°†æ¥ã®å±•æœ›ã‚’探りãŸã„ã¨æ€ã„ã¾ã™ã€‚ãã®ä¸Šã§ã€ã“ã®æŽˆæ¥ã§ã¯ã©ã®ã‚ˆã†ãªåŸºæº–ã«ã®ã£ã¨ã£ã¦ã€Œæ£ã—ã„ã€ã¨ã„ã†ã“ã¨ã‚’定義ã™ã‚‹ã®ã‹æ±ºã‚ã¦ã„ããŸã„ã¨è€ƒãˆã¾ã™ã€‚ HTML (Webサイトã®è¨˜è¿°è¨€èªž) ã®æ¨™æº–化巡る闘争ã®æ´å² AppleInsider: ãªãœ Apple 㯠HTML 5 ã«è³ã‘ã¦ã„ã‚‹ã®ã‹ï¼š ウェブã®æ´å² [Page 2] よ
デザイナã¯è¦æ³¨ç›®ï¼ 明日ã‹ã‚‰èªžã‚Œã‚‹HTML5＆CSS3（1/4）- ï¼ IT
デザイナã¯è¦æ³¨ç›®ï¼ 明日ã‹ã‚‰èªžã‚Œã‚‹HTML5＆CSS3：一撃デザインã®ç¨®æ˜Žã‹ã—（13）（1/4 ページ） ※本稿ã§ã¯ç‰¹ã«æ–ã‚ŠãŒãªã„å ´åˆã€Firefoxã€Google Chromeã€Operaã€Safariã¯2010å¹´7月時点ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€IEã¯Internet Explorer 6/7/8ã®ç·ç§°ã§ã™ã€‚ ã„ã¾ä¸–ç•Œã§ä¸€ç•ªç†±ã„「HTML5ã€ã€ŒCSS3ã€ã¨ã¯ï¼Ÿ 最近ã€ã€ŒHTML5ã€ã€ŒCSS3ã€ã¨ã„ã£ãŸè¨€è‘‰ã‚’よã耳ã«ã—ã¾ã›ã‚“ã‹ï¼Ÿ ã“れらã¯Webã®è¡¨ç¾ã‚’ã‚‚ã£ã¨è±Šã‹ã«ã™ã‚‹ãŸã‚ã«ç–定ä¸ã®è¨€èªžã§ã™ã€‚ã„ã¾ã¾ã§ã®HTML 4.01ã‚„XHTMLã§ã¯å®Ÿç¾ã§ããªã‹ã£ãŸã“ã¨ãŒã§ãるよã†ã«ãªã£ãŸã‚Šã€CSS3ã¯CSS 2.1よりã•ã‚‰ã«ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ãªéƒ¨åˆ†ã¾ã§è¡¨ç¾ã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ Firefoxã‚„Operaã€Safariã€Chromeã¨ã„ã£ãŸHTML5＋CSS3ã«å¯¾å¿œã™ã‚‹WebブラウザãŒå¢—ãˆã¦ããŸã“ã¨ã§ã€HTML5
ã€ãƒ¬ãƒãƒ¼ãƒˆã€‘HTML5ã®æ©Ÿèƒ½ã‚’知るãŸã‚ã®15ã®ãƒ‡ãƒ¢ãƒ³ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ | エンタープライズ | マイコミジャーナル
Tech Drive-in - Technology, Linux, Ubuntu FTW 主è¦ãƒ–ラウザã®å¯¾å¿œãŒé€²ã‚“ã§ã„ã‚‹ã“ã¨ã‚‚ã‚ã‚Šã€HTML5ã®æŠ€è¡“を活用ã—ãŸãƒ‡ãƒ¢ãƒ³ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚µã‚¤ãƒˆãŒå¢—ãˆã¦ã„る。ç¾åœ¨ä¸»æµã®æŠ€è¡“ã¨äº’æ›æ€§ãŒé«˜ã„ã“ã¨ã‹ã‚‰ã€ã™ã§ã«HTML5を採用ã™ã¹ãã¨ã„ã†æ„見もã‚る。ブラウザã®æ›´æ–°é »åº¦ã¯æ—©ã¾ã‚‹å‚¾å‘ã«ã‚ã‚Šã€HTML5/CSS3ã®å¯¾å¿œã¯æ—¥é€²æœˆæ©ã§é€²ã‚“ã§ã„ãã“ã¨ã«ãªã‚‹ã¨ã¿ã‚‰ã‚Œã‚‹ã€‚ HTML5ã‚„CSS3ã®ãƒ‡ãƒ¢ãƒ³ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚µã‚¤ãƒˆã‚„テクニック紹介ブãƒã‚°ã¯ã“ã‚Œã¾ã§ä½•åº¦ã‚‚å–り上ã’ã¦ããŸã€‚15 HTML5 Demos Showcasing Prowess of HTML5 Over Adobe Flash - Tech Drive-inã«ãŠã„ã¦ã€HTML5デモンストレーションサイトãŒã¾ã¨ã‚られã¦ãŠã‚Šå‚考ã«ãªã‚‹ã€‚ä¸ã«ã¯ã“ã‚Œã¾ã§ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«ã§å–り上ã’ãŸã‚µã‚¤ãƒˆã‚‚å«ã‚られã¦ã„る。紹介ã•ã‚Œã¦
登録数ã¯70,000以上ã€å•†ç”¨ã§ã‚‚ç„¡æ–™ã®ãƒ•ã‚©ãƒ³ãƒˆã‚’ã¾ã¨ã‚ãŸã‚µã‚¤ãƒˆ -FontPark | コリス
70,000個以上ã®å•†ç”¨ãƒ»éžå•†ç”¨ã§ç„¡æ–™ã§åˆ©ç”¨ã§ãるフォントをã¾ã¨ã‚ãŸã‚µã‚¤ãƒˆã‚’紹介ã—ã¾ã™ã€‚ FontPark 登録ã•ã‚Œã¦ã„るフォントã¯82ã®ã‚«ãƒ†ã‚´ãƒªã«åˆ†ã‘られã¦ãŠã‚Šã€æ—¥æœ¬èªžï¼ˆJapanese）ã®ã‚«ãƒ†ã‚´ãƒªã‚‚ã‚ã‚Šã¾ã™ã€‚ [...]
ç”»åƒã‚’使ã£ãŸã„ã‚ã„ã‚ãªjQueryプラグイン224個ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
ç”»åƒã«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‹ã‘ã¦æ‹¡å¤§è¡¨ç¤ºã—ãŸã‚Šã€ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’作ã£ãŸã‚Šã€ãƒ„ールãƒãƒƒãƒ—ã§è¡¨ç¤ºã—ãŸã‚Šã€ã¨ã„ã†ã‚ˆã†ãªç”»åƒã‚’使用ã—ãŸjQueryプラグインãŒæ²¢å±±ã‚ã‚‹ã®ã¨ã€æŽ¢ã—ã¦ã‚‹æ–¹ãŒç›´ãã«è¦‹ã¤ã‘られるよã†ã«ã€ã¨ã„ã†äº‹ã§ãƒªãƒ³ã‚¯é›†ã‚’作りã¾ã—ãŸã€‚ ã¨ã„ã†è¨³ã§ã€é›†ã¾ã£ã¦ã„ã‚‹jQueryã®ãƒ—ラグインã®å…±é€šç‚¹ã¯ç”»åƒã‚’使ã£ã¦ã„ã‚‹ã€ã¨ã„ã†äº‹ã ã‘ã§ã™ã€‚一貫性無ã„ã¨ã„ãˆã°ç„¡ã„ã§ã™ãŒã€å€‹äººçš„ã«ã‚‚å¿…è¦ã¨ã™ã‚‹äº‹ãŒå¤šã„ã®ã§è‡ªåˆ†ç”¨ã®ãƒ¡ãƒ¢ã‚‚å…¼ãã¦ã‚·ã‚§ã‚¢ã€‚ 日本語 English çµæ§‹ã‚«ãƒ†ã‚´ãƒªåˆ†ã‘ã¯ã„ã„åŠ æ¸›ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã®ã§ã‚ã—ã‹ã‚‰ãšã”了承下ã•ã„。画åƒã˜ã‚ƒãªãã¦ã‚‚ã„ã„ã‚“ã˜ã‚ƒãƒ»ãƒ»ã¿ãŸã„ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ãƒ‡ãƒ¢ã§ç”»åƒã‚’使ã£ã¦ã‚‹ã€ç”»åƒã¨ç›¸æ€§ãŒè‰¯ã•ãã†ã€ã¿ãŸã„ãªã‚‚ã®ã¯åŸºæœ¬çš„ã«æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚ リンクã«ãƒžã‚¦ã‚¹ä¹—ã›ã‚Œã°ã‚ャプãƒãƒ£ãŒå‡ºã¾ã™ã€‚ Lightbox Lightbox風ã«ç”»åƒã‚’表ç¾ã§ãã‚‹jQueryã„ã‚ã„ã‚ Lightbox2 / ベーシックãªã‚¿ã‚¤ãƒ—。
ASCII.jp：作ã£ã¦å¦ã¶ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã‚µã‚¤ãƒˆã®åŸºæœ¬ (1/4)｜実践ï¼iPhone＆Androidサイト制作ガイド
iPhone/Androidå‘ã‘サイト制作ã®åŸºæœ¬ã‚’å¦ã¶ãŸã‚ã«ã€ä»Šå›žã¯å®Ÿéš›ã«æ‰‹ã‚’å‹•ã‹ã—ãªãŒã‚‰éžå¸¸ã«ç°¡å˜ãªWebページを作ã£ã¦ã¿ã¾ã—ょã†ã€‚ã‚ã‚ã›ã¦ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆåˆ¶ä½œã«æœ€ä½Žé™å¿…è¦ãªåˆ¶ä½œç’°å¢ƒï¼ˆã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã¨Webサーãƒãƒ¼ï¼‰ã«ã¤ã„ã¦ã‚‚紹介ã—ã¾ã™ã€‚ 用æ„ã™ã‚‹ã‚‚ã®1：エディター HTMLを編集ã™ã‚‹ã®ã«å¿…è¦ã§ã™ã€‚使ã„慣れãŸã‚½ãƒ•ãƒˆã§æ§‹ã„ã¾ã›ã‚“ãŒã€ã‚‚ã—ãªã‘ã‚Œã°æ¬¡ã®ã‚ˆã†ãªã‚‚ã®ã‚’使ã†ã¨ã‚ˆã„ã§ã—ょã†ã€‚ ・Em Editor / Windows / 4000円（税込） http://jp.emeditor.com/ ・秀丸エディタ / Windows / 4200円（税込） http://hide.maruo.co.jp/ ・TeraPad / Windows / ç„¡æ–™ http://www5f.biglobe.ne.jp/~t-susumu/library/tpad.html ・JEdit X / Mac /
éžãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€€ãã®ï¼‘ | 07design.blog
デザイナーã§ã¯ãªã„方も趣味ã§ã‚µã‚¤ãƒˆã‚’作ã£ã¦ã„ãŸã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«é ¼ã‚€ã»ã©ã§ã‚‚ãªã„ç”»åƒã‚’作ã£ãŸã‚Šã™ã‚‹æ©Ÿä¼šãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚デザイナーã¯ã‚»ãƒ³ã‚¹ã§ã‚µã‚¯ã‚µã‚¯ã¨åˆ¶ä½œã™ã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€å®Ÿã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†ã‚‚ã®ã¯æ•°ã€…ã®ãƒ«ãƒ¼ãƒ«ã«ã‚ˆã£ã¦æˆç«‹ã—ã¦ã„ã¾ã™ãƒ»ãƒ»ãƒ»ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã¯ãªã„方も趣味ã§ã‚µã‚¤ãƒˆã‚’作ã£ã¦ã„ãŸã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«é ¼ã‚€ã»ã©ã§ã‚‚ãªã„ç”»åƒã‚’作ã£ãŸã‚Šã™ã‚‹æ©Ÿä¼šãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ デザイナーã¯ã‚»ãƒ³ã‚¹ã§ã‚µã‚¯ã‚µã‚¯ã¨åˆ¶ä½œã™ã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ 実ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†ã‚‚ã®ã¯æ•°ã€…ã®ãƒ«ãƒ¼ãƒ«ã«ã‚ˆã£ã¦æˆç«‹ã—ã¦ã„ã¾ã™ã€‚ ãã®ãƒ«ãƒ¼ãƒ«ã®çŸ¥è˜ãŒã‚ã‚Œã°ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ¬ãƒ™ãƒ«ã¨ã¯ã„ã‹ãªã„ã‚‚ã®ã®ã€è¦‹ãŸç›®ãŒãã‚Œã„ãªã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã¯ä½œã‚Œã‚‹ã¯ãšã§ã™ã€‚ デザインã¨ã„ã†è¨€è‘‰ã®å®šç¾©ã‚„ソフトã®ä½¿ã„æ–¹ã‹ã‚‰å§‹ã‚ã¦ã—ã¾ã†ã¨ã‚„ã‚„ã“ã—ããªã‚‹ã®ã§ã€ 今回ã¯ã‚ãã¾ã§ã‚‚「ã¨ã‚Šã‚ãˆãšè¦‹ãŸç›®ã‚’ã‚レイã«ã™ã‚‹ã€ã¨ã„ã†ã“ã¨ã«é‡ç‚¹ã‚’ç½®ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ 記事内ã§
HTML5を今ã™ã使ã†ãŸã‚ã®ã‚³ãƒ„ã‚„æƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—㟠- EC studio デザインブãƒã‚°
ã“ã®æ•°ã‚«æœˆã§HTML5ã®ã‚µã‚¤ãƒˆãŒå›½å†…ã«ã‚‚増ãˆã¦ãã¾ã—ãŸã€‚先日10周年を迎ãˆãŸ EC studio ã®ã‚µã‚¤ãƒˆã‚‚HTML5ã§åˆ¶ä½œã—ã¦ã„ã¾ã™ã€‚マークアップã®é¢ã§ã®HTML5ã®å°Žå…¥ã¨ãªã‚Šã¾ã—ãŸãŒã€é›£ã—ã„ã¨æ€ã†ä»¥ä¸Šã«å‹‰å¼·ã«ãªã‚‹ã“ã¨ãŒå¤šãã‚ã‚Šã¾ã—ãŸã€‚（今も改善を続ã‘ã¦ã„ã¾ã™ã€‚） http://www.ecstudio.jp/ 個人サイト以外ã§HTML5ã‚’å°Žå…¥ã™ã‚‹ã®ã‚’ãŸã‚らã£ã¦ã„る人ãŒå¤šã„ã¨æ€ã†ã®ã§ã€ä»Šã‹ã‚‰ã§ã‚‚使ã£ã¦ã„ããŸã‚ã®ã‚³ãƒ„やノウãƒã‚¦ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ æ–°è¦ç´ ã‚’JavaScriptã§ç”Ÿæˆã™ã‚‹ HTML5ã®æ–°è¦ç´ ã¯IEã§ã¯æœªçŸ¥ã®è¦ç´ ã§ã™ã€‚ãã®ãŸã‚記述ã—ã¦ã„ã¦ã‚‚DOMツリーãŒæ§‹æˆã•ã‚Œãªã‹ã£ãŸã‚Šã€CSSãŒé©ç”¨ã•ã‚Œãªã„ã¨ã„ã†å•é¡ŒãŒç”Ÿã˜ã¾ã™ã€‚ ãã“ã§document.createElement(è¦ç´ å);ã«ã‚ˆã‚Šã€ãƒ–ラウザ（ユーザーエージェント）ã«ã¨ã£ã¦æœªçŸ¥ãªå˜åœ¨ã®è¦ç´ を生æˆã—ã€èªè˜ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
スクãƒãƒ¼ãƒ«ã«å¿œã˜ã¦è¦ç´ ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã€è¦–差効果（パララックス）をå–り入れãŸWebデザイン例ã¨Tipsã„ã‚ã„ã‚ - ã‹ã¡ã³ã¨.net
商用利用も無料ã§ã€ãƒã‚¤ãƒ¤ãƒªãƒ†ã‚£ã‚‚フリーã®ãƒ†ã‚¯ã‚¹ãƒãƒ£ç´ æ集 -Texturemate
http://www.webdesignish.com/27-creative-and-beautiful-css-websites-designs-for-inspiration.html
{{#tags}}- {{label}}
{{/tags}}