Andrew McCarthyPortfolio of creative developer and designer in San Diego
新人デザイナーãªã‚‰ãƒ–クマã—ã¦æãªã—ã®Webデザインギャラリーサイト
ã€ãƒ•ãƒ¬ãƒƒã‚·ãƒ¥ãªWebデザイナーã®çš†ã•ã‚“ã¸ã€‘æ•°ã‚ã‚‹... / â”â”国内ギャラリーサイトâ”â”イケサイã€ABMã€S... / ã€ã‚¤ã‚±ã‚µã‚¤ã€‘国内ã®ã‚³ãƒ¼ãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆãŒä¸å¿ƒã®ãƒ‡ã‚¶...ä»–...å…¨14件 ã€ãƒ•ãƒ¬ãƒƒã‚·ãƒ¥ãªWebデザイナーã®çš†ã•ã‚“ã¸ã€‘ æ•°ã‚ã‚‹Webデザインギャラリーサイトã®ä¸ã§ã€æ–°å’WebデザイナーãŒã¨ã‚Šã‚ãˆãšæ¯Žæ—¥è¦‹ã¦ãŠã‘ã°é–“é•ã„ãªã„特ã«ã‚ªã‚¹ã‚¹ãƒ¡ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚
Tters - 棲ã¿åˆ†ã‘ã—ã‚„ã™ã„匿åSNS
Ttersã¸ã‚ˆã†ã“ãï¼ ã€ŒTters(ッターズ)ã€ã¯ã€è‡ªåˆ†ã«åˆã£ãŸã€‡ã€‡ãƒƒã‚¿ãƒ¼ã‚’作æˆã—ã€ãƒ•ã‚©ãƒãƒ¼ã—ã¦è‡ªç”±ã«ã¤ã¶ã‚„ã‘る匿åSNSã§ã™ã€‚ 匿åã ã‹ã‚‰ã“ãã€äººé–“関係ã®ã‚¹ãƒˆãƒ¬ã‚¹ã‚„プレッシャーã¨ã¯ç„¡ç¸ã§ã€è‡ªåˆ†ã‚‰ã—ã自然体ã§ã‚ã‚ŠãªãŒã‚‰è‡ªå·±è¡¨ç¾ãŒå¯èƒ½ãªç©ºé–“ã‚’æä¾›ã—ã¦ã„ã¾ã™ã€‚ åˆã‚ã¦ã®æ–¹ã¯ã€å½“サービスã®ä»£è¡¨çš„ãªã‚¿ã‚¤ãƒ ライン「ã¿ã‚“ãªã®ãƒƒã‚¿ãƒ¼ã€ã«ã¦ã€æ€ã„ã®ä¸ˆã‚’ã¤ã¶ã‚„ã„ã¦ã¿ã¦ãã ã•ã„。ユーザー登録ã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“。 ã¾ãšã¯æŒ¨æ‹¶ã—ã¦ã¿ã‚ˆã† ã“ã®è¡¨ç¤ºã¯ä¸€åº¦ã¤ã¶ã‚„ãã¨æ¶ˆãˆã¾ã™ã€‚
就活ã«æ‰“ã¡å‹ã¤ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªWebサイトã®ä½œã‚Šæ–¹ | Webクリエイターボックス
2016å¹´2月18æ—¥ Webサイト制作 Webデザイナーã¨ã—ã¦åƒãéš›ã€è‡ªåˆ†ã‚’アピールã™ã‚‹ã®ã«æœ€ã‚‚大切ãªã®ãŒãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªWebサイト。今ã¾ã§ä½œã£ãŸä½œå“や自分ãŒã©ã‚“ãªäººé–“ãªã®ã‹ã€ä½•ãŒã§ãã‚‹ã®ã‹ã‚’紹介ã™ã‚‹ã‚µã‚¤ãƒˆã‚’作ã£ã¦ãŠã‘ã°ã€å°±è·æ´»å‹•ã«ã‚‚大変役立ã¡ã¾ã™ã€‚ã“ã“ã§ã¯ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªWebサイトを作る際ã®ãƒã‚¤ãƒ³ãƒˆã‚„ç´ æ•µãªãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚µã‚¤ãƒˆã‚’紹介ã—ã¾ã™ï¼ ↑ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ æœ€æ–°ç‰ˆæ›¸ãã¾ã—ãŸï¼ã“ã¡ã‚‰ã‚‚å‚考ã«ã—ã¦ã¿ã¦ãã ã•ã„。 ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªWebサイトを作ã‚ã†ï¼2015年版 ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªWebサイトを作る時ã®ãƒã‚¤ãƒ³ãƒˆ 1. 自己紹介 自分ã¯ä½•è€…ãªã®ã‹ï¼Ÿä½•ãŒã§ãã‚‹ã®ã‹ã‚’ã‚ã‹ã‚Šã‚„ã™ã完çµã«ç´¹ä»‹ã—ã¾ã™ã€‚ã‚ã¾ã‚Šãƒ€ãƒ©ãƒ€ãƒ©æ›¸ã„ã¦ã‚‚èªã¾ã‚Œãªã„確立ãŒé«˜ã„ãŸã‚ã€å¤§ãã‚ã®ãƒ•ã‚©ãƒ³ãƒˆãƒ»çŸã„æ–‡ç« ã§ç´¹ä»‹ã™ã‚‹ã¨åŠ¹æžœçš„ã§ã™ã€‚ 「自分ã¯Webデザイナーã€ã¨ã„ã†äº‹ã‚’ã¯ã£ãり書ã 自分ãŒã§ãã‚‹ã“ã¨ã‚’ã‚ã‹ã‚Šã‚„ã™ã表記
æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’作るã®ã«ä½¿ãˆãã†ãªã®ä¸€å¼ã€‚Ver 3
éšåˆ†å‰ã«ã€Ver2ã®è¦‹ç›´ã—ã‚’ã—ã¦3ã«ãªã£ã¦ãŸã‚“ã§ã™ã‘ã©ã€å…¬é–‹ã—ã¦ãªã‹ã£ãŸã®ã§ä»Šæ›´ãªãŒã‚‰å…¬é–‹ã§ã™ã€‚ ä¸èº«ã¯2を使ã£ã¦ã¿ã¦ã€ç¤¾å†…ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—エンジニアã‹ã‚‰ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚‚らã£ãŸã‚Šã€è‡ªåˆ†ã§ã‚‚é•å’Œæ„ŸãŒæœ‰ã£ãŸéƒ¨åˆ†ã‚’調整ã—ã¦ã¾ã™ã€‚ ãã‚Œãªã‚Šã®æœŸé–“使ã£ã¦ã¿ã¦ã€å•é¡Œã‚’ã‚ã‚“ã¾ã‚Šæ„Ÿã˜ã¦ã„ãªã„ã®ã§ã€å®Œæˆåº¦ã¨ã—ã¦ã¯å¤§åˆ†è‰¯ããªã£ãŸã‹ãªãã£ã¦æ€ã„ã¾ã™ã€‚ æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’作るã®ã«ä½¿ãˆãã†ãªä¸€å¼ã€‚Ver 3ã‚’DL（zip：40kb） Ver 3を見る Ver.3ã®ä¸èº«ã”説明 主ãªå¤‰æ›´ç‚¹ã‚’。 style.cssã®widthãªã©ã®ãƒ—ãƒãƒ‘ティをã¾ã¨ã‚ã¦ã„ãŸã®ã‚’Ver1ã¨åŒã˜ã«ã€‚ default.cssã«æ›¸ã‹ã‚Œã¦ã„ãŸã€pè¦ç´ ã®margin-bottomã®æŒ‡å®šã‚’style.cssã«ç§»å‹•ã€‚ default.cssã®font-familyã®æŒ‡å®šã‚’若干変更。 index.htmlã«Googleカスタムサーãƒç”¨ã«ä½¿ãˆã‚‹ã‚½ãƒ¼ã‚¹ã‚’記入。 Ja
[CSS]クãƒã‚¹ãƒ–ラウザ対応ã€é«˜ã•ã®ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ | コリス
Matthew James Taylorã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€é«˜ã•ã®ç•°ãªã‚‹divã§çµ„ã‚“ã カラムã®é«˜ã•ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’紹介ã—ã¾ã™ã€‚ Equal Height Columns with Cross-Browser CSS & No Hacks demo: 2カラムdemo: 3カラム以å‰ã€ç´¹ä»‹ã—ãŸã€Œé«˜ã•ã®ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€ã§ã¯ã€ãƒšãƒ¼ã‚¸å†…アンカーã§è¦ç´ ãŒæ¶ˆå¤±ã—ãŸã‚Šã€IEã§å°åˆ·ã§ããªã„ãªã©ã®ä¸å…·åˆãŒã‚ã‚Šã¾ã—ãŸãŒã€ä»Šå›žç´¹ä»‹ã™ã‚‹ã‚‚ã®ã¯ã€ãã®ï¼’ã¤ã®ä¸å…·åˆãŒç„¡ã„ã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ï¼ˆIE7調ã¹ï¼‰ã€‚ 対応ブラウザã¯ã€IE5.5, 6, 7, Fx1.5, 2, 3, Op8, 9, Safari, Google Chromeãªã©ã»ã¨ã‚“ã©ã®ã‚‚ã®ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ 仕組ã¿ã¯ã‚«ãƒ©ãƒ ã”ã¨ã«divを用æ„ã—ã€ãã‚Œãžã‚Œã‚’ãšã‚‰ã—ã¦é…ç½®ã—ã¾ã™ã€‚ 下記ã¯ã€ãã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã™ã€‚
CSS Decorative Gallery - Web Designer Wall
Did you like my previous CSS tutorial on how to create gradient text effects? I’m using the same trick to show you how to decorate your images and photo galleries without editing the source images. The trick is very simple. All you need is an extra <span> tag and apply a background image to create the overlaying effect. It is very easy and flexible — see my demos with over 20 styles, from a simple
MOONGIFT: » ã“ã‚Œã¯ã™ã”ã„ï¼Firefoxを使ã£ã¦ã‚µã‚¤ãƒˆã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã‚’ç°¡å˜ã«ä½œæˆã™ã‚‹ã€ŒPencilã€:オープンソースを毎日紹介
ã“ã‚Œã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã¿ãªã‚‰ãšå°Žå…¥å¿…é ˆã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¨è¨€ãˆãã†ã 。 Webサイトを作る際ã«ã¯ã€ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ãŒå¿…è¦ã«ãªã‚‹ã€‚ãれをベースã«ã—ã¦ã€Œã“ã“ã‚’ã“ã†ã—よã†ã€ã€Œæ¬¡ã¯ã©ã“ã«é·ç§»ã•ã›ã‚ˆã†ã€ã¨ã„ã£ãŸè°è«–ãŒå¯èƒ½ã«ãªã‚‹ã€‚é ã®ä¸ã ã‘ã§ã¯ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã¯ã£ãã‚Šã›ãšã€æ„見も出ã—ã¥ã‚‰ã„。 ドラッグアンドドãƒãƒƒãƒ—ã§ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—を作æˆã§ãã‚‹ ãã‚“ãªãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—を作æˆã—よã†ã¨æ€ã£ãŸã‚‰ã€ç´™ã‚„HTMLオーソライズソフトウェアã€ç”»åƒç·¨é›†ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’使ã†ã“ã¨ãŒå¤šã‹ã£ãŸã€‚ã ãŒç”»åƒç·¨é›†ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã¯ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚„テã‚ストボックスãŒä½œã‚Šã¥ã‚‰ã„ã€HTMLオーソライズソフトウェアã§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¾®èª¿æ•´ãŒé¢å€’ã€ç´™ã§ã¯é‡ã書ãã—ã¥ã‚‰ã„…ã¨ãã‚Œãžã‚Œã«æ¬ 点ãŒã‚ã£ãŸã€‚ãã“ã§ã“れを導入ã—ã¦ã¿ã‚ˆã†ã€‚ 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯Pencilã€Firefoxアドオンã¨ã—ã¦å‹•ä½œã™ã‚‹ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—作æˆã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã 。 個人的ã«ã¯ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—
自サイトã®ç”»åƒã®ä¿å˜ã‚’プãƒãƒ†ã‚¯ã‚·ãƒ§ãƒ³ã™ã‚‹ä»•çµ„ã¿:phpspot開発日誌
MooTools 1.2 Image Protector: dwProtector Image protection is a hot topic on the net these days, and why shouldn't it be? 自サイトã®ç”»åƒã®ä¿å˜ã‚’プãƒãƒ†ã‚¯ã‚·ãƒ§ãƒ³ã™ã‚‹ä»•çµ„㿠サイトã®ç”»åƒã¯ã€æ¬¡ã®æ–¹æ³•ã§ä¿å˜ã§ãã¾ã™ãŒã€ãれを全部ç¦æ¢ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ ・å³ã‚¯ãƒªãƒƒã‚¯â†’åå‰ã‚’ã¤ã‘ã¦ä¿å˜ ・デスクトップã«ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ä¿å˜ ・å³ã‚¯ãƒªãƒƒã‚¯ã§åå‰ã‚’ã¤ã‘ã¦èƒŒæ™¯ã‚’ä¿å˜ ・背景画åƒã‚’表示 dwProtect.js をダウンãƒãƒ¼ãƒ‰ã—ã¦ã€JavaScriptã§ä»¥ä¸‹ã®ã‚ˆã†ã«æ›¸ãã ã‘ã§ã™ã€‚ window.addEvent('domready', function() { var protector = new dwProtector({ image: '/blank.gif', elements:
Firefoxã«GUIプãƒãƒˆã‚¿ã‚¤ãƒ”ングã®æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ã‚‚ã®ã™ã”ã„拡張「The Pencil Projectã€:phpspot開発日誌
Firefoxã«GUIプãƒãƒˆã‚¿ã‚¤ãƒ”ングã®æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ã‚‚ã®ã™ã”ã„拡張「The Pencil Project〠2008å¹´07月09æ—¥- Home - Pencil Project Firefoxã«GUIプãƒãƒˆã‚¿ã‚¤ãƒ”ングã®æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ã‚‚ã®ã™ã”ã„拡張「The Pencil Projectã€ã€‚ Pencil Projectを使ãˆã°ã€äºˆã‚用æ„ã•ã‚Œã¦ã„ã‚‹GUI部å“ã‚’ã‚ャンãƒã‚¹ã«ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã—ã¦ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã®ç”»é¢ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’作æˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ボタンãªã‚“ã‹ã‚‚ã€ãƒ€ãƒ–ルクリックã§ã‚ャプションを変ãˆã‚‹ã“ã¨ãŒã§ããŸã‚Šã€VisualBasicã€VisualC++ãªã©ã®ã‚¢ãƒ—リを使ã£ã¦ç”»é¢ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ã¦ã„るイメージã«è¿‘ã„æ“作感ãŒå®Ÿç¾ã§ãã¦ã„ã¾ã™ã€‚ アプリã£ã½ã„ç”»é¢ã‚’作ã£ã¦ã¿ã¾ã—ãŸãŒã€è¶…ç°¡å˜ã§ã™ã€‚ GUIã®ã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢ãƒãƒ³ã‚¢ãƒ—リã ã‘ã§ãªãã€Webサイトã«ã‚‚使ã†ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ HTMLを使ã£ã¦ç°¡å˜ã«ç”»é¢ã‚’作
webサイトを作る時ã«é¡§å®¢ã¨ã‚らã‹ã˜ã‚シンクãƒã—ã¦ãŠãã¨è‰¯ã„7ã¤ã®åŸºç¤Ž*ホームページを作る人ã®ãƒã‚¿å¸³
webサイトを作る人ã«ãªã‚ŠãŸã„。 ãã‚“ãªæ–¹ã€åˆã¯webサイトを作りãŸã„ã¨è¨€ã†ç™ºæ³¨è€…ãŒã€æ°—ã‚’ã¤ã‘ã¦ãŠãã¹ã7ã¤ã®åŸºç¤Žã€‚ ã‚ã¾ã‚Šwebã‚ã‹ã‚‰ãªã„ã—・・・ã¨ã„ã†ç™ºæ³¨è€…ã®æ–¹ã‚‚確èªã—ã¦ãŠã„ã¦æã¯ãªã„基礎編ã§ã™ã€‚ webã§ä½•ã§ã‚‚出æ¥ã‚‹ã¯å¤§é–“é•ã„ å‰å›žã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ web制作ã—ã¦ã„ã‚‹ã¨ãã®æ¯æŠœã悪循環ベスト1ã¯RSSè³¼èªã‹ã‚‚ã—ã‚Œãªã„・・・ ã“ã¡ã‚‰ã§ã‚‚紹介ã—ãŸweb製作者ã®æ–¹ã€…ã¨ã®ãŠè©±ã®ç¶šãã§ã™ã€‚ ã“ã®æ–¹ã€…ã¨ã®ãŠè©±ã®ä¸ã§æœ€ã‚‚注目ã™ã¹ã点ãŒã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã¨ã®è¦–点ã®å·®ãŒã‚ã’られã¾ã™ã€‚ 今回ã¯ã€ã“ã®åˆ¶ä½œå´ã®è¦–点ã‹ã‚‰ã€ã‚µã‚¤ãƒˆã‚’作る時ã®åŸºæœ¬ã‚’ãŠä¼ãˆã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãã‚‚ãã‚‚ã€åˆ¶ä½œã‚’ä¾é ¼ã™ã‚‹å´ã®çŸ¥è˜ã¯å½“然制作ã™ã‚‹å´ã®ãã‚Œã¨ã¯åˆ¥ç‰©ã€‚ ã“ã®è¾ºã‚Šã®æ‘©æ“¦ã‚’減らã™ã¹ãã€ã‚µã‚¤ãƒˆä½œæˆã«å½“ãŸã‚Šã€ã©ã“ã‚’æ°—ã‚’ã¤ã‘ã¦ã„ã‘ã°ã‚ˆã„ã®ã‹ã‚’話ã—åˆã£ã¦ã¿ã¾ã—ãŸã€‚ 基礎ãã®ï¼‘　人ã¯ç°¡å˜ã«æ¥ãªã„ web制作者ã«ã¨ã£ã¦æœ€å¤§ã®èª²é¡Œã§ã‚ã‚Šã€ç™ºæ³¨å´ã‹ã‚‰ã—ã¦ã‚‚
ä¿¡ã˜ã‚‰ã‚Œãªã„ã»ã©ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªFlashサイト集:phpspot開発日誌
21 Incredibly Creative Flash Websites - Down the Foxhole ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªã«ã¦ã€ä¿¡ã˜ã‚‰ã‚Œãªã„ã»ã©ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªFlashサイト集ã¨ã„ã†ã“ã¨ã§FlashサイトãŒç‰¹é›†ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ 以下ã€ä¿¡ã˜ã‚‰ã‚Œãªã„ã»ã©ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªFlashサイトã®å¼•ç”¨ã§ã™ã€‚ http://www.nationalgridfloe.com/ http://lab.mathieu-badimon.com/ http://ecodazoo.com/ http://www.lacoste-future.com/ http://sectionseven.com/ 続ãを見る æ•°å¹´å‰ã‚’æ€ã„è¿”ã—ã¦ã¿ã‚‹ã¨ã€æ•°å¹´å‰ã§ã¯æƒ³åƒã‚‚ã§ããªã„よã†ãªã‚µã‚¤ãƒˆãŒå¢—ãˆã¦ã¾ã™ã。 Flashプレイヤーã®é€²åŒ–ã«ã‚ˆã£ã¦ã©ã‚“ã©ã‚“出æ¥ã‚‹ã“ã¨ãŒå¢—ãˆã¦ã„ããŸã‚ã€æˆæžœç‰©ã®ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚„機能もã©ã‚“ã©ã‚“進化ã—ã¦ã„るよã†
CSSãƒãƒƒã‚¯ã—ãªã„ã€JavaScript使ã‚ãªã„CSSã®æ•™ç§‘書ã¿ãŸã„ãªãƒ†ãƒ³ãƒ—レ*ホームページを作る人ã®ãƒã‚¿å¸³
ã‚ã¨ã§çµ¶å¯¾æ´»ç”¨ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã—ãŸã®ã§ä¸€å¿œæ›¸ã„ã¦ãŠãã¾ã™ã€‚ 『誰ã§ã‚‚使ã£ã¦ã„ã„よï¼ã€ã¨ã®äº‹ãªã®ã§èˆˆå‘³ã®ã‚ã‚‹æ–¹ã«ã€‚ CSSãƒãƒƒã‚¯ã‚’ã—ãªã„ã€JavaScriptを使ã‚ãªã„ã¨ã„ã†ã‚‚ã®ã€‚ å‚考：CSSãƒãƒƒã‚¯ã£ã¦ãªã‚“ãžãˆï¼Ÿ 詳細ã¯ä»¥ä¸‹ã«ã€‚ テンプレート色々 基本ã¯ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ«ã¯è¦‹ã¤ã‹ã‚‰ãªã‹ã£ãŸã®ã§å„ページã§ã‚½ãƒ¼ã‚¹ã‚’表示ã—ã¦å‚考ã«ã™ã‚‹æ„Ÿã˜ã€‚ 英語ãŒã‚ã‹ã‚‹äººã¯ä½œè€…サイトã‹ã‚‰è¦‹ãŸæ–¹ãŒæ—©ã„ã‹ã‚‚。 作者サイトã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ Art and design by Matthew James Taylor 3カラムä¸å¤®ãƒ¡ã‚¤ãƒ³ã‚¿ã‚¤ãƒ— ピクセル割りem割りパーセント割り 3カラム左メインタイプ ピクセル割りem割りパーセント割り 2カラムå³ãƒ¡ã‚¤ãƒ³ã‚¿ã‚¤ãƒ— ピクセル割りem割りパーセント割り 2カラムå³ãƒ¡ã‚¤ãƒ³ã‚¿ã‚¤ãƒ— ピクセル割りem割りパーセント割り 2カラムå‡ç‰å‰²ã‚Š パーセント割り ã“ã®ã»ã‹1カラムã®ã‚¿ã‚¤ãƒ—ã‚„ã€ãƒž
データãŒåˆ†ã‹ã‚Šã‚„ã™ã„ã€ã‚°ãƒ©ãƒ•ã‚„ãƒãƒ£ãƒ¼ãƒˆã«ã™ã‚‹10ã®ã‚¹ã‚¯ãƒªãƒ—ト | コリス
WebTeckerã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€JavaScript, Flash, Silverlight, PHPãªã©ã‚’使用ã—ã¦ã€ã‚°ãƒ©ãƒ•ã‚„ãƒãƒ£ãƒ¼ãƒˆãªã©ã«ãƒ‡ãƒ¼ã‚¿ã‚’ビジュアル化ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トã®ç´¹ä»‹ã§ã™ã€‚
bookreader.js
bookreader.jsã¯ã€é•·æ–‡ã‚’縦スクãƒãƒ¼ãƒ«ã§ã¯ãªãã€æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§è¡¨ç¤ºã—èªã¿ã‚„ã™ãã™ã‚‹JavaScriptライブラリã§ã™ã€‚ →プãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ›ãƒ¼ãƒ (Google Code) - New!! →ダウンãƒãƒ¼ãƒ‰(ver 0.4.6) - 2009/04/18公開 ※ダウンãƒãƒ¼ãƒ‰ã®è©³ç´°ã«ã¤ã„ã¦ã¯ã€ã“ã¡ã‚‰ã®ãƒšãƒ¼ã‚¸ã‚’ã”覧下ã•ã„。 ã¾ãšã¯ã€ã“ã®ãƒšãƒ¼ã‚¸ã§ä½“験ã—ã¦ã¿ã¦ä¸‹ã•ã„。ã‚ーボードã®[→]/[â†]ã‚ーãŒã€ã€Œé€²ã‚€ã€ã‚ã‚‹ã„ã¯ã€Œæˆ»ã‚‹ã€ã«å¯¾å¿œã—ã¾ã™ã€‚ç”»é¢ä¸Šã«è¡¨ç¤ºã•ã‚Œã‚‹ã€åŠé€æ˜Žã®â–¶/◀ボタンをクリックã—ã¦ã‚‚OKã§ã™ã€‚使ã„æ–¹ã®è©³ç´°ã¯ã€Œãƒ˜ãƒ«ãƒ—ã€ã‚’å‚ç…§ãã ã•ã„。 次期ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®é–‹ç™ºçŠ¶æ³ 幸ã„ã«ã—ã¦ã•ã¾ã–ã¾ãªæ–¹ã‹ã‚‰ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’ã„ãŸã ãã¾ã—ãŸã€‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ãれを元ã«æ©Ÿèƒ½ã®çµžã‚Šè¾¼ã¿ã¨WEBサイトã¸ã®ã€Œçµ„è¾¼ã¿æ–¹ã€ã«ã¤ã„ã¦æ¤œè¨Žã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ã¾ã ã€å®Ÿè£…ã®æ–¹é‡ãŒå®šã¾ã£ãŸã€ã¨ã„ã†æ®µéšŽã§ã™ãŒæ¬¡æœŸ0.8.xç³»ã®ã‚µ
CSSã§æ§˜ã€…ãªã‚¢ã‚¯ã‚»ã‚µãƒªã‚’ã¤ã‘る装飾CSS＋ｊQuery*ホームページを作る人ã®ãƒã‚¿å¸³
ã©ã®ã‚ˆã†ã«è¡¨ç¤ºã™ã‚‹ã®ã‹ 以下ã®ã‚ˆã†ãªæ„Ÿã˜ã§ã€Divã¨classã«ã‚ˆã£ã¦ä½•ã®è£…飾もãªã„ç”»åƒã«ã€ãƒ¯ãƒ³ãƒã‚¤ãƒ³ãƒˆã®ã‚¢ã‚¯ã‚»ã‚µãƒªãƒ¼ã‚’ã¤ã‘ã‚‹ã¨ã„ã†ã‚‚ã®ã€‚ サンプルデモãŒä»¥ä¸‹ã€‚ CSS Decorative Gallery クリップやã€æ˜ åƒãƒžãƒ¼ã‚¯ã€ã‚»ãƒãƒãƒ³ãƒ†ãƒ¼ãƒ—ã€å…‰æ²¢ãªã©ã€æ§˜ã€…ãªè£…飾ãŒå¯èƒ½ã€‚ ã‚»ãƒãƒãƒ³ãƒ†ãƒ¼ãƒ— テープã§å†™çœŸã‚’貼り付ã‘ãŸã‚ˆã†ã«è¦‹ã›ã¦ãれる装飾。 サンプルデモ ビデオマーク Diggãªã‚“ã‹ã§ã‚ˆã見ã‹ã‘るよã†ãªå°ã•ãªã‚¢ã‚¤ã‚³ãƒ³ã‚’ç”»åƒã«ä»˜åŠ ã§ãã¾ã™ã€‚ サンプルデモ ãƒã‚¤ãƒ³ã‚¿ã‚’åˆã‚ã›ã‚‹ã¨å¹ã出ã—ãŒå‡ºã‚‹ ãƒã‚¤ãƒ³ã‚¿ã‚’åˆã‚ã›ã‚‹ã¨å¹ã出ã—ãŒç”»åƒã‹ã‚‰å‡ºã¦ãã¾ã™ã€‚ サンプルデモ 付箋付ãクリップ 付箋ã¨ã‚¯ãƒªãƒƒãƒ—ã®è£…飾。 サンプルデモ 光沢ã®æ¼”出 é€Pngç”»åƒã‚’使ã£ã¦å†™çœŸã«è‰²ã€…ãªæ¼”出も。 サンプルデモ IE7ã®Pngé€éŽå•é¡Œã‚‚解決ã™ã‚‹ã‚‚ã®ãŒåŒæ¢±ã•ã‚Œã¦ã„ã¾ã™ã€‚ 様々ãªãƒ–ラウザã«å¯¾å¿œã—ã¦ã„るよã†ã§ã€å®Ÿç”¨æ€§ã‚‚高ã„ã‹ã‚‚。 以
SEO基本技術ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆï¼ˆãƒˆãƒ©ã®å·»ï¼‰ã‚’作ã£ã¦ã¿ãŸ | Web担当者Forum
9ã‹æœˆå‰ã€æœ€åˆã«SEOmozã§åƒã始ã‚ãŸã¨ãã€åƒ•ã¯ã‚¦ã‚§ãƒ–制作ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ã ã£ãŸã€‚ãれ以å‰ã®çµŒé¨“ã¨ã„ãˆã°ã€ã‚³ãƒ¼ãƒ‰ã‚’書ã„ãŸã“ã¨ãŒã‚ã‚‹ãらã„ã ã£ãŸã€‚ SEOmozã«å‚åŠ ã—ã¦ã‹ã‚‰ã€ãã‚Œã“ã何百時間もã‹ã‘ã¦ã€ã„ã‚ã„ã‚ãªåˆ†é‡Žã®çŸ¥è˜ã‚’広ã’ã¦ã„ã£ãŸã€‚特ã«ã€å®šç•ªã®SEO手法ã¨ä¸å°ä¼æ¥å‘ã‘ã®å®Ÿå‹™ã¯åŠ›ã‚’入れã¦å‹‰å¼·ã—ãŸã€‚ã“ã®é–“投稿ã—ãŸSEOåˆå¿ƒè€…ã®ãŸã‚ã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã¯ã€åƒ•ãŒæ–°ã—ã手ã«å…¥ã‚ŒãŸçŸ¥è˜ã®çµæ™¶ãªã‚“ã 。 原点ã«ç«‹ã¡å¸°ã‚‹ãŸã‚ã«ã€SEO技術ã®ãƒˆãƒ©ã®å·»ã®æ¯ä½“ã¨ãªã‚‹ã¹ãã‚‚ã®ã‚’丸1æ—¥ã‹ã‘ã¦ã¾ã¨ã‚ã¦ã¿ãŸã€‚ã“ã®ãƒˆãƒ©ã®å·»ã¯ã€ãƒ–ãƒã‚°è¨˜äº‹ã¨ã—ã¦èªã‚€ã‚ˆã‚Šã‚‚PDFã§å°åˆ·ã—ã¦èªã‚“ã æ–¹ãŒã„ã„よ（ブãƒã‚°è¨˜äº‹ã¯å°åˆ·ã—ã«ãã„ã‹ã‚‰ã）。 ダウンãƒãƒ¼ãƒ‰ã™ã‚‹å‰ã«å†…容を確èªã§ãるよã†ã«ã€ç°¡å˜ãªèª¬æ˜Žã‚’ã—ã¦ãŠãよ。ã˜ã‚ƒã‚ãï¼ SEO基本技術ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆï¼ˆãƒˆãƒ©ã®å·»ï¼‰â€•â€•è¡¨é¢
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
HYGIA(ãƒã‚¤ã‚¸ã‚¢)ï½œãƒ©ã‚¤ã‚ªãƒ³æ ªå¼ä¼šç¤¾
Technical Page
リストã«ä½¿ãˆã‚‹å°ã•ã„サイズã®ã‚¢ã‚¤ã‚³ãƒ³ Part2 - DesignWalker
{{#tags}}- {{label}}
{{/tags}}