ã”ã‚Šã‚…ã”.comã”ã‚Šã‚…ã”.com
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
overflowを使ã£ã¦floatã®å•é¡Œã‚’解決ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ | コリス
フãƒãƒ¼ãƒˆã—ãŸåè¦ç´ を内包ã™ã‚‹ã‚³ãƒ³ãƒ†ãƒŠãŒé«˜ã•ã‚’æ‹¡å¼µã—ãªã„å•é¡Œã‚’解決ã™ã‚‹ãŸã‚ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã•ã¾ã–ã¾ãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ ãã®ä¸ã‹ã‚‰ã€overflowを使ã£ãŸæ–¹æ³•ã¨ãã®éš›ã«ç”Ÿã˜ã‚‹å•é¡Œç‚¹ã¨ãã®è§£æ±ºæ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ CSS: Clearing Floats with Overflow [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« Demo 1: overflow:auto; Demo 2: overflow:hidden; overflowを使ã£ã¦ç”Ÿã˜ã‚‹å•é¡Œç‚¹ã¨è§£æ±ºæ–¹æ³• ã¯ã˜ã‚㫠フãƒãƒ¼ãƒˆãƒ™ãƒ¼ã‚¹ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã™ã‚‹éš›ã€ãƒ©ãƒƒãƒ‘ーã¨ãªã‚‹ã‚³ãƒ³ãƒ†ãƒŠãŒãƒ•ãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹åè¦ç´ ã«å¯¾ã—ã¦é«˜ã•ã‚’æ‹¡å¼µã—ãªã„ã“ã¨ã¯ã€æ™®é€šã«ã‚ˆãã‚ã‚‹å•é¡Œã§ã™ã€‚ デモ：１ フãƒãƒ¼ãƒˆã‚’クリアã™ã‚‹è¦ç´ ã‚’é…ç½®ã—ã¦è§£æ¶ˆã—ãŸä¾‹ ã—ã‹ã—ã€ã“ã®å•é¡Œã‚’解決ã™ã‚‹ãŸã‚ã«ã€ã€Œoverflowã€ãƒ—ãƒãƒ‘ティã§ã‚‚ã§ãã‚‹ã“ã¨ã‚’知ã£ã¦ã„ã¾ã—ãŸã‹ï¼Ÿ ã“ã‚Œã¯
商用利用も無料ã€ã–らã£ã¨ã—ãŸæ„Ÿã˜ã®ç¹Šç´°ãªãƒ†ã‚¯ã‚¹ãƒãƒ£ç´ æã¨Photoshopã®ãƒ–ãƒ©ã‚·ç´ æ
グランジ風デザインã«ã´ã£ãŸã‚Šãªã€ã–らã£ã¨ã—ãŸæ„Ÿã˜ã®ç¹Šç´°ãªãƒ†ã‚¯ã‚¹ãƒãƒ£ç´ æã¨Photoshopã®ãƒ–ラシセットを紹介ã—ã¾ã™ã€‚ Freebies - 20 High-Res Subtle Grunge Painting Textures + 15 Brushes [ad#ad-2] ダウンãƒãƒ¼ãƒ‰ã§ãるテクスãƒãƒ£ç´ æã¯20æžšãŒã‚»ãƒƒãƒˆã§ã€ã‚µã‚¤ã‚ºã¯ç´„2,500x4,000pxã§é«˜è§£åƒåº¦ã®ã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚ 下記ã«ãã®ä¸ã‹ã‚‰ã€ã„ãã¤ã‹ã”紹介。
ç´„400種類ã€å¤šç›®çš„ã«ä½¿ãˆã‚‹ã‚·ãƒ³ãƒ—ルãªã‚¢ã‚¤ã‚³ãƒ³ã®PSDç´ æ -iconSweets 2
ジャンルã¯å·¦ä¸Šã‹ã‚‰é †ã« セッティング ラベル メディア é›»å機器 ディスプレイ CMS ã‚¢ãƒãƒ¼ モãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ シグナル コミュニケーション パワー ツール ãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³ ファイル ID ãƒãƒ£ãƒ¼ãƒˆ [ad#ad-2] ダウンãƒãƒ¼ãƒ‰ã§ãるアイコンã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯PSDã§ã€ã‚·ã‚§ã‚¤ãƒ—ã§ä½œã‚‰ã‚ŒãŸãƒ™ã‚¯ã‚¿ãƒ¼ãƒ‡ãƒ¼ã‚¿ã¨ãªã£ã¦ã„ã¾ã™ã€‚サイズã¯16x16, 32x32, 64x64ã®3種類ãŒã‚»ãƒƒãƒˆã«ãªã£ã¦ã„ã¾ã™ã€‚ アイコンã®åˆ©ç”¨ã«ã‚ãŸã£ã¦ã¯å€‹äººã§ã‚‚商用ã§ã‚‚ç„¡æ–™ã§ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚OKã¨ã®ã“ã¨ã§ã™ã€‚
[JS]テã‚ストã®ä¸€éƒ¨ã®ã¿æœ€åˆã«è¡¨ç¤ºã—ã€æ®‹ã‚Šã‚’アニメーションã§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト
パãƒãƒ«ã«é…ç½®ã—ãŸãƒ†ã‚ストを下部ã«ã„ãã«ã¤ã‚Œãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã§è¡¨ç¤ºã—ã€æ®‹ã‚Šã®ãƒ†ã‚ストをアニメーションã§è¡¨ç¤ºã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ 残りã®ãƒ†ã‚ストをアニメーションã§è¡¨ç¤ºã—ãŸã‚ャプãƒãƒ£ [ad#ad-2] 実装 HTML HTMLã¯ã‚·ãƒ³ãƒ—ルã§ã€ãƒ†ã‚ストã¨ã€ŒRead Moreã€ãƒœã‚¿ãƒ³ã‚’divè¦ç´ 内ã«é…ç½®ã—ã¾ã™ã€‚ <div class="sidebar-box"> <p>パãƒãƒ«ã®ãƒ†ã‚スト</p> <p class="read-more"><a href="#" class="button">Read More</a></p> </div> CSS パãƒãƒ«ã®åˆæœŸçŠ¶æ…‹ã®ã‚µã‚¤ã‚ºã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§è¨å®šã—ã¾ã™ã€‚フェードアウトã¯CSS3グラデーションを使用ã—ã¾ã™ã€‚ .sidebar-box { max-height: 120px; position: relative; overfl
2010å¹´ç·ã¾ã¨ã‚：商用利用も無料ã€æ—¥æœ¬èªžãƒ»è‹±èªžã®é«˜å“質ãªãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆé›†
当サイトã§æœªç´¹ä»‹ã®ã‚‚ã®ã‚’å«ã‚ãŸ2010å¹´ã®ç·ã¾ã¨ã‚ã€å•†ç”¨ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãる日本語・英語ã®é«˜å“質ãªãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã‚’紹介ã—ã¾ã™ã€‚ ※フォントを利用ã™ã‚‹éš›ã«ã¯ã€ãƒ©ã‚¤ãƒ³ã‚»ãƒ³ã‚¹ã‚’å¿…ãšã”確èªãã ã•ã„。 最新版を公開ï¼ãƒ•ã‚©ãƒ³ãƒˆã®æ•°ãŒå¤§å¹…ã«å¢—ãˆã¦ã„ã¾ã™ã€‚ 2019年用ã€æ—¥æœ¬èªžã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆ 366種類ã®ã¾ã¨ã‚
[本]jQueryã§ä½•ãŒã§ãã€ã©ã†å®Ÿè£…ã™ã‚‹ã®ã‹ã€å®Ÿè·µçš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’å¦ã¹ã‚‹ã‚ªã‚¹ã‚¹ãƒ¡ã®æœ¬
jQueryã§ä½•ãŒã§ãã‚‹ã®ã‹ã€ãれをã©ã®ã‚ˆã†ã«å®Ÿè£…ã—ãŸã‚‰ã‚ˆã„ã®ã‹ãªã©ã€å®Ÿè·µçš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’知りãŸã„・å¦ã³ãŸã„人ã«ã´ã£ãŸã‚Šã®æœ¬ã‚’紹介ã—ã¾ã™ã€‚ 実装ã™ã‚‹äººã‚‚ã‚‚ã¡ã‚ã‚“ã€ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã‚„デザイナーã«ã‚‚オススメã®æœ¬ã§ã™ã€‚ [ad#ad-2] ã¾ãšã¯å‡ºç‰ˆç¤¾ã®æ–¹ã¸ã€çŒ®æœ¬ã„ãŸã ãã€ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ ã“ã®å ´ã‚’借りã¦ã€ãŠç¤¼ç”³ã—上ã’ã¾ã™ã€‚ ã§ã¯ã€æœ¬ã®ç´¹ä»‹ã§ã™ã€‚ jQuery逆引ãマニュアルã®ç›®æ¬¡ jQueryã®å°Žå…¥ã‹ã‚‰ã¯ã˜ã¾ã‚Šåˆç´šè€…ã¯å…ƒã‚ˆã‚Šã€ä¸ç´šè€…・上級者å‘ã‘ã«ã‚‚役立ã¤å†…容ã¨ãªã£ã¦ã„ã¾ã™ã€‚ 目次やå„ページã«åˆç´šãƒ»ä¸ç´šãƒ»ä¸Šç´šã®ã‚¢ã‚¤ã‚³ãƒ³ãŒã‚ã‚‹ã®ã§ã€é›£æ˜“度も分ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ jQueryã®åŸºæœ¬æ§‹æ–‡ jQueryã¨JavaScriptを組ã¿åˆã‚ã›ã¦ã¿ã‚ˆã† jQueryã®ã•ã¾ã–ã¾ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ 見ãŸç›®ã‚’よりよã変ãˆã¦ã¿ã‚ˆã† ã•ã¾ã–ã¾ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’作æˆã—よㆠフォームを入力ã—ã‚„ã™ãã—よㆠ多彩ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³è¡¨
[CSS]スタイルシートã§ãƒšãƒ¼ã‚¸ã‚«ãƒ¼ãƒ«ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
パãƒãƒ«ã‚„ç”»åƒãªã©ã®ã¡ã‚‡ã£ã¨ã—ãŸã‚¢ã‚¯ã‚»ãƒ³ãƒˆã«ã´ã£ãŸã‚Šã€ç´™ãŒã‚ãã‚ŒãŸã‚ˆã†ãªãƒšãƒ¼ã‚¸ã‚«ãƒ¼ãƒ«ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’CSS3ã®ã€Œbox-shadowã€ã‚’使用ã—ã¦å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’紹介ã—ã¾ã™ã€‚ デモ [ad#ad-2] 実装ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ HTML ページカールã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯ã€Œbox-shadowã€ãŒé©ç”¨ã§ãã‚Œã°ã€ã©ã‚“ãªè¦ç´ ã§ã‚‚é©ç”¨ã§ãã¾ã™ã€‚ デモã§ã¯ãƒªã‚¹ãƒˆè¦ç´ を使用ã—ã¦ã„ã¾ã™ã€‚ <ul class="box"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> CSS3ã®ã€Œbox-shadowã€ã€ŒRGBaã€ã‚’使用ã—ã¾ã™ã€‚ CSS3éžå¯¾å¿œã®æ—§ãƒ–ラウザ用ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚‚記述ã•ã‚Œã¦ã„ã¾ã™ã€‚ ul.box { margin: 0; padding: 0; clear: both; overflow: hidden;
商用利用も無料ã€é«˜ç²¾ç´°ãªã‚°ãƒ©ãƒ³ã‚¸é¢¨ãƒšã‚¤ãƒ³ãƒˆãƒãƒ¼ãƒ«ã®Photoshopã®ãƒ–ラシ
å°åˆ·ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚利用ã§ãるよã†é«˜ç²¾ç´°ï¼ˆ2400-2500px）ã§ä½œæˆã—ãŸã€ã‚°ãƒ©ãƒ³ã‚¸é¢¨ã®ãƒšã‚¤ãƒ³ãƒˆãƒãƒ¼ãƒ«ã®Photoshopã®ãƒ–ラシを紹介ã—ã¾ã™ã€‚
2011年PDF無料カレンダー
2011å¹´PDF無料カレンダー 2010-12-09-1 [LifeHacks][Stationery] PDFカレンダーã®ç„¡æ–™é…布サイト。 å£ã«è²¼ã‚‹ãŸã‚ã®ã‚³ãƒ³ãƒ‘クトãªã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã¨ã—ã¦æ¯Žå¹´åˆ©ç”¨ã•ã›ã¦ã„ãŸã ã„ã¦ã„ã¾ã™ã€‚シンプルã§ä½¿ã„ã‚„ã™ã„ã§ã™ã€‚ - シンプルãª2011(2012)年カレンダーPDF無料ダウンãƒãƒ¼ãƒ‰ | ウェブスタジオ アラクムhttp://www.arachne.jp/calendar/ 写真ã®ã‚ˆã†ã«16分割ã§æ¨ªã«å°åˆ·ã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€å¹…を縮ã‚ãŸã„ã¨ãã«ã¯å°åˆ·ã™ã‚‹ãƒšãƒ¼ã‚¸ã‚’「1-3,1,4-6,1,7-9,1,10-12ã€ã¨æŒ‡å®šã—ã¦16分割å°åˆ·ã—ã¦ä¸€ç•ªå³ã®ã‚«ãƒ©ãƒ を削除ã—ã¦ã¾ã™ã€‚ã¾ã‚プリンタã®ãƒ‰ãƒ©ã‚¤ãƒã«ã‚ˆã£ã¦ã¯ã“ã‚“ãªæ‰‹é–“ã¯ã„らãªã„ã§ã—ょã†ãŒã€‚ ãªãŠã€å¦»ã¯ã‚‚ã£ã¨ã‚·ãƒ³ãƒ—ルãªæ–¹ãŒè¦‹ã‚„ã™ã„ã—使ã„ã‚„ã™ã„ã¨è¨€ã†ã®ã§ã€ãƒªãƒ“ングテーブル横ã®ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã¯ã“ã¡ã‚‰ã‚’使ã£ã¦ã„ã¾ã™ã€‚ - 年間カレンダー
シゴタノï¼Â —  2010å¹´ã«èªã‚“ã ベスト10冊
例年ã€12月ã«ãªã‚‹ã¨ã¡ã‚‡ã£ã¨æµ®ã‹ã‚Œèª¿åã§ã€Œãƒ©ãƒ³ã‚ングã€ã—ã¦ã¿ãŸã‚Šã™ã‚‹ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã™ãŒã€ã€Œ2ä½ã€ã‹ã€Œ4ä½ã€ã‹ã¨ã„ã†ã®ã¯ã‚ã¾ã‚Šã«ã‚‚å ´å½“ãŸã‚Šçš„ãªæ°—ãŒã—ã¦ã„ã¾ã—ãŸã‹ã‚‰ã€ä»Šå¹´ã¯ã€ã€Œèªã‚“ã ä¸ã‹ã‚‰10冊é¸ã¶ã€ã«ç•™ã‚ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ã¤ã„ã§ã«é¸åˆ¥ã«å½“ãŸã£ã¦ã€ç°¡å˜ãªåŸºæº–ã‚’ã‚‚ã£ã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ã‚‚今年ã¯ãŠæ–ã‚Šã—ã¦ãŠãã¾ã™ã€‚ é¢ç™½ã‹ã£ãŸæœ¬ 「シゴタノï¼ã€çš„ã«å½¹ç«‹ã¤ã¨æ€ãˆã‚‹æœ¬ï¼ˆãƒ•ã‚£ã‚¯ã‚·ãƒ§ãƒ³ã¯åŽŸå‰‡ã¨ã—ã¦æŽ§ãˆã‚‹ï¼‰ 自分ãŒè‘—者ã§ã¯ãªã„本 èªã‚€ã®ã«ãã‚Œãªã‚Šã®æ™‚é–“ãŒã‹ã‹ã‚‹æœ¬ï¼ˆã§ãªã‘ã‚Œã°ã€æ›¸è©•ã¯è¦ã‚‰ãšã€æœ¬ã‚’èªã‚“ã§ã„ãŸã ã‘ã‚Œã°ã„ã„ã‹ã¨æ€ã„ã¾ã™ï¼‰ 『ケãƒãƒ£ãƒƒãƒ—ã®è¬Žã€ 自分ã®å¥½å¥‡å¿ƒã¯ç„¡é™å¤§ã§ã€ä½•ã«ã§ã‚‚ã™ã興味をæŒã¤ã“ã¨ãŒã§ãã€äººã®è©±ã«çœŸå‰£ã«è€³ã‚’傾ã‘ã‚‹ã€ã¨è‡ªç§°ã™ã‚‹äººã¯ãŸãã•ã‚“ã„ã¾ã™ã€‚ã—ã‹ã—ãれらã®äººã€…ã¯ã€ãŸã„ã¦ã„ã®å ´åˆã‚¦ã‚½ã‚’ã¤ã„ã¦ã„ã¾ã™ã€‚シャンプーやケãƒãƒ£ãƒƒãƒ—ã«ã¤ã„ã¦é…力的ãªç‰©èªžã‚’見ã¤ã‘出ã›ã‚‹ã‚°ãƒ©ãƒƒãƒ‰ã‚¦ã‚§ãƒ«ã«ã™ã‚‰ã€ãれらã«çœŸå‰£ãª
ã€Œç ’ç´ ã§ç”Ÿãã‚‹ç´°èŒã€ã«ç–‘å•ã®å£° | WIRED VISION
å‰ã®è¨˜äº‹ã€€WikiLeaks：創è¨è€…ã®ã€Œç‹¬è£ã€ä½“制ãŒè£ç›®ã« ã€Œç ’ç´ ã§ç”Ÿãã‚‹ç´°èŒã€ã«ç–‘å•ã®å£° 2010å¹´12月 9æ—¥ サイエンス・テクノãƒã‚¸ãƒ¼ コメント： トラックãƒãƒƒã‚¯ (0) フィードサイエンス・テクノãƒã‚¸ãƒ¼ Lisa Grossman ç ’ç´ ã€‚ç”»åƒã¯Wikimedia NASAã®ç ”究者らãŒ12月2日付ã‘ã§ã€ŽNatureã€ã«ç™ºè¡¨ã—ãŸã€Œç ’ç´ ã§ç”Ÿãã‚‹ç´°èŒã€(日本語版記事)ã«ã¤ã„ã¦ã€ä»–ã®ç ”究者ãŸã¡ã‹ã‚‰ã€ç ”究手法ãªã©ã®å•é¡Œç‚¹ã‚’指摘ã™ã‚‹å£°ãŒä¸ŠãŒã£ã¦ã„る。 ブリティッシュ・コãƒãƒ³ãƒ“ア大å¦ã®ç”Ÿç‰©å¦è€…Rosie Redfieldæ°ã¯ã€ç™ºè¦‹ã•ã‚ŒãŸç ’ç´ ã¯ã€ç´°èƒžã®ä¸ã§ã¯ãªãã€ã‚²ãƒ«ã®ä¸ã«å˜åœ¨ã—ã¦ã„ãŸã‚‚ã®ã§ã‚ã‚‹å¯èƒ½æ€§ãŒè€ƒãˆã‚‰ã‚Œã‚‹ã¨æŒ‡æ‘˜ã—ã¦ã„る。åŒæ°ã¯12月4æ—¥ã«ã€è‡ªèº«ã®ç ”究ブãƒã‚°ã«æ‰¹åˆ¤ã‚’掲載ã—ã€ç¾åœ¨ã¾ã§ã«4万ヒットã®é–²è¦§ã‚’å—ã‘ã¦ã„る。 Redfieldæ°ã®æŒ‡æ‘˜ã¯ã€ä»Šå›žã®ç ”究ã§ã¯ã€DNAã¨RNAã‚’ä»–ã®ç”Ÿä½“分åã‹ã‚‰åˆ†é›¢
[CSS]黄金螺旋を作æˆã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
Golden Spirals [ad#ad-2] ãã®ã¾ã¾ã§ã¯å®Ÿç”¨æ€§ã¯ãªã„ã¨æ€ã„ã¾ã™ãŒã€ã„ã¤ã‹ä½•ã‹ã«ä½¿ãˆã‚‹ã‹ãªã‚。 スタイルシートã§é»„金螺旋を作æˆï¼šHTML スタイルシートã§é»„金螺旋を作æˆï¼šæº–備編 スタイルシートã§é»„金螺旋を作æˆï¼šå®Œæˆç·¨ スタイルシートã§é»„金螺旋を作æˆï¼šHTML å…ƒã¨ãªã‚‹HTMLã¯ã€14個ã®divを使ã£ãŸå…¥ã‚Œåã§ã™ã€‚ HTML <body> <div id="container"> <div class="cycle"> <div> <div> <div> <div class="cycle"> <div> <div> <div> <div class="cycle"> <div> <div> <div> <div class="cycle"></div> </div> </div> </div> </div> </div> </div> </div> </div> </d
ç›®ã®ä¿é¤Šã«ãªã‚‹ã€ç´ 敵ãªå†™çœŸã®ã¾ã¨ã‚集 -2010å¹´12月 | コリス
Archive by month 2010年12月 (16) 2010年11月 (52) 2010年10月 (54) 2010年9月 (47) 2010年8月 (59) 2010年7月 (49) 2010年6月 (43) 2010年5月 (35) 2010年4月 (48) 2010年3月 (53) 2010年2月 (51) 2010年1月 (45) 2009年12月 (65) 2009年11月 (38) 2009年10月 (49) 2009年9月 (58) 2009年8月 (35) 2009年7月 (69) 2009年6月 (78) 2009年5月 (66) 2009年4月 (59) 2009年3月 (75) 2009年2月 (72) 2009年1月 (78) 2008年12月 (65) 2008年11月 (68) 2008年10月 (69) 2008年9月 (57) 2008年8月 (7
YouTubeã®è²¼ã‚Šä»˜ã‘コードをもã£ã¨ä¾¿åˆ©ã«ã€ŽEmbed Plus〠| 100SHIKI
YouTubeã®ã‚³ãƒ¼ãƒ‰ã‚’よã貼り付ã‘る人ã«ãŠã™ã™ã‚ã€ã‹ãªï¼Ÿ Embed Plusを使ãˆã°ã€YouTubeã‚’ã‚‚ã£ã¨è¦‹ã‚„ã™ãã™ã‚‹ãŸã‚ã®æ©Ÿèƒ½ã‚’è¿½åŠ ã—ãŸè²¼ã‚Šä»˜ã‘コードを発行ã—ã¦ãれる。 使ã„æ–¹ã¯ç°¡å˜ã§ã€YouTubeã®URLを指定ã—ãŸã‚ã¨ã«ã•ã¾ã–ã¾ãªã‚ªãƒ—ションをã¤ã‘ã¦ã„ãã ã‘ã 。 オプションã«ã¯ã€ç”»é¢ã®ã‚µã‚¤ã‚ºã€é–‹å§‹æ™‚é–“ã€ãƒãƒ£ãƒ—ター分割ã€ã‚³ãƒ¡ãƒ³ãƒˆã€Twitterã§ã®å応をå«ã‚ã‚‹ã€ã¨ã„ã£ãŸã‚‚ã®ãŒã‚る。 ã“ã®å‹•ç”»ã®ã“ã“ãŒãï¼ã¨ã„ã†ã®ã‚’ç´°ã‹ã指定ã—ãŸã„ã¨ãã«è‰¯ã„ã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚知ã£ã¦ãŠã„ã¦ã‚‚æã¯ãªã„ã§ã™ãªã€‚
[JS]フォームã®é …目をユーザーãŒè¿½åŠ ・削除ã§ãるよã†ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -SheepIt!
複数ã®é›»è©±ç•ªå·ã‚„ä½æ‰€ãªã©ã‚’入力ã§ãã‚‹ã€ãƒ•ã‚©ãƒ¼ãƒ ã®é …目をユーザーãŒè¿½åŠ ・削除ã§ãるよã†ã«ã™ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ SheepIt! - Form Cloning Jquery Plugin デモページ [ad#ad-2] SheepIt!ã®ç‰¹å¾´ フォームã®ã‚¢ã‚¤ãƒ†ãƒ ã‚’è¿½åŠ ã—ãŸã‚Šã€å‰Šé™¤ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ フォームã®ã‚¢ã‚¤ãƒ†ãƒ ã®æ•°ã‚’コントãƒãƒ¼ãƒ«ã§ãã¾ã™ã€‚ フォームã®ã‚³ãƒ¼ãƒ‰ã¯é€šå¸¸ã®HTMLã§å®Ÿè£…ã—ã¾ã™ã€‚ フォームã®ã‚¢ã‚¤ãƒ†ãƒ ã«ãƒ‡ãƒ¼ã‚¿ã‚’ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ コールãƒãƒƒã‚¯æ©Ÿèƒ½ã‚’å‚™ãˆã¦ã„ã¾ã™ã€‚ SheepIt!ã®å®Ÿè£… å‰è¿°ã®ãƒ‡ãƒ¢ã®HTMLã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ HTML フォームã®ç®‡æ‰€ã¯é€šå¸¸ã®HTMLã§ã™ã€‚ <!-- sheepIt Form --> <div id="sheepItForm"> <!-- Form template--> <div id="sheepItForm
[CSS]フォームã®ãƒœã‚¿ãƒ³ã®ã‚¯ãƒªãƒƒã‚¯æ™‚ã®ç‚¹ç·šã‚’消去ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
Firefoxã§ã€ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒœã‚¿ãƒ³ï¼ˆsubmit, button）ã®ã‚¯ãƒªãƒƒã‚¯æ™‚ã«è¡¨ç¤ºã•ã‚Œã‚‹ç‚¹ç·šã‚’消去ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’紹介ã—ã¾ã™ã€‚ Remove Dotted Outline For Buttons in Firefox Using CSS デモページ（当方作æˆï¼‰ [ad#ad-2] ã“ã®ä¸é€”åŠç«¯ãªç‚¹ç·šã¯Firefox固有ã®ã‚‚ã®ã§ã€Chrome, Safari, Operaã§ã¯è¡¨ç¤ºã•ã‚Œãšã€IEã§ã¯ãƒœã‚¿ãƒ³ã®å†…å´ã«è¡¨ç¤ºã•ã‚Œã‚‹ã‚‚ã®ã§ã™ã€‚ スタイルシートã®ã‚¹ã‚¿ãƒ‡ã‚£ HTML シンプルã«submitボタンを使用ã—ã¾ã™ã€‚ <input type="submit" />
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
[CSS]パンããšã®å®Ÿè£…ã¯ã©ã®ã‚ˆã†ã«ã™ã‚‹ã®ãŒã‚ˆã„ã‹ã®è€ƒå¯Ÿ
パンããšã¯ä½•è¦ç´ ã§å®Ÿè£…ã—ã¦ã„ã¾ã™ã‹ï¼Ÿã€€ulè¦ç´ ？　olè¦ç´ ？　pè¦ç´ ？ パンããšã‚’ã©ã®ã‚ˆã†ã«å®Ÿè£…ã™ã‚‹ã®ãŒã‚ˆã„ã‹ã®è€ƒå¯Ÿã‚’紹介ã—ã¾ã™ã€‚ Exploring Markup for Breadcrumbs [ad#ad-2] 先日紹介ã—ãŸCSS-Tricksã®ã€Œç”»åƒã‚’使用ã—ãªã„ã§Apple風ã®ãƒ‘ンããšã‚’作æˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€ã«å¯„ã›ã‚‰ã‚ŒãŸã‚³ãƒ¡ãƒ³ãƒˆã‹ã‚‰è€ƒå¯Ÿã•ã‚ŒãŸã‚‚ã®ã§ã€å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ パンããšã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®è€ƒå¯Ÿã®ãã£ã‹ã‘ -ulè¦ç´ ã§åŒåˆ—é…ç½® パンããšã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®è€ƒå¯Ÿ -ulè¦ç´ ã§è¦ªå パンããšã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®è€ƒå¯Ÿ -olè¦ç´ ã§é †åºã¥ã‘ パンããšã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®è€ƒå¯Ÿ -セパレーターã®ä½¿ç”¨ パンããšã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®è€ƒå¯Ÿ -Googleã‚’å‚考㫠パンããšã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®è€ƒå¯Ÿ -HTML5ã®ä½¿ç”¨ パンããšã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®è€ƒå¯Ÿ -ãŠã‚り㫠パンããšã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®è€ƒå¯Ÿã®ãã£ã‹ã‘ -ul
商用利用無料ã€å®Œå…¨ã‚ªãƒªã‚¸ãƒŠãƒ«ã®é«˜å“質ãªPhotoshopã®ãƒ–ラシをé…付ã—ã¦ã„るサイト -brush lovers
brush lovers [ad#ad-2] brush loversã¯å½“サイトã§ä½•åº¦ã‚‚紹介ã—ãŸWeb Designer Depotã®å§‰å¦¹ã‚µã‚¤ãƒˆã§ã™ã€‚ブラシã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯å…¨ã¦ã€Liora Blumã«ã‚ˆã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸã‚‚ã®ã§ã™ã€‚ ブラシã¯å€‹äººã§ã‚‚商用ã§ã‚‚ã€ç„¡æ–™ã§åˆ©ç”¨å¯èƒ½ãªã‚‚ã®ãŒæ•°å¤šãæƒã£ã¦ã„ã¾ã™ã€‚ 一部ã€ã€ŒBuyã€ã®ã‚¢ã‚¤ã‚³ãƒ³ãŒã¤ã„ãŸã‚‚ã®ã¯æœ‰æ–™ã§ã™ãŒã€ã‹ãªã‚Šå®‰ä¾¡ï¼ˆ$3ãらã„）ã§ã™ã€‚ ブラシã¯ã‚«ãƒ†ã‚´ãƒªã€ç™»éŒ²é †ã€äººæ°—é †ã€ãƒ¬ãƒ¼ãƒˆé †ã«è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ãã€ä»¥ä¸‹ã«ã‚«ãƒ†ã‚´ãƒªã‹ã‚‰ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚
ディテールã®ä½œã‚Šã“ã¿ã‚‚ä¸å¯§ã«è§£èª¬ã•ã‚ŒãŸã€ã‚¦ã‚§ãƒ–デザインを作æˆã™ã‚‹Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†
最近ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’è¸è¥²ã—ãŸã€ãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã®ä½œã‚Šã“ã¿ã‚‚ä¸å¯§ã«è§£èª¬ã•ã‚ŒãŸã‚¦ã‚§ãƒ–デザインを作æˆã™ã‚‹Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ ã“ã“åŠå¹´ãらã„ã«å…¬é–‹ã•ã‚ŒãŸã‚‚ã®ã‹ã‚‰åŽ³é¸ã—ã¾ã—ãŸã€‚
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
[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; レタープレスã®ãƒ†ã‚ストエフェクト
[JS]背景画åƒã‚’ブラウザã®æž ã„ã£ã±ã„ã«åºƒã’ã¦è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -fullscreenr
背景画åƒã®ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ã‚’ç¶æŒã—ã¤ã¤ã€ãƒ–ラウザã®æž ã„ã£ã±ã„ã«åºƒã’ã¦è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ デモã§ã¯ã‚ªãƒ—ションã§ã€ãƒ‰ãƒƒãƒˆã®ç”»åƒã‚’オーãƒãƒ¼ãƒ¬ã‚¤ã•ã›ã¦ã„ã¾ã™ã€‚ スクリプトãŒã‚ªãƒ•æ™‚ã®è¡¨ç¤º fullscreenrã®å®Ÿè£… fullscreenrã¯jQueryã®ãƒ—ラグインã®ãŸã‚ã€å®Ÿè£…ã«ã¯jquery.jsãŒå¿…è¦ã§ã™ã€‚ HTML 当スクリプト（jquery.fullscreenr.js）ã¨jquery.jsを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="js/jquery.fullscreenr.js" type="text/javascript"></script> JavaScript head内ã«ä¸‹è¨˜ã®ã‚¹ã‚¯ãƒªãƒ—トを記述ã—ã¾ã™ã€‚ <script
パフォーマンス改善やセã‚ュリティã«å½¹ç«‹ã¤.htaccessã®è¨å®š | コリス
ウェブサイトã®ãƒ‘フォーマンスã®æ”¹å–„ã‚„SEOã€ã‚»ã‚ュリティã«å½¹ç«‹ã¤.htaccessã®è¨å®šã‚’紹介ã—ã¾ã™ã€‚ 17 Useful Htaccess Tricks and Tips 備考：Apache ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«: .htaccess ファイルã€Apache コア機能 [ad#ad-2] .htaccessã®è¨å®šï¼šãƒ‘フォーマンスやSEO関連 .htaccessã®è¨å®šï¼šã‚»ã‚ュリティ関連 .htaccessã®è¨å®šï¼šãƒ‘フォーマンスやSEO関連 .htaccessã§ã‚¿ã‚¤ãƒ ゾーンをè¨å®š .htaccessã§ã‚¿ã‚¤ãƒ ゾーンをè¨å®šã—ã¾ã™ã€‚ 例：æ±äº¬ SetEnv TZ JST-9 ã‚‚ã—ãã¯ã€ SetEnv TZ Asia/Tokyo .htaccessã§301リダイレクトをè¨å®š .htaccessã§301リダイレクト（永続的ãªãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆï¼‰ã‚’è¨å®šã—ã¾ã™ã€‚ 例：旧ファイル（old.html）ã€æ–°ãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆnew
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
[JS]Googleマップã«ã•ã¾ã–ã¾ãªã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’è¿½åŠ ã—ã¦ç°¡å˜ã«è¨ç½®ã§ãるスクリプト -GMAP3
Google Mapsã«ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ãƒžãƒ¼ã‚¯ã‚„ãƒãƒªã‚´ãƒ³ã€ä»»æ„ã®ç”»åƒãªã©ã‚’ç°¡å˜ã«åŠ ãˆã¦è¨ç½®ã§ãã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ GMAP3 -jQuery plugin to manage Google Map API デモ [ad#ad-2] GMAP3ã¯Google Map APIを使用ã™ã‚‹ãŸã‚ã€ä½¿ç”¨ã™ã‚‹ãƒšãƒ¼ã‚¸ã«å¤–部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> Googleマップã®è¨ç½®ã¯ç°¡å˜ã§ã€ç©ºã®divè¦ç´ ã«idを指定ã—ã¦é…ç½®ã—ã¾ã™ã€‚ 下記ã«ç°¡å˜ãªä¾‹ã‚’紹介ã—ã¾ã™ã€‚ HTML <div id="test1"></div> JavaScript $.gmap3.setDefault({ init:{ center:
ã‚ãšã‹ãªæ™‚é–“ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ³¨æ„を惹ãã¤ã‘るウェブデザインã®7ã¤ã®ãƒã‚¤ãƒ³ãƒˆ
ユーザーãŒã‚¦ã‚§ãƒ–サイトを訪れる時間ã¯ã‚ãšã‹ãªã‚‚ã®ã§ã™ã€‚ãã®çŸæ™‚é–“ã®é–“ã«ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ³¨æ„を惹ãã¤ã‘ã€å°è±¡ã«æ®‹ã‚‹ã‚ˆã†ã«ã™ã‚‹ãŸã‚ã®7ã¤ã®æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ Billboard Web Design: How to Win Your Audience's Attention [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ 元記事ã§ã¯ä»–ã®äº‹ä¾‹ã‚„ビルボードã®ç´ æも紹介ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« 1. クリエイティブã¨ãƒ¦ãƒ‹ãƒ¼ã‚¯ 2. 説得力ã®ã‚る見出㗠3. 巧妙ã•ã¨è¾›è¾£ã• 4. ブランディングをå°è±¡ã¥ã‘ã‚‹ 5. 注æ„を惹ãã¤ã‘るアイã‚ャッム6. ãƒã‚¤ãƒ³ãƒˆã¯ã‚¯ãƒªãƒ¼ãƒ³ã§ã‚·ãƒ³ãƒ—ルã§ã‚¹ãƒˆãƒ¬ãƒ¼ãƒˆã« 7. 明快ã•ã¨ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆ ã¯ã˜ã‚㫠人ã®ç›®ã‚’惹ãビルボードスタイル（立ã¦çœ‹æ¿ï¼‰ã®åºƒå‘Šã¯ç›®ã«ã—ãŸçž¬é–“ã€ç°¡å˜ã«äººã€…ã®è¨˜æ†¶ã«æ®‹ã‚Šã€æ¥½ã—ã„ã‚‚ã®ã§ã™ã€‚イメージã®ã‚«ãƒ©ãƒ¼ã‚„フォントもé‡è¦ã§ã™ãŒã€ã‚¢ã‚¤ãƒ‡ã‚¢ã«ã‚‚ユニークãŒã‚ã‚Š
438 It US | Risks and mistakes that online gamers may have to deal with when they are dealing with online casinos in the United States
Risks and mistakes that online gamers may have to deal with when they are dealing with online casinos in the United States In the United states we all know that a few state may allow online gaming and betting whereas in some area sit is still not legal to play casino online, that is why when you are in need of getting the right games and paly them as per your preferences you must be able to find o
最近リリースã•ã‚ŒãŸé«˜å“質ãªãƒ•ãƒªãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚©ãƒ³ãƒˆ -2010å¹´10月
最近リリースã•ã‚ŒãŸé«˜å“質ãªãƒ•ãƒªãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’紹介ã—ã¾ã™ã€‚ Melbourne 個人利用無料。 Ubuntu 個人・商用利用無料。 Oblik 個人・商用利用無料。 [ad#ad-2] PT S
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
スケッãƒã‚„デッサンã€ãƒ‰ãƒãƒ¼ã‚¤ãƒ³ã‚°ãªã©æ‰‹æã風タッãƒã®Photoshopã®ãƒ–ãƒ©ã‚·ç´ æ集
Photoshop Brushes Series 33 ブラシã¯å…¨éƒ¨ã§20種類ã€ãƒšãƒ³ã‚·ãƒ«ã€ãƒ‰ãƒ©ã‚¤ãƒ–ラシã€ãƒãƒ£ã‚³ãƒ¼ãƒ«ã€ãƒãƒ§ãƒ¼ã‚¯ã®å››ç¨®é¡žã€‚個人ã§ã‚‚商用ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚
[JS]背景やボーダーã®ä¸é€æ˜Žåº¦ã‚’アニメーションã§å¤‰æ›´ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Transify
IE6ã«ã‚‚対応ã—ãŸã€æŒ‡å®šã—ãŸã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®èƒŒæ™¯ã‚„ボーダーã®ä¸é€æ˜Žåº¦ã‚’アニメーションã§å¤‰æ›´ã™ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ IE6ã§ã®ã‚ャプãƒãƒ£ Transifyã®ç‰¹å¾´ ã‚らゆるエレメントã®èƒŒæ™¯ã¨ãƒœãƒ¼ãƒ€ãƒ¼ã®ä¸é€æ˜Žåº¦ã‚’変更ã—ã¾ã™ã€‚ è¨ç½®ã¯ç°¡å˜ã§ã€è»½é‡ã®ã‚¹ã‚¯ãƒªãƒ—ト。 主è¦ãƒ–ラウザã®å…¨ã¦ã§å‹•ä½œã—ã¾ã™ã€‚ 機能ã™ã‚‹ã®ã¯ã€èƒŒæ™¯ã®ã‚«ãƒ©ãƒ¼ã€èƒŒæ™¯ã®ç”»åƒã€ãƒœãƒ¼ãƒ€ãƒ¼ã§ã™ã€‚ マウスã®ãƒ›ãƒãƒ¼ã§ã€ä¸é€æ˜Žåº¦ã‚’アニメーションã§å¤‰æ›´ã—ã¾ã™ã€‚ jQuery1.4.3ã§ãƒ†ã‚¹ãƒˆæ¸ˆã¿ã§ã™ï¼ˆå‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚‚動作ã—ã¾ã™ï¼‰ã€‚ [ad#ad-2] Transifyã®å®Ÿè£… 「jquery.jsã€ã¨ã€Œtransify-min.jsã€ã‚’外部ファイルã¨ã—ã¦æŒ‡å®šã—ã€ä¸‹è¨˜ã®ã‚ˆã†ã«è¨˜è¿°ã—ã¾ã™ã€‚ 「#selectorã€ã¯ä»»æ„ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’指定ã—ã¾ã™ã€‚ $('#selector').transify(); デフォルトã§ã®ä¸é€æ˜Žåº¦ã¯60%ã«è¨å®šã•ã‚Œã¦
ユーザーãŒä½•è‰²ã‚’求ã‚ã¦ã„ã‚‹ã‹ã‚’ã¾ã¨ã‚㟠-Color of the Year 2010
感情をã‚らã‚ã—ãŸã‚ーワードã¨ã‚«ãƒ©ãƒ¼ã€å›½ã”ã¨ã®è‰²åˆã„ã€æœˆã”ã¨ãƒ»æ›œæ—¥ã”ã¨ãƒ»æ™‚é–“ã”ã¨ã®è‰²åˆã„ãªã©ã€2010å¹´ã®ã‚«ãƒ©ãƒ¼ã‚’ã¾ã¨ã‚ãŸã‚¤ãƒ³ãƒ•ã‚©ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ Color of the Year 2010: By The People [ad#ad-2] 「Color of the Year 2010ã€ã¯ã€ä¸–ç•Œ137ヵ国1,088人ã®äººã€…を対象ã«2010å¹´ã®ã‚«ãƒ©ãƒ¼ã«ã¤ã„ã¦èª¿æŸ»ã‚’è¡Œã£ãŸã‚‚ã®ã§ã€ã‚«ãƒ©ãƒ¼ã®æµè¡Œã«ã¤ã„ã¦å…·ä½“化ã—ãŸã‚¤ãƒ³ãƒ•ã‚©ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã¨ãªã£ã¦ã„ã¾ã™ã€‚
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
好ããªç”»åƒã‚’オーãƒãƒ¼ãƒ¬ã‚¤ã•ã›ã¦ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ç¢ºèªãŒã§ãるブックマークレット『Maki App〠| 100SHIKI
ã“ã®ç”»åƒã€ã‚µã‚¤ãƒˆã®ã©ã“ã«ã„れよã†ã‹ãªãã€ã¨ã„ã†ã¨ãã«ä½¿ãˆã‚‹ãƒ„ールã®ã”紹介。 Maki Appã§é…布ã•ã‚Œã¦ã„るブックマークレットを使ãˆã°ã€å¥½ããªã‚µã‚¤ãƒˆã«å¥½ããªç”»åƒã‚’オーãƒãƒ¼ãƒ¬ã‚¤ã•ã›ã‚‹ã“ã¨ãŒã§ãる。 ã‚‚ã¡ã‚ã‚“ç”»åƒã®é€æ˜Žåº¦ã‚‚変更ã§ãã‚‹ã®ã§ã€å…ƒã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚åŒæ™‚ã«ç¢ºèªã—ãªãŒã‚‰è©¦ã™ã“ã¨ãŒã§ãる。 ã¾ãã€ã§ãã‚‹ã“ã¨ã¯ãã‚Œã ã‘ã ãŒã€ã¡ã‚‡ã£ã¨ã—ãŸãƒãƒŠãƒ¼ã®é…置テストãªã‚“ã‹ã«ä¾¿åˆ©ãã†ã§ã™ãªã€‚
[JS]水平・垂直ãªã©å¤šå½©ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¯èƒ½ãªDock風ナビゲーションã®ã‚¹ã‚¯ãƒªãƒ—ト -jqDock
水平タイプã€åž‚直タイプãªã©å¤šå½©ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¯èƒ½ãªMac OS Xã®Dock風ナビゲーションを実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ 下記ã®ã‚ャプãƒãƒ£ã¯æ°´å¹³ã‚¿ã‚¤ãƒ—ã®ã‚‚ã®ã§ä¸Šã‹ã‚‰ã€ä¸Šæƒãˆã€ä¸å¤®æƒãˆã€ä¸‹æƒãˆã¨ãªã£ã¦ã„ã¾ã™ã€‚ jqDock デモ [ad#ad-2] デモã§ã¯ã€HTML5, XHTML 1.0(Transitional, Strict), HTML 4.01(Transitional, Strict)ã®Doctype有り・無ã—ã”ã¨ã®å‹•ä½œç¢ºèªãŒã§ãã¾ã™ã€‚ 下記ã§ã¯ã€ãã®å¤šå½©ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ å·¦ã‹ã‚‰ã€Sleep Slide（アイドル時ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã§éš れる）ã€Colourise（カラー）ã€ClickFreeze（クリックã§å›ºå®šï¼‰ã€ãƒ©ãƒ™ãƒ«è¡¨ç¤º [ad#ad-2] スクリプトã®ã‚ªãƒ—ションも豊富ã§ã€ä¸‹è¨˜ã«ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ サイトã®ãƒ‡ãƒ¢ã§ã¯ã“れらã®ã‚ªãƒ—ションãŒç°¡å˜ã«è©¦ã›ã¾ã™ã€‚ acti
ã•ã¾ã–ã¾ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæã‘ã‚‹100種類以上ã®Photoshopã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ç´ æ | コリス
最近ã®ã‚¦ã‚§ãƒ–デザインã«ã¯æ¬ ã‹ã›ãªã„ç´ æ•µãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æãPhotoshopã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ç´ æを紹介ã—ã¾ã™ã€‚
Photoshopã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®æ±šã„縞模様をãªãã—ã¦ç¶ºéº—ã«ã™ã‚‹è¶…ç°¡å˜ãªæ–¹æ³•
下ã®ç”»åƒã¯ã€å·¦ï¼šé©ç”¨å‰ã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆãƒ‡ã‚£ã‚¶æœ‰ã‚Šï¼‰ã€å³ï¼šé©ç”¨å¾Œã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã™ã€‚ é©ç”¨å‰ã«ã¯ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã«ãƒãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã®ç¸žæ¨¡æ§˜ãŒã‚り汚ã„ã§ã™ãŒã€é©ç”¨å¾Œã®ã‚‚ã®ã¯ç¸žæ¨¡æ§˜ãŒãªããªã‚Šç¶ºéº—ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ãªã£ã¦ã„ã¾ã™ã€‚ Photoshop Tip: Spatter [ad#ad-2] 上記ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã®ã¯éžå¸¸ã«ç°¡å˜ãªæ–¹æ³•ã§ã€Photoshopã®ã¯ãフィルターを使用ã—ã¾ã™ã€‚ メニューãƒãƒ¼ã®[フィルター]-[ブラシストãƒãƒ¼ã‚¯]-[ã¯ã]ã‚’é¸æŠžã—ã¾ã™ã€‚
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
ディテールã«ã“ã ã‚ã£ãŸã€ç¾Žã—ã„デザインã®ãƒŠãƒ“ゲーション集
1ピクセルã®ãƒ©ã‚¤ãƒ³ã€ç´°ã‹ã„エレメントã€ç¾Žã—ã„グラデã€ç¹Šç´°ãªãƒ†ã‚¯ã‚¹ãƒãƒ£ãªã©ã‚’使用ã—ã¦ãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã«ã“ã ã‚ã‚Šã¤ã¤ã€ä¸»å¼µã—ã™ãŽãªã„ç´ æ™´ã‚‰ã—ã„ナビゲーションをDribbbleã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
商用利用も無料ã€ç¾½ã°ãŸã鳥や鳥ã®ç¾¤ã‚Œã®ã‚·ãƒ«ã‚¨ãƒƒãƒˆã®ãƒ™ã‚¯ã‚¿ãƒ¼ç´ æ
7 Free Bird Vectors [ad#ad-2] ダウンãƒãƒ¼ãƒ‰ã§ãã‚‹ãƒ™ã‚¯ã‚¿ãƒ¼ç´ æã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯EPSã§ã€ä¸‹è¨˜ã®7ã¤ã®é³¥ãƒ»é³¥ã®ç¾¤ã‚ŒãŒæƒã£ã¦ã„ã¾ã™ã€‚
[JS]Canvasを使ã£ã¦ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ãƒ’ートマップをæãスクリプト -real time heatmap
[JS]Canvasを使ã£ã¦ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ãƒ’ートマップをæãスクリプト -real time heatmap real time heatmap デモ [ad#ad-2] デモã®ç”»åƒã®ä¸Šã§ãƒžã‚¦ã‚¹ã‚’å‹•ã‹ã™ã¨ã€ãã®å‹•ã„ãŸé‡ã«ä¼´ã„カラーãŒãƒ–ルーã€ã‚°ãƒªãƒ¼ãƒ³ã€ã‚¤ã‚¨ãƒãƒ¼ã€ãƒ¬ãƒƒãƒ‰ã¨ãƒžã‚¦ã‚¹ã®ç§»å‹•ã—滞在ã—ãŸé‡ã‚’ヒートマップã¨ã—ã¦ç”Ÿæˆã—ã¾ã™ã€‚ヒートマップã®ãƒ‡ãƒ¼ã‚¿ã¯ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã‚‚å¯èƒ½ã§ã™ã€‚ ã¾ãŸã€iPhoneã®ã‚·ãƒ³ã‚°ãƒ«ã‚¿ãƒƒãƒ—もサãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã€ã¨ã®ã“ã¨ã§ã™ã€‚ スクリプトã¯jQueryãªã©ã®ä»–ã®ã‚¹ã‚¯ãƒªãƒ—トã¯ä¾å˜ã›ãšã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ JavaScirpt /* Copyright (c) 2010, Patrick Wied. All rights reserved. Code licensed under the BSD License: http://patrick-wied.at/static/li
プãƒãŒãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸHTMLメールã®ç„¡æ–™ã®ãƒ†ãƒ³ãƒ—レート集（PSDファイル付ã） -Campaign Monitor
当サイトã§ã‚‚何回ã‹ç´¹ä»‹ã—ãŸã“ã¨ã®ã‚るプãƒã®ã‚¦ã‚§ãƒ–デザイナーãŒä½œæˆã—ãŸã€é«˜å“質ãªHTMLメールã®ãƒ†ãƒ³ãƒ—レートをé…布ã—ã¦ã„るサイトを紹介ã—ã¾ã™ã€‚ 100+ free HTML email templates Campaign Monitor [ad#ad-2] ダウンãƒãƒ¼ãƒ‰ã§ãるファイルã«ã¯ã€ä¸‹è¨˜ã®ã‚‚ã®ãŒã‚»ãƒƒãƒˆã«ãªã£ã¦ã„ã¾ã™ã€‚ HTMLメール用ã®HTML・画åƒä¸€å¼ PSDファイル HTMLメールã€PSDファイルã¨ã‚‚ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯ã€width=100%ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ãŒå·¦ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ãŒå³ã€ã®3パターンãŒæƒã£ã¦ã„ã¾ã™ï¼ˆç•°ãªã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ï¼‰ã€‚ å„HTMLメールã¯ã€Outlook2010, Gmail, Lotus Notes, Apple Mail, iPhoneãªã©äººæ°—ã®é«˜ã„20ã®ãƒ¡ãƒ¼ãƒ«ã‚½ãƒ•ãƒˆã§ãƒ†ã‚¹ãƒˆæ¸ˆã¿ã€ã¨ã®ã“ã¨ã§ã™ã€‚ 下記ã«ã€å„デザイナーã”ã¨ã®HTMLメールを紹介ã—ã¾ã™ã€‚括弧内ã¯å„デザイナーã®ã‚µ
ä»–ã®äººãŒå®Ÿæ–½ã—ãŸA/Bテストをçµæžœã¨ã¨ã‚‚ã«ã¿ã‚‹ã“ã¨ãŒã§ãる『ABTests〠| 100SHIKI
ã ã„ã¶å‰ã‹ã‚‰ã‚ã‚‹ã®ã ãŒã€ã‚„ã£ã±ã‚Šä¾¿åˆ©ãªã®ã§ã”紹介。 ABTestsã§ã¯ã€ä»–ã®äººãŒå®Ÿæ–½ã—ãŸA/Bテストã®çµæžœã‚’見るã“ã¨ãŒã§ãる。 A/Bテストã¨ã¯ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’2パターン用æ„ã—ã¦ãŠãã€ã©ã¡ã‚‰ãŒåŠ¹æžœãŒé«˜ã„ã‹èª¿ã¹ã‚‹ã‚‚ã®ã§ã‚る。 テストã¯å®Ÿéš›ã«ã‚„ã£ã¦ã¿ãªã„ã¨ã‚ã‹ã‚‰ãªã„ã‚‚ã®ã ãŒã€ã‚„ã¯ã‚Šä»–ã®äººãŒã‚„ã£ãŸãƒ†ã‚¹ãƒˆã®å®Ÿä¾‹ã¯ãã‚Œãªã‚Šã«å‚考ã«ãªã‚‹ã—ã€ä»–ã®äººã‚‚コメントをèªã‚“ã§ã„ã¦ã‚‚勉強ã«ãªã‚‹ã ã‚ã†ã€‚ ãªãŠã€ã‚‚ã¡ã‚ん自分ã§ã‚„ã£ãŸçµæžœã‚‚投稿ã™ã‚‹ã“ã¨ãŒã§ãる。テストã®çµæžœã‚„ã‚„ã‚Šæ–¹ã«å•é¡ŒãŒã‚ã£ãŸã‹ã©ã†ã‹ã®æ„見をもらã†ã®ã‚‚悪ããªã„ã ã‚ã†ã€‚ ã“ã†ã—ãŸã‚µã‚¤ãƒˆã‚’使ã£ã¦æ…Žé‡ã«ãƒ†ã‚¹ãƒˆã®è¨ˆç”»ã‚’ç·´ã£ã¦ã„ããŸã„ã§ã™ãªã€‚
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
[JS]ページをスクãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãƒ‘ãƒãƒ«ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã•ã‚Œã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -SlideNote
è¨ç½®ã‚‚ç°¡å˜ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚ç°¡å˜ã€ãƒšãƒ¼ã‚¸ã‚’スクãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãƒ‘ãƒãƒ«ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã•ã‚Œã‚‹ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ SlideNote デモページ [ad#ad-2] デモã§ã¯ãƒšãƒ¼ã‚¸ã‚’下ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã€ãƒ‘ãƒãƒ«ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ※ã‚ャプãƒãƒ£ã¯çž¬æ™‚ã«ä¸Šã«ç§»å‹•ã—ã¦æ’®ã‚Šã¾ã—ãŸã€‚ SlideNoteã®å®Ÿè£… スクリプトã®ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ— 「jquery.jsã€ã¨ã€Œjquery.slidenote.jsã€ã‚’外部ファイルã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.slidenote.js" type="text/javascript"></s
一日ä¸çœºã‚ã¦ã„ã¦ã‚‚飽ããªã„ã€ç´ 敵ãªå†™çœŸã®ã¾ã¨ã‚集 -2010å¹´10月 | コリス
Archive by month 2010年10月 (41) 2010年9月 (47) 2010年8月 (59) 2010年7月 (49) 2010年6月 (43) 2010年5月 (35) 2010年4月 (48) 2010年3月 (53) 2010年2月 (51) 2010年1月 (45) 2009年12月 (65) 2009年11月 (38) 2009年10月 (49) 2009年9月 (58) 2009年8月 (35) 2009年7月 (69) 2009年6月 (78) 2009年5月 (66) 2009年4月 (59) 2009年3月 (75) 2009年2月 (72) 2009年1月 (78) 2008年12月 (65) 2008年11月 (68) 2008年10月 (69) 2008年9月 (57) 2008年8月 (74) 2008年7月 (81) 2008年6月 (61)
[CSS]モãƒã‚¤ãƒ«ç«¯æœ«ã«ã‚‚対応ã€ãƒ–ラウザã”ã¨ã«ç•°ãªã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ•ã‚©ãƒ¼ãƒ を美ã—ãã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -Formalize CSS
æ—¢å˜ã®ãƒ•ã‚©ãƒ¼ãƒ ã«ã‚‚ç°¡å˜ã«é©ç”¨ã§ãã‚‹ã€å„ブラウザã€å„OSã‚„å„モãƒã‚¤ãƒ«ã”ã¨ã®ãƒ•ã‚©ãƒ¼ãƒ ã®ç•°ãªã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚®ãƒ£ãƒƒãƒ—を埋ã‚ã€ç¾Žã—ãã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワークを紹介ã—ã¾ã™ã€‚ Formalize CSS デモページ [ad#ad-2] サãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹OSã¯Window, Mac OS X, Linuxã€ãƒ–ラウザã¯IE6/7/8/9, Firefox, Chrome, Safari, Operaã€ãƒ¢ãƒã‚¤ãƒ«ã¯Android, iOS(iPhone, iPad)ãªã©ã§ã™ã€‚ 下記ã®ã‚ャプãƒãƒ£ã¯ã€Windows XP + Firefox 3.6ã®ã‚‚ã®ã§ã™ã€‚ ä»–ã®å„ブラウザやモãƒã‚¤ãƒ«ã§ã®è¡¨ç¤ºã¯ã€å…ƒè¨˜äº‹ã®ä¸‹éƒ¨ã€ŒScreenshotsã€ã«æŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ Formalize CSS Formalize CSS：ノーマル時ã®è¡¨ç¤º
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
æ˜ ç”»ã®TRONã£ã½ã„グリッドãŒæã‘ã‚‹Photoshopã®ãƒ–ãƒ©ã‚·ç´ æ
ブラシã®åˆ©ç”¨ã«ã‚ãŸã£ã¦ã¯å€‹äººã§ã‚‚商用ã§ã‚‚ç„¡æ–™ã§ã™ã€‚ リンクやクレジットをã„ã‚Œã¦ãれるã¨å¬‰ã—ã„ã€ã¨ã®ã“ã¨ã§ã™ã€‚
コリスã‹ã‚‰ã‚¦ã‚§ãƒ–制作ã«å½¹ç«‹ã¤ãƒ—レゼント -2011å¹´1月
先月ã®å½“サイトã®AdSenseã®åŽç›ŠãŒè‰¯ã‹ã£ãŸã®ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®çš†ã•ã¾ã«æ„Ÿè¬ã‚’ã“ã‚ã¦ã€ãƒ—レゼントä¼ç”»ã‚’ã—ã¾ã™ã€‚ ã¡ãªã¿ã«AdSenseã¨ã¯ã€ã¡ã‚‡ã†ã©ã“ã®ä¸‹ã«ã‚ã‚‹Googleã®åºƒå‘Šã§ã™ã€‚ [ad#ad-2] æ¥æœˆä»¥é™ã‚ã‚‹ã‹åˆ†ã‹ã‚Šã¾ã›ã‚“ãŒã€æœ€åˆã§æœ€å¾Œã«ãªã‚Šã¾ã›ã‚“よã†ã«ã€ã¨ã€‚ プレゼント商å“ã®ç´¹ä»‹ 応募期間 応募方法 当é¸ã®ç™ºè¡¨ プレゼント商å“ã®ç´¹ä»‹ プレゼントã¯ã€1, 2, 3 ã‹ã‚‰ãŠé¸ã³ãã ã•ã„。 今回ã¯ã€HTML5ã¨CSS3ã®eBookã§ã™ã€‚テã‚ストã¯è‹±èªžã§ã™ãŒã€ã‚³ãƒ¼ãƒ‰ã‚’ç†è§£ã§ãã‚Œã°è¨€èªžã®å£ã‚’越ãˆã‚‰ã‚Œã‚‹ã¨æ€ã„ã¾ã™ã€‚ eBookã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯ã€pdf, epub, mobiãŒæƒã£ã¦ã„ã¾ã™ã€‚ 1番：HTML5 For Web Designers 3å様 å‚考ページ：HTML5 For Web Designers HTML5ã®æœ¬ã£ã¦ãƒœãƒªãƒ¥ãƒ¼ãƒ ãŒã‚ã‚Šã™ãŽã¦å¤§å¤‰ï¼ ã£ã¦ã„ã†äººã«ã´ã£ãŸã‚Šã®ä¸€å†Šã§ã™ã€‚ウ
使ã„ã‚„ã™ãã€ãƒ•ãƒ¬ãƒƒã‚·ãƒ¥ãªUIエレメントを使用ã—ã¦ã„るウェブサイト集
The Online Portfolio of Mark Hobbs 色使ã„ã¨ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãŒç¾Žã—ãクリーンãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¦ã‚§ãƒ–サイト。ナビゲーションã®å„é …ç›®ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ç›®çš„地ã¸ã‚¹ãƒ ースã«ç§»å‹•ã—ã¾ã™ã€‚
手書ã風ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’作るãŸã‚ã®photoshopブラシã¨ãƒ•ã‚©ãƒ³ãƒˆç‰¹é›†
年始ã‹ã‚‰æ‰‹æ›¸ã風画åƒã®ãƒ•ã‚©ãƒ³ãƒˆã¨ã‹ã©ã†ãªã£ã¦ã‚‹ã‚“ã§ã™ã‹ã¨ã„ã†å•ã„åˆã‚ã›ãŒå¤šã„ã®ã§ã€ä»Šå›žã¯photoshopã§ã€æ‰‹æ›¸ã風ã®ç”»åƒã‚’作るã¨ãã«ä¾¿åˆ©ãªãƒ–ラシã¨ãƒ•ã‚©ãƒ³ãƒˆã‚’ã¾ã¨ã‚ã¦ã¿ã‚‹ã“ã¨ã«ã€‚ 手書ã風photoshopブラシ ※以下画åƒã‚’クリックã§ãƒ–ラシファイル見本を開ãã¾ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’解å‡ã—ã¾ã™ã€‚ 次ã«photoshopã‚’é–‹ãã€ã€Žç·¨é›†ã€â†’『プリセットマãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã€ã‚’é–‹ãã¾ã™ã€‚ ãã®ã”ブラシをé¸æŠžã—『èªã¿è¾¼ã¿ã€ã‹ã‚‰è§£å‡ã—ãŸãƒ–ラシファイルをèªã¿è¾¼ã¿ã¾ã™ã€‚ １）69 Doodle arrow brushes ダウンãƒãƒ¼ãƒ‰ãƒšãƒ¼ã‚¸ 手書ã風ã®çŸ¢å°è±Šå¯Œã€‚ ２）Free Arrow Brushes ダウンãƒãƒ¼ãƒ‰ãƒšãƒ¼ã‚¸ 手書ã風ã®çŸ¢å°ã®ä¸ã§ã¯é‡ãŒè±Šå¯Œãªãƒ–ラシãªãŸã‚ã€äººæ°—。 ３）U Rock Photoshop Brushes ダウンãƒãƒ¼ãƒ‰ãƒšãƒ¼ã‚¸ ãƒãƒƒã‚¯ãªæ„Ÿã˜ã®ãƒ–ラシ集。 ４）Cute Rando
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
[JS]ãƒã‚¤ãƒ©ã‚¤ãƒˆã®ã‚¨ãƒªã‚¢ã‚’マウスã«åˆã‚ã›ã¦ç§»å‹•ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト
Google Chromeã®ã‚¿ãƒ–ã®ã‚ˆã†ã«ã€ç¹Šç´°ãªãƒã‚¤ãƒ©ã‚¤ãƒˆã®ã‚¨ãƒªã‚¢ã‚’マウスã«åˆã‚ã›ã¦ç§»å‹•ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ タブã®å®Ÿè£… ã¾ãšã¯ã€ã‚¿ãƒ–ã®å®Ÿè£…ã‹ã‚‰ã€‚ タブã®å®Ÿè£…ã¯ã‚·ãƒ³ãƒ—ルã§ã™ã€‚ HTML タブã¯ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ <ul class="nav clearfix"> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li class="active"><a href="#">Clients</a></li> <li><a href="#">Contact Us</a></li> </ul> CSS CSSもシンプルã«å®Ÿè£…ã—ã¾ã™ã€‚ .nav { list-style: none; border-bottom: 1px solid #a0a0a0; padding: 10px 10px 0 10px; } .
2011å¹´ã€æŠ¼ã•ãˆã¦ãŠããŸã„ウェブデザインã®11ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¨ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
Web Design Trends in 2011 [ad#ad-2] 以下ã€å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ 1. HTML5 + CSS3 2. シンプルãªã‚«ãƒ©ãƒ¼ã‚¹ã‚ーム3. モãƒã‚¤ãƒ«å¯¾å¿œ 4. 視差効果 5. タッãƒã‚¹ã‚¯ãƒªãƒ¼ãƒ³ 6. 奥行ã 7. 大ãã„写真ã®èƒŒæ™¯ 8. ç´ æ•µãªãƒ‰ãƒ¡ã‚¤ãƒ³å 9. QRコード 10. サムãƒã‚¤ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ 11. Life Stream 1. HTML5 + CSS3 HTML5ã¨CSS3ã¯ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã‹ã‚‰ä»Šæ—¥ã¾ã§ã€ã‚ã¾ã‚Šå¤šãã¯ä½¿ç”¨ã•ã‚Œã¾ã›ã‚“ã§ã—ãŸã€‚ã—ã‹ã—ã€ã“ã®2011å¹´ã€å¤šãã®ã‚µã‚¤ãƒˆã§æŽ¡ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã¯ãšã§ã™ã€‚ 多ãã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯Flashã‹ã‚‰é›¢ã‚Œã¦ã¯ã˜ã‚ã¦ã„ã¾ã™ã€‚次ã®2ã¤ã®ã‚µã‚¤ãƒˆã‚’見ã¦ã¿ã¦ãã ã•ã„。 Scribblertoo(Flash) ã“ã“ã§æ³¨æ„ã—ã¦ã»ã—ã„ã®ã¯ã€Flashã¨HTML5ã¯æ•µå¯¾ã™ã‚‹ã‚‚ã®ã§ã¯ãªã„ã“ã¨ã‚’ç†è§£ã—ã¦ãŠã„ã¦ãã ã•ã„。å•é¡Œã¯ã€
使ã‚ã‚Œã¦ã„ãªã„CSSè¨å®šãŒã‚ã‚‹ã‹æ•™ãˆã¦ãれる『Unused CSS〠| 100SHIKI
ä¼¼ãŸã‚ˆã†ãªãƒ„ールã¯ä»–ã«ã‚‚ã‚ã‚‹ãŒã€ã‚·ãƒ³ãƒ—ルã§ä½¿ã„ã‚„ã™ãã†ã ã£ãŸã®ã§ã”紹介。 Unused CSSを使ãˆã°ã€ä½¿ã‚ã‚Œã¦ã„ãªã„CSSè¨å®šãŒã©ã“ã«ã‚ã‚‹ã‹ã‚’æ•™ãˆã¦ãれる。 使ã„æ–¹ã¯ç°¡å˜ã§ã€ãƒã‚§ãƒƒã‚¯ã—ãŸã„サイトã®URLを入力ã™ã‚‹ã ã‘ã 。 ã™ã‚‹ã¨ã€ã©ã®CSSファイルã«ã©ã‚Œã ã‘ä¸è¦ãªè¨å®šãŒå…¥ã£ã¦ã„ã‚‹ã‹ã‚’æ•™ãˆã¦ãれる。ã¾ãŸã€ä¸è¦ãªè¨å®šã‚’排除ã—ãŸCSSをダウンãƒãƒ¼ãƒ‰ã§ããŸã‚Šã‚‚ã™ã‚‹ã€‚ サイトã®é–‹ç™ºãŒãªãŒã³ãã¨ä¸è¦ãªè¨å®šã‚‚増ãˆã¦ã„ãã“ã¨ã ã‚ã†ã€‚ã“ã†ã—ãŸãƒ„ールをã†ã¾ã使ã£ã¦ã‚µã‚¤ãƒˆã®æœ€é©åŒ–ã‚’ã¯ã‹ã‚ŠãŸã„ã§ã™ãªã€‚
Mozilla Re-Mix: Google Chromeã«æ§˜ã€…ãªæ©Ÿèƒ½ã‚’è¿½åŠ ã§ãるユーティリティエクステンション「Chrome Toolboxã€
Google Chrome用エクステンションã«ã¯ã€GoogleãŒãƒªãƒªãƒ¼ã‚¹ã—ã¦ã„ã‚‹ã‚‚ã®ã‚‚数多ãã‚ã‚Šã€ãã®ç´”æ£ã£ã½ã•ã‹ã‚‰ã‹å…¬é–‹ã•ã‚ŒãŸã‚‚ã®ã¯ã»ã¨ã‚“ã©ãŒäººæ°—エクステンションã¨ãªã£ã¦ã„ã¾ã™ã€‚ 今回ã¯ã€ãã‚“ãªGoogle Chromeエクステンションã®ä¸ã‹ã‚‰ã€ãƒ–ラウジングã«é–¢ã™ã‚‹è¤‡æ•°ã®æ©Ÿèƒ½ã‚’パッケージã«ã—ãŸã€ŒChrome Toolboxã€ã¨ã„ã†ã‚‚ã®ã‚’ã”紹介ã—ã¾ã™ã€‚ 「Chrome Toolboxã€ã¯ã€Google Chromeã«ã‚¿ãƒ–アクションã®å¤‰æ›´ã€ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®è¿½åŠ ã€ãƒ•ã‚©ãƒ«ãƒ€ãƒ©ãƒ³ãƒãƒ£æ©Ÿèƒ½ã®è¿½åŠ ã€ãƒ•ã‚©ãƒ¼ãƒ データ管ç†æ©Ÿèƒ½ã®è¿½åŠ ãªã©ã‚’è¡Œã†ã“ã¨ãŒã§ãã‚‹ç·åˆçš„ãªãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ã§ã™ã€‚ 拡張をインストールã™ã‚‹ã¨ã€ä»–ã®å¤šãã®ã‚¢ãƒ‰ã‚ªãƒ³åŒæ§˜ã€ãƒ„ールãƒãƒ¼ã«å°‚用ã®ãƒœã‚¿ãƒ³ãŒè¿½åŠ ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã®ãƒœã‚¿ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ã¯ã€å…¨ã‚¿ãƒ–ã®ãƒŸãƒ¥ãƒ¼ãƒˆã‚„リフレッシュã€é–‰ã˜ãŸã‚¿ãƒ–ã®å†é–‹ã€ãƒ–ックマークãƒãƒ¼ã®é–‹
èªã‚€ãƒ¯ã‚¯ãƒãƒ³ - 書評 - 予防接種ã¯ã€ŒåŠ¹ãã€ã®ã‹ï¼Ÿ : 404 Blog Not Found
2011å¹´01月02æ—¥23:30 カテゴリ書評/画評/å“è©•Medicine èªã‚€ãƒ¯ã‚¯ãƒãƒ³ - 書評 - 予防接種ã¯ã€ŒåŠ¹ãã€ã®ã‹ï¼Ÿ 光文社新書編集部より献本御礼。 予防接種ã¯ã€ŒåŠ¹ãã€ã®ã‹? 岩田å¥å¤ªéƒŽ 著者ãŒæ›°ãã€äºˆé˜²æŽ¥ç¨®ã¯ã€Œã»ã¨ã‚“ã©ã®äººã«ã¯æ‰“ã£ã¦ã‚‚打ãŸãªãã¦ã‚‚ã€ä½•ã‚‚ãŠããªã„。ã—ã‹ã—ã»ã¨ã‚“ã©ã®äººãŒæ‰“ã¤ã“ã¨ã§ã€ãã®æ„ŸæŸ“ç—‡ã¯ç¢ºå®Ÿã«æ¸›å°‘ã™ã‚‹ã€ã€‚ ãã®æ„味ã«ãŠã„ã¦ã€æœ¬æ›¸ã¯ã¾ã•ã«ã€Œèªã‚€ãƒ¯ã‚¯ãƒãƒ³ã€ã€‚値段ã¯ã€Œæœ¬ç‰©ã®ã€ãƒ¯ã‚¯ãƒãƒ³ã®1/10ã§ã€ã—ã‹ã‚‚副作用ã¯ã»ã¨ã‚“ã©ãªã„。ã“ã†ã„ã†ã‚‚ã®ã“ã「接種を義務ã¥ã‘ã¦ã€ã‚‚らãˆãªã„ã‚‚ã®ã ã‚ã†ã‹ï¼žåŽšåŠ´çœ 本書「予防接種ã¯ã€ŒåŠ¹ãã€ã®ã‹?ã€ã¯ã€ç¬¬ä¸€ç·šã®ãƒ—ãƒã«ã‚ˆã‚‹äºˆé˜²æŽ¥ç¨®è«–。ã“ã‚Œã«ã¯å„種ワクãƒãƒ³(vaccine)ãã®ã‚‚ã®ã®åŠ¹ç”¨ã¨å‰¯ä½œç”¨ã®ã¿ãªã‚‰ãšã€äºˆé˜²æŽ¥ç¨®(vaccination)ã¨ã„ã†ç¤¾ä¼šçš„行為ã®åŠ¹ç”¨ã¨å‰¯ä½œç”¨ã¾ã§ãŒå«ã¾ã‚Œã¦ã„る。 目次 ã¯ã˜ã‚ã« 1ç« ãƒ¯ã‚¯ãƒãƒ³ã‚’ã‚ãã‚‹ã€æ—¥æœ¬ã®ãŠå¯’ã„ç¾
クオリティーã®é«˜ã„ボタンやアイコンã€ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ãªã©ã®PSDファイル – creamu
Photoshopã§ã‚¯ã‚ªãƒªãƒ†ã‚£ãƒ¼ã®é«˜ã„パーツを作りãŸã„。 ãã‚“ãªã¨ãã«å‚考ã«ãªã‚‹ã®ãŒã€ã€Œ30+ FREE Photoshop PSD filesã€ã€‚クオリティーã®é«˜ã„ボタンやアイコンã€ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ãªã©ã®PSDファイルã§ã™ã€‚ ã„ã„æ„Ÿã˜ã®ã‚‚ã®ãŒæƒã£ã¦ã„ã‚‹ã®ã§ã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ã‹ã‘æ–¹ãªã©ã€å‚考ã«ã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ょã†ã‹ã€‚ Suitcase PSD file スーツケースã®PSDファイル Sign up form PSD file ユーザ登録フォームã®PSDファイル Color Plate and Brushes Icon PSD パレットã¨ãƒ–ラシã®ã‚¢ã‚¤ã‚³ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ Quick note PSD file テープã§è²¼ä»˜ã‘ãŸã‚ˆã†ãªãƒŽãƒ¼ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ Nav menu PSD file ナビゲーションメニューã®ãƒ‡ã‚¶ã‚¤ãƒ³ Email zip PSD E-mailアイコン Camera lense PSD
[CSS]ã•ã¾ã–ã¾ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ‰ãƒãƒƒãƒ—シャドウをé©ç”¨ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
CSS2ã®ç–‘ä¼¼è¦ç´ を使用ã™ã‚‹ã“ã¨ã§ã€HTMLを汚ã•ãšã«ã€ã•ã¾ã–ã¾ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ‰ãƒãƒƒãƒ—シャドウを簡å˜ã«é©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãã®ç¾Žã—ã„ドãƒãƒƒãƒ—シャドウã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ ç”»åƒã®ä½¿ç”¨ã¯ä¸€åˆ‡ã‚ã‚Šã¾ã›ã‚“。 CSS drop-shadows without images デモページ [ad#ad-2] デモã®å¯¾å¿œãƒ–ラウザã¯:before, :after, box-shadowãªã©ã‚’使用ã—ã¦ã„ã‚‹ãŸã‚ã€Firefox 3.5+, Chrome 5+, Safari 5+, Opera 10.6+ ã§ã™ã€‚ 下記ã«ã€ãƒ‡ãƒ¢ã«ã‚ã‚‹5ã¤ã®ãƒ‰ãƒãƒƒãƒ—シャドウを紹介ã—ã¾ã™ã€‚ HTML HTMLã¯divè¦ç´ ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’é©ç”¨ã—ã¾ã™ã€‚ 5ã¤ã®ãƒ‰ãƒãƒƒãƒ—シャドウã¯classåを変更ã™ã‚‹ã ã‘ã§ã™ã€‚ <div class="drop-shadow round"> <h1>CSS drop-sh
2010å¹´ç·ã¾ã¨ã‚：ウェブ制作ã«å½¹ç«‹ã¤ã‚¨ãƒ³ãƒˆãƒªãƒ¼Best 20
コリス [ad#ad-2] 当サイトã®è³¼èªã¯ã€RSS Feedã‚’ã”利用ã™ã‚‹ã¨ä¾¿åˆ©ã§ã™ã€‚ コリスã®RSS Feed Twitterã§ã¯ã€ã‚µã‚¤ãƒˆã«æŽ²è¼‰ã—ã¦ã„ãªã„ウェブ関連ã®è©±é¡Œã€ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªã‚‚ã®ã€é¢ç™½ã„ã‚‚ã®ã‚’数多ã紹介ã—ã¦ã„ã¾ã™ã€‚ Twitter@colisscom 2010å¹´ã€ãƒ–ックマークãŒå¤šã‹ã£ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ æ¼¢å—も使ãˆã‚‹æ‰‹æ›¸ã風ã®æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã®ã¾ã¨ã‚ ウェブサイトã®ãƒ‘フォーマンス改善やセã‚ュリティã«å½¹ç«‹ã¤.htaccessã®è¨å®š 2010å¹´ç·ã¾ã¨ã‚：商用利用も無料ã€æ—¥æœ¬èªžãƒ»è‹±èªžã®é«˜å“質ãªãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆé›† jQueryã®æ—¥æœ¬èªžã®è§£èª¬ã‚µã‚¤ãƒˆã¨å›½ç”£ã®ãƒ—ラグイン集 ãŸã£ãŸä¸€è¡Œã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§IE6/7/8ã‚’CSS3対応ã«ã™ã‚‹ -CSS3 PIE ウェブデザインã«é»„金比やフィボナッãƒæ•°åˆ—ãªã©æ•°å¦çš„ãªè¦ç´ ã‚’å–り入れる方法 商用ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãる高級感ã®ã‚ã‚‹ç´°å—ã®ãƒ•ã‚©ãƒ³ãƒˆé›† 無駄ãªdivè¦ç´ ã‚„c
[JS]イージングã«ã‚‚対応ã—ãŸã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をスクãƒãƒ¼ãƒ«ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Custom Content Scroller
é™ã‚‰ã‚ŒãŸã‚¹ãƒšãƒ¼ã‚¹ã«è¨ç½®ã™ã‚‹ã®ã«æœ€é©ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã‚’è¨ç½®ã™ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ スクãƒãƒ¼ãƒ«ãƒãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯CSSã§ç°¡å˜ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã¾ã™ã€‚
[CSS]ç”»åƒã‚’使用ã›ãšã«ã€èƒŒæ™¯ã‚’ストライプやãƒã‚§ãƒƒã‚¯æŸ„ã«ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ | コリス
Checkerboard, striped & other background patterns with CSS3 gradients [ad#ad-2] 対応ブラウザã¯Firefox 3.6+, Chrome, Safariã§ã™ã€‚ デモページã§ã¯ç”»åƒã‚’使用ã›ãšã«ã€ã‚¹ãƒˆãƒ©ã‚¤ãƒ—ãªã©è¨ˆ6種類ã®èƒŒæ™¯ãƒ‘ターンãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ デモページ [ad#ad-2] スタイルシートã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ CSS：ストライプ å…¨ã¦ã®ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹æŒ‡å®šã§ã™ã€‚ L.8-10ã§ã€ã‚¹ãƒˆãƒ©ã‚¤ãƒ—ã®ã‚µã‚¤ã‚ºã‚’指定ã—ã¾ã™ã€‚ .stripes { height: 250px; width: 375px; float: left; margin: 10px; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; background-siz
2010å¹´ç·ã¾ã¨ã‚：Photoshopã§ã¤ãるタイãƒã‚°ãƒ©ãƒ•ã‚£ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†
Photoshopã§ã¤ãるタイãƒã‚°ãƒ©ãƒ•ã‚£ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介済ã¿ã®ã‚‚ã®ã‹ã‚‰æœªç´¹ä»‹ã®ã‚‚ã®ã¾ã§ã€2010å¹´ã®ç·ã¾ã¨ã‚ã§ã™ã€‚
ウェブ開発をテーマã«ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸã‚¦ã‚§ãƒ–制作者ã®ãŸã‚ã®ãƒ•ãƒªãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆ
Free Icon Set for Web Developers: Coded [ad#ad-2] ダウンãƒãƒ¼ãƒ‰ã§ãるアイコンã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯PNGã€ã‚µã‚¤ã‚ºã¯32x32, 48x48, 128x128, 256x256, 512x512ã€ãã‚Œãžã‚Œ25種類ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒæƒã£ã¦ã„ã¾ã™ã€‚ アイコンã®ãƒ—レビュー アイコンã®åˆ©ç”¨ã«ã‚ãŸã£ã¦ã¯å€‹äººã§ã‚‚商用ã§ã‚‚ç„¡æ–™ã§ã€ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“スã€ãƒ†ãƒ³ãƒ—レート・テーマファイルã®é–‹ç™ºãªã©è‡ªç”±ã«ä½¿ã£ã¦ãã ã•ã„ã€ã¨ã®ã“ã¨ã§ã™ã€‚
[CSS]「:target疑似クラスã€ã‚’ã¤ã‹ã£ãŸå®Ÿç”¨çš„ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†
「:target疑似クラスã€ã‚’ã¤ã‹ã£ã¦ã€ã‚¿ãƒ–コンテンツã€ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€ç”»åƒæ‹¡å¤§ã€ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãªã©å®Ÿç”¨çš„ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„を実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ ã‚ャプãƒãƒ£ã¯W3Cã®ã€ŒThe target pseudo-class :target〠[ad#ad-2] 「:target疑似クラスã€ã¯CSS3ã§ã€ã‚¢ãƒ³ã‚«ãƒ¼ãƒªãƒ³ã‚¯ãŒã‚¢ã‚¯ãƒ†ã‚£ãƒ–ãªçŠ¶æ…‹ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹ã‚‚ã®ã§ã™ã€‚ IE6～8ã§ã¯ã€Œ:target疑似クラスã€ã¯å‹•ä½œã—ãªã„ãŸã‚ã€ä»£æ›¿ã‚’用æ„ã—ãŸã‚Šã€ã‚¹ã‚¯ãƒªãƒ—ト「Selectivizrã€ã‚’利用ã™ã‚‹ãªã©ãªã‚“らã‹ã®å¯¾å¿œãŒå¿…è¦ã§ã™ã€‚ 「:target疑似クラスã€ã‚’ã¤ã‹ã£ã¦ã€ã‚¿ãƒ–コンテンツを実装 「:target疑似クラスã€ã‚’ã¤ã‹ã£ã¦ã€ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’実装 「:target疑似クラスã€ã‚’ã¤ã‹ã£ã¦ã€ç”»åƒã®æ‹¡å¤§è¡¨ç¤ºã‚’実装 「:target疑似クラスã€ã‚’ã¤ã‹ã£ã¦ã€ç”»åƒã®ã‚ºãƒ¼ãƒ イン・アウトを実装 「:targe
2010å¹´ç·ã¾ã¨ã‚：押ã•ãˆã¦ãŠããŸã„国内・海外ã®ã‚¦ã‚§ãƒ–デザイン集
今年も残ã™ã¨ã“ã‚ã€ã‚ã¨ã‚ãšã‹ã€‚ 2010å¹´ã€å›½å†…・海外ã®ã‚¦ã‚§ãƒ–デザインã§å°è±¡ã«æ®‹ã£ãŸã‚‚ã®ã‚’紹介ã—ã¾ã™ã€‚
「Google Analyticsã€ãƒšãƒ¼ã‚¸è§£æžã‚’試ã—ã¦ã¿ãŸ - ãƒã‚¿ãƒ•ãƒ«
ページã®ä¸ã§ã©ã“ãŒã‚¯ãƒªãƒƒã‚¯ã•ã‚Œã¦ã„ã‚‹ã‹ã€ã¨ã„ã£ãŸã“ã¨ã‚’解æžã™ã‚‹ã“ã¨ãŒã§ãる「Google Analyticsã€ã®ã€Œãƒšãƒ¼ã‚¸è§£æžã€ã‚’試ã—ã¦ã¿ã¾ã—ãŸã€‚ 以下ã€å®Ÿéš›ã«è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ 「Google Analyticsã€ã«ãƒã‚°ã‚¤ãƒ³ã—ã¦ã€Œã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ã‹ã‚‰ã€Œãƒšãƒ¼ã‚¸è§£æžã€ã‚’é¸æŠžã—ã¦åˆ©ç”¨ã—ã¾ã™ã€‚ é¢ç™½ã„ã¨ã„ã†ã‹ã€ã¡ã‚ƒã‚“ã¨ã—ãŸæ°—付ãã«ãªã‚‹ã®ã¯â€¥â€¥ ・トップページã«æˆ»ã‚‹ãƒªãƒ³ã‚¯ãŒ19%もクリックã•ã‚Œã¦ã„ã‚‹ ・「å‰ã®è¨˜äº‹ã€ã€Œæ¬¡ã®è¨˜äº‹ã€ã‚‚ãã‚Œãªã‚Šã«ã‚¯ãƒªãƒƒã‚¯ã•ã‚Œã¦ã„ã‚‹ ・数ã¯å¤šããªã„ã‘ã‚Œã©ã€Œé–¢é€£è¨˜äº‹ã€ã‚‚クリックã•ã‚Œã¦ã„ã‚‹ï¼ ã¨ã„ã£ãŸã“ã¨ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ã‚‚ã¡ã‚ã‚“ç„¡æ–™ã§åˆ©ç”¨ã§ãる機能ãªã®ã§ã€ãŸã¾ã«çœºã‚ã¦ã¿ã‚‹ã¨è‰¯ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã。 「Google Analytics完全解説ã€è‘—者ã‹ã‚‰èžã„ãŸçŸ¥ã‚‰ãªã„ã¨æã—ãã†ãª5ã¤ã®Tipsï¼ã‚‚ãœã²ä½µã›ã¦ã”覧ãã ã•ã„ï¼ â–¼Google Analytics 完全解説 （via 渋谷ã§ã¯ãŸã‚‰ãW
[JS]複数ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’フェードã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¯éº—ã«è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト
Display Elements Sequentially with jQuery デモページ [ad#ad-2] 実装ã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã§ã™ã€‚ HTML デモã§ã¯ã€ç”»åƒã‚’リストè¦ç´ ã§é…ç½®ã—ã¦ã„ã¾ã™ã€‚ <ul> <li><img src="image.jpg" /></li> <li><img src="image.jpg" /></li> <li><img src="image.jpg" /></li> <li><img src="image.jpg" /></li> <li><img src="image.jpg" /></li> <li><img src="image.jpg" /></li> </ul> HTML アニメーションã®ãƒˆãƒªã‚¬ãƒ¼ã¨ãªã‚‹ã®ã¯ã€ã€ŒShow Imagesã€ã®ãƒ†ã‚ストリンクを使用ã—ã¦ã„ã¾ã™ã€‚ <p style="clear: both; display: none;
[CSS]ブラウザã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’åˆæœŸåŒ–ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ç·ã¾ã¨ã‚ -2010年版
ブラウザã”ã¨ã«ç•°ãªã‚‹ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’åˆæœŸåŒ–ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®æ´å²ã‚’振り返りã¤ã¤ã€2010å¹´ã®æœ€æ–°ã®CSS Resetã¾ã§ã®ã¾ã¨ã‚を紹介ã—ã¾ã™ã€‚ A Comprehensive Guide to CSS Resets [ad#ad-2] ユニãƒãƒ¼ã‚µãƒ«ã‚»ãƒ¬ã‚¯ã‚¿ã‹ã‚‰å§‹ã¾ã£ãŸCSS Resetã®é€²åŒ–ã®éŽç¨‹ã‚’ãŸã©ã‚Šã€æœ€è¿‘リリースã•ã‚ŒãŸCSS Resetを紹介ã—ã¾ã™ã€‚ 下記ã¯ã€å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ (X)HTML "Hard" Reset undohtml.css -2010 version Poor Man's Reset Siolon Reset Inman Reset Tripoli Reset Dan Schulz's Reset Thierry Koblentz's base.css Simple Reset CSS Mini Reset Soft Reset Less i
ã‚ãªãŸã®ã‚µã‚¤ãƒˆã«æœ€é©ãªCSS ResetãŒè¦‹ã¤ã‹ã‚‹ -*{ CSSresetr }
昨日「ブラウザã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’åˆæœŸåŒ–ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ç·ã¾ã¨ã‚ -2010年版ã€ã§ã€æ•°å¤šãã®CSS Resetを紹介ã—ã¾ã—ãŸã€‚ ã˜ã‚ƒã€ã©ã‚ŒãŒè‡ªåˆ†ã«æœ€é©ãªã‚“ã ã‚ã†ï¼Ÿ ã¨ã„ã†æ™‚ã«ã´ã£ãŸã‚Šï¼ã€€æ•°å¤šãã®CSS Resetを手軽ã«è©¦ã™ã“ã¨ãŒã§ãるオンラインサービスを紹介ã—ã¾ã™ã€‚ *{ CSSresetr } - Online CSS-Reset Tool [ad#ad-2] *{ CSSresetr }ã®ä½¿ã„æ–¹ã¯ç°¡å˜ã§ã™ã€‚ プルダウンã®ã€ŒChange the resetã€ã‹ã‚‰CSS Resetã‚’ 「Change the contentã€ã‹ã‚‰é©ç”¨ã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é¸æŠžã—ã¾ã™ã€‚ 下記ã¯ã€CSS Resetを「Example Pageã€ã«é©ç”¨ã—ãŸã‚‚ã®ã§ã™ã€‚ marign, paddingã‚’å–り除ã„ã¦ã„ã‚‹CSS Resetã€é™ã‚‰ã‚ŒãŸè¦ç´ ã®ã¿é©ç”¨ã™ã‚‹CSS Resetãªã©ã€å®Ÿéš›ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã‚ã¦ã¯ã‚ã‚‹ã¨ãã®ä½¿ã„å‹
テクスãƒãƒ£ç´ æを探ã™æ™‚ã€ã¾ãšãƒã‚§ãƒƒã‚¯ã—ãŸã„サイト -Lost & Taken
個人ã§ã‚‚商用ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã€è‘—作権表記も必è¦ã®ãªã„ã€é«˜è§£åƒåº¦ã®ãƒ•ãƒªãƒ¼ã®ãƒ†ã‚¯ã‚¹ãƒãƒ£ç´ æã‚’é…布ã—ã¦ã„るサイトを紹介ã—ã¾ã™ã€‚ Free High Resolution Textures -Lost and Taken [ad#ad-2] 当サイトã§ã‚‚何度ã‹ç´¹ä»‹ã—ãŸLost & Talenã®ãƒ†ã‚¯ã‚¹ãƒãƒ£ç´ æãŒã€ã€ŒTexture Galleryã€ã¨ã—ã¦ã¾ã¨ã‚られã¦å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ç¾åœ¨ãƒ†ã‚¯ã‚¹ãƒãƒ£ç´ æã¯700枚以上ã€ã‚«ãƒ†ã‚´ãƒªã‚‚多å²ã«ã‚ãŸã‚Šã€ãã®ä¸ã‹ã‚‰ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
写真ã«æ–‡å—を入れるãŸã‚ã®ä¾¿åˆ©ãª iPhone アプリ「フォト一å¥ã€
写真ã«æ–‡å—を入れるãŸã‚ã®ä¾¿åˆ©ãª iPhone アプリ「フォト一å¥ã€ 2010-12-17-2 [iPhone] 「フォト一å¥ã€ã¯å†™çœŸã«æ–‡å—ã‚’é‡ã書ãã™ã‚‹ãŸã‚ã® iPhone アプリã§ã™ã€‚350円ã§ã™ã€‚無料版もã‚ã‚Šã¾ã™ï¼ˆãƒã‚´ãŒå¼·åˆ¶çš„ã«å…¥ã‚‹ï¼‰ã€‚ 「一å¥ã€ã¨ã„ã†åã‹ã‚‰ã‚‚分ã‹ã‚‹ã¨ãŠã‚Šã€å†™çœŸã«ä¿³å¥ãƒ»çŸæŒã‚’挿入ã™ã‚‹ã®ãŒä¸»è¦ç”¨é€”ãªã ã‘ã‚ã£ã¦ã€æ—¥æœ¬èªžã®ç¸¦æ›¸ããŒã§ãã‚‹ã®ãŒå¬‰ã—ã„ã§ã™ã€‚ 以下ã€ä½œä¾‹ã§ã™ã€‚ 作例ã§ã¯ä½¿ã‚ãªã‹ã£ãŸã®ã§ã™ãŒã€æ–‡å—ã‚„æ–‡å—背景ã®è‰²ã¯è‡ªç”±ã«é¸ã¹ã¾ã™ã‚ˆï¼ˆç™½é»’以外ã«ï¼‰ã€‚ ref. - [ã‚’] iPhone×Movieスタイル[2010-12-15-5]
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
「何ã‹ã‚’ã™ã‚‹ã¨ãã«ã‚ˆã使ã†ãƒ„ールã€ã‚’共有ã§ãる『BagCheck〠| 100SHIKI
ブãƒã‚°ã‚’書ã„ã¦ã„ã‚‹ã¨ãã«ä½¿ã£ã¦ã„るツールã¯ä½•ã§ã—ょã†ï¼Ÿã¨ãŸã¾ã«èžã‹ã‚Œã‚‹ã€‚ ãã†ã—ãŸã€Œä½•ã‹ã‚’活動をã™ã‚‹ã¨ãã«ä½¿ãˆã‚‹ãƒ„ールã€ã¯èª°ã‚‚ãŒæ°—ã«ãªã‚‹ã¨ã“ã‚ã ã‚ã†ã€‚ ãã“ã§ç™»å ´ã—ãŸã®ãŒBagCheckã 。 ã“ã®ã‚µã‚¤ãƒˆã§ã¯ã•ã¾ã–ã¾ãªäººãŒã€Œç§ã¯ã“れらをよã使ã£ã¦ã„ã‚‹ã€ã¨ã„ã†æƒ…å ±ã‚’å…±æœ‰ã—ã¦ã„る。 用途別ã«ãŠã™ã™ã‚ツールを見られるã€ã¨ã„ã†ã®ã¯ãªã‹ãªã‹ãƒŠã‚¤ã‚¹ãªã‚¢ã‚¤ãƒ‡ã‚¢ã§ã¯ãªã‹ã‚ã†ã‹ã€‚日本語版も欲ã—ã„ã¨ã“ã‚ã§ã™ãªã€‚
[JS]jQueryã®ãƒ—ラグイン100é¸ -2010å¹´ç·é›†ç·¨
2010å¹´ã«ç´¹ä»‹ã—ãŸã‚‚ã®ã‚’ä¸å¿ƒã¨ã—ãŸjQueryã®ãƒ—ラグイン100+αé¸ã§ã™ã€‚ 今年ã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚„レイアウトã€å¾ŒåŠã¯èƒŒæ™¯ç”»åƒé–¢é€£ã®ãƒ—ラグインãŒç‰¹ã«ç›®ç«‹ã£ã¦ã„ãŸã‚ˆã†ã«æ€ã„ã¾ã™ã€‚ [ad#ad-2] コンテンツスライダー・カルーセル関連 ギャラリー・画åƒæ‹¡å¤§é–¢é€£ ナビゲーション関連 タブ関連 パãƒãƒ«ãƒ»ãƒœãƒƒã‚¯ã‚¹é–¢é€£ ツールãƒãƒƒãƒ—関連 レイアウト関連 背景画åƒé–¢é€£ ãã®ä»–UI関連 アニメーション関連 スクãƒãƒ¼ãƒ«ãƒ»ãƒ‰ãƒ©ãƒƒã‚°ãªã©æ“作関連 テーブル・リスト・データ関連 フォーム関連 ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç”Ÿæˆ ãã®ä»– コンテンツスライダー・カルーセル関連
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
æŒã£ã¦ã‚‹ã¨ä¾¿åˆ©ãªãƒ”クセルベースã®Photoshopã®ãƒ‘ã‚¿ãƒ¼ãƒ³ç´ æ
ディテールã®å¼·åŒ–やテクスãƒãƒ£ã®ä½œæˆã«ä¾¿åˆ©ãªã€ãƒ‰ãƒƒãƒˆã‚„ラインã®ãƒ”クセルベースã®Photoshopã®ãƒ‘ã‚¿ãƒ¼ãƒ³ç´ æを紹介ã—ã¾ã™ã€‚
紙を折ã£ãŸã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« | コリス
ç”»åƒã‚’使用ã›ãšã«ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ç´™ã‚’折ã£ãŸã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’矩形ã®è§’ã«é©ç”¨ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ Pure CSS folded-corner effect [ad#ad-2] 対応ブラウザã¯CSS3ã¨:beforeç–‘ä¼¼è¦ç´ を使用ã—ã¦ã„ã‚‹ãŸã‚ã€Firefox 3.5+, Chrome 4+, Safari 4+, Opera 10+, IE 8+ã§ã™ã€‚ デモページ 紙を折ã£ãŸã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®å®Ÿè£… 紙を折ã£ãŸã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯ã€å…¨éƒ¨ã§4種類ã‚ã‚Šã¾ã™ã€‚ HTML HTMLã¯divè¦ç´ を使用ã™ã‚‹ã ã‘ã§ã€classåを変更ã™ã‚‹ã ã‘ã§ã™ã€‚ <div class="note"> コンテンツ </div> é©ç”¨ã™ã‚‹classã¯ã€Œnoteã€ã§ã™ã€‚ å…¨ã¦ã®ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã™ã€‚ .note { position:relative; width:480px; padding:1em 1
手軽ã«ã€ãƒ†ã‚ストã‹ã‚‰ãƒžã‚¤ãƒ³ãƒ‰ãƒžãƒƒãƒ—を作æˆã§ãるオンラインサービス -Text 2 Mind Map
テã‚ストã‹ã‚‰ãƒžã‚¤ãƒ³ãƒ‰ãƒžãƒƒãƒ—ã‚’ç°¡å˜ã«ä½œæˆã§ãるオンラインサービスを紹介ã—ã¾ã™ã€‚ 日本語ã§ã‚‚æ–‡å—化ã‘ã—ã¾ã›ã‚“ã§ã—ãŸã€‚ Text 2 Mind Map [ad#ad-2] マインドマップã®ç”Ÿæˆ Text 2 Mind Mapを利用ã™ã‚‹ã«ã¯ã€ç™»éŒ²ãªã©é¢å€’ãªã“ã¨ã¯ä¸€åˆ‡ä¸è¦ã§ã™ã€‚ 下記ã®ã‚ˆã†ã«ã€ã‚¿ãƒ–ã§ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã‚’ã¤ã‘ãŸãƒ†ã‚ストを入力ã™ã‚‹ã ã‘ã§ã™ã€‚
iPhoneãªã©ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ç”¨ã®ã‚·ãƒ³ãƒ—ルãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æ -app-bit
app-bit [ad#ad-2] ダウンãƒãƒ¼ãƒ‰ã§ãるアイコンã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯PNGã§ã€ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ï¼šã‚µã‚¤ã‚º26x26ã€ãƒã‚¤ãƒ‡ãƒ•ï¼šã‚µã‚¤ã‚º52x52ã®äºŒç¨®é¡žãŒã‚ã‚Šã€ãã‚Œãžã‚Œ64種類ã‚ã‚Šã¾ã™ã€‚ アイコンã®åˆ©ç”¨ã¯app-bitã¸ã®ãƒªãƒ³ã‚¯ã‚’掲載ã™ã‚‹é™ã‚Šã€å€‹äººã§ã‚‚商用ã§ã‚‚ç„¡æ–™ã¨ã®ã“ã¨ã§ã™ã€‚ ライセンスã¯ã€CC 3.0ã§ã™ã€‚
[CSS]ブラウザã®è¡¨ç¤ºé ˜åŸŸã„ã£ã±ã„ã«ãƒœãƒ¼ãƒ€ãƒ¼ã‚’é…ç½®ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã„ã‚ã„ã‚
Simplified page borders in pure CSS デモページ（当方作æˆï¼‰ [ad#ad-2] 下記ã«ã€å…ƒè¨˜äº‹ã§ç´¹ä»‹ã•ã‚Œã¦ã„る方法（ãã®1）をã¯ã˜ã‚ã€ã‚³ãƒ¡ãƒ³ãƒˆã«æŽ²è¼‰ã•ã‚Œã¦ã„る方法をå«ã‚ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ 対応ブラウザã¯åŸºæœ¬çš„ã«:before, :afterç–‘ä¼¼è¦ç´ を使用ã™ã‚‹ãŸã‚ã€IE 8+, Firefox, Chrome, Safari, Operaã¨ãªã‚Šã¾ã™ã€‚ ブラウザã®è¡¨ç¤ºé ˜åŸŸã„ã£ã±ã„ã«ãƒœãƒ¼ãƒ€ãƒ¼ã‚’é…ç½®ã™ã‚‹æ–¹æ³•ï¼šãã®1 元記事ã§ç´¹ä»‹ã•ã‚Œã¦ã„る方法ã§ã™ã€‚ デモページ：ãã®1（当方作æˆï¼‰ HTML HTMLã¯ã€divãªã©ç‰¹åˆ¥ãªè¦ç´ ã¯é…ç½®ã—ã¾ã›ã‚“。 以下ã«ç´¹ä»‹ã™ã‚‹å…¨ã¦ã®æ–¹æ³•ã§å…±é€šã§ã™ã€‚ <html> <body> </body> </html> /*------------------------------------*\ BORDERS \*---------------
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
[JS]主è¦ãƒ–ラウザ全ã¦ã«audioè¦ç´ ã§MP3ã‚’å†ç”Ÿã§ãるよã†ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -audio.js | コリス
IE6/7/8, Firefox, Operaã‚’å«ã‚€ä¸»è¦ãƒ–ラウザ全ã¦ã«ã€HTML5ã®audioè¦ç´ を使ã£ã¦MP3ã‚’å†ç”Ÿã§ãるよã†ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ audio.js デモページ [ad#ad-2] audioè¦ç´ ã®ã‚µãƒãƒ¼ãƒˆçŠ¶æ³ audioã¯HTML5ã®è¦ç´ ã§ã€ã‚µãƒãƒ¼ãƒˆã—ã¦ã„るブラウザã¯é™ã‚‰ã‚ŒãŸã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚ audioè¦ç´ ã®ãƒ–ラウザã®ã‚µãƒãƒ¼ãƒˆçŠ¶æ³ IE9 Firefox 3.5+ Chrome Safari Opera 9.6+ ã¾ãŸã€å¯¾å¿œã—ã¦ã„る音声ファイルã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã‚‚ç•°ãªã‚Šã€ç¾åœ¨éŸ³å£°ãƒ•ã‚¡ã‚¤ãƒ«ã®ä¸»æµã®MP3ã¯Chromeã®ã¿ãŒå¯¾å¿œã—ã¦ã„ã¾ã™ï¼ˆSafariも一応å†ç”Ÿå¯ï¼‰ã€‚ 「audio.jsã€ã¯ã€audioè¦ç´ ã«éžå¯¾å¿œã®IE6/7/8ã€MP3ã«éžå¯¾å¿œã®Firefox, Safari, Operaã§ã€audioè¦ç´ を使ã£ã¦MP3ファイルをå†ç”Ÿã§ãるよã†ã«ã—ã¾ã™ã€‚ [ad
jQueryã®ãƒ—ラグイン「Page Scrollerã€ã®æ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¾ã—ãŸï¼šæ›´æ–°- 3.0.8
ページ内をスムーズã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ãるスクリプト：Page Scrollerã®æœ€æ–°ç‰ˆã€Œ3.0.8ã€ã‚’リリースã—ã¾ã—ãŸã€‚ ç°¡å˜ã«è¨ç½®ã§ãるページ内をスムーズã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ãるスクリプト -Page Scroller ver.3 主ãªå¤‰æ›´ç‚¹ã¯ã€ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ 3.0.8 スピードã®èª¿æ•´ãŒå¯èƒ½ã«ãªã‚Šã¾ã—ãŸã€‚ 動作ã—ãªã„エリアを指定ã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ areaè¦ç´ を使用ã—ãŸã‚¤ãƒ¡ãƒ¼ã‚¸ãƒžãƒƒãƒ—ã§ã‚‚利用ã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ 詳ã—ãã¯ä»¥ä¸‹ã‚’ã©ã†ãžã€‚ [ad#ad-2] ver 3.0.7ã‹ã‚‰ã®ã‚¢ãƒƒãƒ—デート方法 スクリプトã®æ—¢å˜ã®ä»•æ§˜ã«å¤‰æ›´ã¯ã‚ã‚Šã¾ã›ã‚“。 åŒæ§˜ã«ã€ã”利用ã„ãŸã ã‘ã¾ã™ã€‚ スクãƒãƒ¼ãƒ«ã®ã‚¹ãƒ”ードを調整ã™ã‚‹æ–¹æ³• スクãƒãƒ¼ãƒ«ã®ã‚¹ãƒ”ードを調整ã§ãるオプションã§ã™ã€‚ スクãƒãƒ¼ãƒ«ã®ã‚¹ãƒ”ードを調整 スクãƒãƒ¼ãƒ«ã®ã‚¹ãƒ”ードを調整ã™ã‚‹æ–¹æ³• スクãƒãƒ¼ãƒ«ã®ã‚¹ãƒ”ードを任æ„ã«å¤‰æ›´ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ※デモã¯ã‚¹ãƒ”ー
商用利用も無料ã€æ°´å½©ã‚¿ãƒƒãƒã®é«˜å“質ãªãƒ†ã‚¯ã‚¹ãƒãƒ£ç´ æ
テクスãƒãƒ£ã®ã‚ャプãƒãƒ£ テクスãƒãƒ£ç´ æã®åˆ©ç”¨ã¯å€‹äººã§ã‚‚商用ã§ã‚‚ç„¡æ–™ã€ã¨ã®ã“ã¨ã§ã™ã€‚ ã¾ãŸé«˜è§£åƒåº¦ãªãŸã‚ã€ãã®ã¾ã¾èƒŒæ™¯ã¨ã—ã¦ä½¿ç”¨ã—ã¦ã‚‚よã—ã€å†™çœŸãªã©ã®ç”»åƒã«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¨ã—ã¦ã‚‚é¢ç™½ã„効果ãŒå¾—られã¾ã™ã€‚
æ—¢å˜ã®ãƒ•ã‚©ãƒ¼ãƒ をユーザーã«ä½¿ã„ã‚„ã™ãã™ã‚‹10ã®ãƒã‚¤ãƒ³ãƒˆ
10 Tips for Optimizing Web Form Submission Usability [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ 1. å¿…é ˆå…¥åŠ›æ¬„ã¯å¼·èª¿ã™ã‚‹ 2. エラーメッセージã¯åˆ†ã‹ã‚Šã‚„ã™ã 3. クライアントサイドã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ 4. 入力ã—ã¦ã„る欄を明示 5. 進æ—を明示 6. データã®ä¿å˜ã‚„ã‚ャッシュ 7. é€ä¿¡ãƒœã‚¿ãƒ³ã®æ–‡è¨€ 8. ã‚ャンセルボタン 9. 入力例ã®è¨˜è¼‰ 10. åž‚ç›´ã«é…ç½® 1. å¿…é ˆå…¥åŠ›æ¬„ã¯å¼·èª¿ã™ã‚‹ ユーザーã¯ãƒ•ã‚©ãƒ¼ãƒ ã«å…¥åŠ›ã—ãŸå¾Œã«å…¥åŠ›ãƒŸã‚¹ãƒ»ã‚¨ãƒ©ãƒ¼è¡¨ç¤ºãŒã‚ã‚‹ã¨ã€ä¸å®‰ã‚’æ„Ÿã˜ãŸã‚Šã‚¤ãƒ©ã‚¤ãƒ©ã‚’募らã›ã‚‹ã§ã—ょã†ã€‚ã¾ãšã¯ã€å…¥åŠ›æ¬„ã«ã€Œå¿…é ˆã€ã€Œä»»æ„ã€ãªã©ã‚’記載ã—ã¦ã€å…¥åŠ›æ¬„ãŒå¿…é ˆãªã®ã‹ä»»æ„ãªã®ã‹ã‚’明示的ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ä¼ãˆã‚‹ã®ã¯å®‰å…¨ãªæ–¹æ³•ã¨ãªã‚Šã¾ã™ã€‚ 2. エラーメッセージã¯åˆ†ã‹ã‚Šã‚„ã™ã フォームã®ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã¯ã€ã€Œã‚ãªãŸãŒä¸‹ã«å¿…è¦ã¨ã•ã›ã‚‹ãƒ•ã‚£ãƒ¼
A5ノートã§ã€Œãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒ»ãƒŽãƒ¼ãƒˆã€ | シゴタノï¼
2冊＋αã®ãƒŽãƒ¼ãƒˆè¡“ 本書ã¯ã€ã‚‚ã£ã¨ã‚‚é‡è¦ãªè³‡æºã€ã¤ã¾ã‚Šã€Œæ™‚é–“ã€ç®¡ç†ã‹ã‚‰å§‹ã¾ã‚Šã€æœ¬ã‚’èªã‚€ãƒŽã‚¦ãƒã‚¦ã‚„ã€è‘—者ã®æƒ…å ±æ•´ç†ç’°å¢ƒãªã©ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã®ã‚ãŸã‚Šã‚‚ã„ã‚ã„ã‚示唆を得るもã®ã¯å¤šã„ã®ã§ã™ãŒã€ä¸€ç•ªèˆˆå‘³æ·±ã‹ã£ãŸã®ãŒã€ŒãƒŽãƒ¼ãƒˆã®ä½¿ã„æ–¹ã€ã€‚ 著者ã¯ã€ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’ãªã‚“ã§ã‚‚書ãç•™ã‚ã¦ãŠããŸã‚ã®ã€Œã‚¢ã‚¤ãƒ‡ã‚¢ãƒ»ãƒ¡ãƒ¢ã€ç”¨ã®ãƒŽãƒ¼ãƒˆã¨ã€å®Ÿéš›ã«æ–‡ç« を書ããŸã‚ã®ãƒŽãƒ¼ãƒˆã€ã“ã®äºŒå†Šã‚’レギュラーã«ã—ã¦ãŠã‚‰ã‚Œã‚‹ã‚ˆã†ã§ã™ã€‚ã“ã®ã‚ãŸã‚Šã¯ä¸€èˆ¬çš„ã§ã™ã。 ãã®2冊ã«åŠ ãˆã¦ã€ä¸é–“çš„å˜åœ¨ã®ã€Œãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒ»ãƒŽãƒ¼ãƒˆã€ã‚‚åˆã‚ã›ã¦é‹ç”¨ã•ã‚Œã¦ã„ã‚‹ã¨ã„ã†ã®ãŒãƒã‚¤ãƒ³ãƒˆã§ã™ã€‚ アイデア・メモ帳ã§ã€ã‚る種ã®è‘—作や論文ã€ã‚‚ã—ãã¯ã‚¨ãƒƒã‚»ãƒ¼ãªã©ãŒã¾ã¨ã¾ã‚Šå§‹ã‚ã€ä¸€å¿œã®å½¢ã‚’示ã—ãŸã¨ã™ã‚‹ã€‚ãã®æ®µéšŽã«é”ã™ã‚‹ã¨ã€ç†è€…ã¯åˆ¥ã®æ–°ã—ã„ノートをãã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«å‰²ã‚Šå½“ã¦ã‚‹ã“ã¨ãŒã‚る。特ã«é‡ï¼ˆãƒšãƒ¼ã‚¸æ•°ï¼‰çš„ã«å¤šã„1冊ã®æœ¬ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãªã©ã¯ã€å¿…ãš1冊ã®ãƒŽãƒ¼ãƒˆã«ã¾ã¨ã‚ãªãŠã™ã®ã§ã‚る。 時
SHOT NOTE 自作
SHOT NOTE 自作 No. Date ©2011-2018You Look Too Cool
ãŠã™ã™ã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³æœ¬ã€Œã‚¤ãƒ¡ãƒ¼ã‚¸åˆ¥ レイアウトスタイルシリーズ クール＆スタイリッシュ編ã€: DesignWorks Archive
ã€ãƒ•ãƒªãƒ¼å£ç´™ã€‘A CANDLE LOSES NOTHING by モンクレールウンアウトレット (12/20) ã€ãƒ•ãƒªãƒ¼å£ç´™ã€‘A CANDLE LOSES NOTHING by ルイヴィトンコピー (01/04) ã€ãƒ•ãƒªãƒ¼å£ç´™ã€‘A CANDLE LOSES NOTHING by コピーブランド (11/11) ã€ãƒ•ãƒªãƒ¼å£ç´™ã€‘A CANDLE LOSES NOTHING by ãƒãƒ¼ãƒãƒªãƒ¼ 財布 メンズ (08/17) ç„¡æ–™ã§ä½¿ãˆã‚‹2010年カレンダーã®ã¾ã¨ã‚ by 浅見　晴美 (11/29) 毎回ã€æ³¨ç›®ã®ãƒ‡ã‚¶ã‚¤ãƒ³æ›¸ç±ã‚„写真集ã€ãŠã™ã™ã‚ã®æœ¬ã‚’紹介ã—ã¾ã™ã€‚ 今回ã¯ãŠã™ã™ã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³æœ¬ã€Œã‚¤ãƒ¡ãƒ¼ã‚¸åˆ¥ レイアウトスタイルシリーズ クール＆スタイリッシュ編ã€ã§ã™ã€‚ 男性や高級志å‘ã®å®¢å±¤ã‚’ターゲットã«ã—ãŸä¸Šè³ªãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’多数åŽéŒ²ã—ãŸã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚½ãƒ¼ã‚¹ã¨ã—ã¦æ´»èºã—ã¦ãれる一冊ã¨ãªã£ã¦ã„ã¾ã™ã€‚ 詳ã—ã
ã“ã‚Œã¯ä¾¿åˆ©ã€‚PDFã‹ã‚‰æŒ‡å®šéƒ¨åˆ†ã ã‘を切り出ã™ã€ŒBriss〠| MOONGIFT | オープンソース・ソフトウェア紹介をä¸å¿ƒã¨ã—ãŸITエンジニア/Webデザイナーå‘ã‘ブãƒã‚°
Brissã¯GUIを使ã£ã¦PDFã®ä¸€éƒ¨åˆ‡ã‚Šå‡ºã—ã‚’è¡Œã†ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚ Brissã¯Java製ã€Windows/Mac OSX/Linux用ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。PDFファイルã¯å¤§æŠµã®ãƒ—ラットフォームã§é–²è¦§ã§ãã€ã•ã‚‰ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã®å´©ã‚Œã‚‚ãªã„便利ãªãƒ•ã‚¡ã‚¤ãƒ«ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã 。ã ãŒåŠ å·¥ã—ã¥ã‚‰ã„ã®ãŒæ¬ 点ã 。 切り出ã—部分を指定ã—ã¦ã„る所 ソフトウェアã«ã‚ˆã£ã¦ã¯æ³¨é‡ˆã‚’入れãŸã‚Šãƒ¡ãƒ¢ã‚’ã¤ã‘ã‚‹ã€ãƒã‚¤ãƒ©ã‚¤ãƒˆã‚’è¡Œã†ã¨è¨€ã£ãŸä¿®æ£ã¯ã§ãる。ã¾ãŸãƒšãƒ¼ã‚¸å˜ä½ã§ã®å‰Šé™¤ã‚‚å¯èƒ½ã 。ã—ã‹ã—Brissã¯ãれらã¨ã¯ç•°ãªã‚‹åŠ å·¥ãŒå‡ºæ¥ã‚‹ã€‚PDFファイルã®ç‰¹å®šéƒ¨åˆ†ã‚’切り出ã—ã¦æ–°ã—ã„PDFを作æˆã™ã‚‹ã®ã 。 Brissã‚’ç«‹ã¡ä¸Šã’ãŸå¾Œã€PDFファイルを開ã。開ãéš›ã«ã¯ãƒšãƒ¼ã‚¸æ•°ã‚’指定ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã 。特定ã®ãƒšãƒ¼ã‚¸ã ã‘ã‚’é–‹ã‘ã°ã€ãã‚Œã ã‘作æ¥ãŒã—ã‚„ã™ããªã‚‹ã€‚ãã—ã¦é–‹ã„ãŸã‚‰æ›¸ã出ã—ãŸã„箇所をマウスã§ãƒ‰ãƒ©ãƒƒã‚°ã—ã¦å›²ã‚“ã§ã„ã。一ã¤ã®ãƒšãƒ¼ã‚¸ã‹ã‚‰è¤‡æ•°ç®‡æ‰€
サイトã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ を表示ã—ã¦ãれるブックマークレット『Wirify〠| 100SHIKI
デザインãªã‚“ã‹ã‚’勉強ã—ã¦ã„る人ã«ã„ã„ã‹ã‚‚ã€ã¨æ€ã£ãŸã®ã§ã”紹介。 Wirifyã®ãƒ–ックマークレットを使ãˆã°ã€ä»Šè¦‹ã¦ã„るサイトã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ を表示ã—ã¦ãれる。 ãã®ã‚µã‚¤ãƒˆãŒã©ã†ã„ã†è¦ç´ ã§ã‚‚ã£ã¦å‡ºæ¥ã¦ã„ã‚‹ã®ã‹ã€ãƒ‡ã‚¶ã‚¤ãƒ³çš„ã«ã©ã†é…ç½®ã•ã‚Œã¦ã„ã‚‹ã®ã‹ã‚’ã™ã£ãã‚Šã¿ãŸã„å ´åˆã«ä¾¿åˆ©ã ã‚ã†ã€‚ ãªãŠã€ã“ã®ãƒ„ールを使ã†ã¨ã€ã‚µã‚¤ãƒˆã®ã‚¿ã‚¤ãƒˆãƒ«ã¨URLãŒåŽé›†ã•ã‚Œã‚‹ãã†ãªã®ã§ã€ã‚»ã‚ュリティ的ã«ä¿è·ã•ã‚Œã¦ã„るページã«ä½¿ã†ã«ã¯æ³¨æ„ãŒå¿…è¦ã 。 ãã‚Œã„ãªã‚µã‚¤ãƒˆã‚’見ã¤ã‘ãŸã¨ãã«ã¯ã€ã“ã†ã—ãŸãƒ„ールを試ã—ã¦ã¿ã‚‹ã®ã‚‚ã„ã„ã§ã™ãªã€‚
フォントã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã‚’変æ›ã§ãるオンラインサービス -Free Online Font Converter
フォントをWindowsã€Macã€Linuxã§ã‚‚使用ã§ãるよã†ã«ã€TrueType, PostScript, OpenTypeãªã©ã«ãƒ•ã‚©ãƒ³ãƒˆã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã‚’変æ›ã§ãるオンラインサービスを紹介ã—ã¾ã™ã€‚ Free Online Font Converter [ad#ad-2] 対応ã—ã¦ã„るフォントã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ フォントã®å¯¾å¿œãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆ pfa, pfb, pt3, sfd, ttf, otf, otb, t42, cef, cff, gsf, ttc, svg, ik, mf, dfont, bin, suit and bd Free Online Font Converterã®ä½¿ã„æ–¹ 使ã„æ–¹ã¯ç°¡å˜ã§ã™ã€‚ 登録ãªã©é¢å€’ãªã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“。 「Select a file to convert:ã€ã«ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’指定ã—ã¦ã€ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ 「Select a
厳é¸ã€ä½œæ¥åŠ¹çŽ‡ãŒã‚¢ãƒƒãƒ—ã™ã‚‹Photoshopã®ã‚ーボードショートカットã®ã¾ã¨ã‚
Photoshopã®ã‚ーボードショートカットを使ã„ã“ãªã›ã‚‹ã‚ˆã†ã«ãªã‚‹ã¨ä½œæ¥åŠ¹çŽ‡ãŒã‚°ãƒ³ã¨ã‚¢ãƒƒãƒ—ã—ã¾ã™ã€‚ 数多ãã‚るショートカットã®ä¸ã‹ã‚‰ç‰¹ã«å®Ÿç”¨çš„ãª25個を紹介ã—ã¾ã™ã€‚ 25 Awesome Keyboard Shortcuts for Photoshop That You May Not Know [ad#ad-2] 元記事ã§ã¯å‹•ä½œã‚’軸ã«æ›¸ã‹ã‚Œã¦ã„ã¾ã™ãŒã€ä¸‹è¨˜ã¯ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚’軸ã«ç´¹ä»‹ã—ã¾ã™ã€‚ ショートカットã¯Windowsã®è¡¨è¨˜ã§ã™ã€‚ Macã®å ´åˆã¯ã€ç½®ãæ›ãˆã¦ãã ã•ã„。 Ctrl → Command Alt → Option Photoshopã®ä¾¿åˆ©ãªã‚ーボードショートカット Ctrl+Space+左クリック Ctrl+Space+ドラッグ（å³or左） ドã‚ュメントを拡大表示 Alt+Shift+å³ã‚¯ãƒªãƒƒã‚¯ HUDカラーピッカーã®è¡¨ç¤º ※CS5ã®ã¿ã€‚環境è¨å®šã§GPUè¨å®šã‚’オンã«ã—ã¦ã„ã‚‹
[JS]æ¡ä»¶ä»˜ãã§JavaScriptã‚„CSSファイルをãƒãƒ¼ãƒ‰ã§ãるスクリプトãƒãƒ¼ãƒ€ãƒ¼ -Yepnope
プレフィックス（接é 辞）を使用ã—ã¦ã€ãƒãƒ¼ãƒ‰ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã€UAã”ã¨ã«å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã ã‘ã‚’ãƒãƒ¼ãƒ‰ãªã©ã€æ¡ä»¶ä»˜ãã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒãƒ¼ãƒ‰ã•ã›ã‚‹ã“ã¨ãŒã§ãるスクリプトãƒãƒ¼ãƒ€ãƒ¼ã‚’紹介ã—ã¾ã™ã€‚ yepnope.js -A Conditional Loader For Your Polyfills! [ad#ad-2] yepnope.jsã®æ›¸å¼ yepnope.jsã®åŸºæœ¬æ›¸å¼ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ yepnope(resources /* string | object | array */ [, $LABchain]) css! プレフィックス「css!ã€ã‚’使用ã—ã¦ã€æŒ‡å®šã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’CSSファイルã¨ã—ã¦ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ ※「.cssã€ã§çµ‚了ã—ã¦ã„ãªã„åå‰ã¯JavaScriptファイルã¨ã—ã¦èªè˜ã•ã‚Œã¾ã™ã€‚ 例：cachebusted.css?version=1452318 yepnope({ load
2011å¹´ã®SEOã§ã€ã“ã‚Œã¯ã‚‚ã†é¿ã‘ã¦ãŠããŸã„32ã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆ
Googleã‚’ã¯ã˜ã‚ã¨ã™ã‚‹æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã«å¯¾ã—ã¦ã€ã‚µã‚¤ãƒˆã‚’最é©åŒ–ã™ã‚‹éš›ã«æ°—ã‚’ã¤ã‘ã‚‹ã¹ã32ã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆã‚’紹介ã—ã¾ã™ã€‚ 32 SEO Tactics to Avoid in 2011 [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« ã‚ãªãŸã¯2011å¹´ã‚’è¿Žãˆã€SEO用ã®è†¨å¤§ãªãƒªã‚¹ãƒˆã‚’ã‚‚ã£ã¦ã„ã‚‹ã“ã¨ã§ã—ょã†ã€‚ã“ã“ã§ç´¹ä»‹ã™ã‚‹ã‚‚ã®ã¯ã€ã‚ãªãŸãŒã‚„ã‚‹ã¹ãã§ã¯ãªã„32ã®ãƒã‚§ãƒƒã‚¯é …目を知るã“ã¨ã§ã€ã‚ãªãŸã®ãƒªã‚¹ãƒˆã‚’å°‘ãªãã™ã‚‹ã“ã¨ã§ã™ã€‚ 2011å¹´ã®ã‚¿ã‚¹ã‚¯ã«ä¸‹è¨˜ã®ãƒªã‚¹ãƒˆãŒæ®‹ã£ã¦ã„ã‚‹ã®ã§ã‚ã‚Œã°ã€ã©ã†ãžãれらを消ã—ã¦ãã ã•ã„。 Hiding Stuff On-Page éš ã•ã‚ŒãŸãƒ†ã‚ストやリンクã¯GoogleãŒæœ€ã‚‚å«Œã†å˜åœ¨ã§ã™ã€‚ã“れらã¯æœ€æ‚ªã®å ´åˆã€ãƒšãƒŠãƒ«ãƒ†ã‚£ãŒä¸Žãˆã‚‰ã‚Œã‚‹ã“ã¨ãŒã‚ã‚‹ã®ã§ä½¿ç”¨ã¯é¿ã‘ã¦ãã ã•ã„。 白ã„背景ã«ç™½ã„テã‚スト ç”»åƒã®ä¸Šã«éš ã—ãŸãƒ†ã‚スト CSSを使ã£ã¦éš ã—ãŸãƒ†ã‚スト 極å°ã‚µã‚¤ã‚º
IE6/IE7/IE8/IE9ã®CSSãƒãƒƒã‚¯
IE6/IE7/IE8/IE9ã¨ä»–ã®ãƒ–ラウザを振り分ã‘ã‚‹CSSãƒãƒƒã‚¯ã§ã™ã€‚IE9ã¯ã¾ã ベータ版ãªã®ã§æœ‰åŠ¹ã«ãªã‚‰ãªããªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã¨ã‚Šã‚ãˆãšã€‚ →IE9ã‚‚æ£å¼ç‰ˆã§ç¢ºèªæ¸ˆã¿ã§ã™ã€‚ １．IE6/IE7/IE8/IE9ã¨ä»–ã®ãƒ–ラウザを振り分ã‘ã‚‹CSSãƒãƒƒã‚¯ 以下ã®é †ç•ªã§ãƒ—ãƒãƒ‘ティãŠã‚ˆã³ã‚»ãƒ¬ã‚¯ã‚¿ã‚’記述ã—ã¦ãã ã•ã„。 body { color: red; /* all browsers, of course */ color: greenÂ¥9; /* IE8 and below */ *color: yellow; /* IE7 and below */ _color: orange; /* IE6 */ } body:not(:target) { color: blackÂ¥9; /* IE9 */ } IE6：プãƒãƒ‘ティã®å…ˆé ã«ã‚¢ãƒ³ãƒ€ãƒ¼ã‚¹ã‚³ã‚¢ã€Œ_ã€ã‚’付与 IE7：プãƒãƒ‘ティã®å…ˆé ã«ã‚¢ã‚¹ã‚¿ãƒªã‚¹ã‚¯
主è¦ãªCSS Resetã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¨ãƒ‰ã‚ュメントã®ã¾ã¨ã‚ -CSS Reset.com
ブラウザã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’åˆæœŸåŒ–ã™ã‚‹CSS Resetã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¨ãƒ‰ã‚ュメントをã¾ã¨ã‚ãŸãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆã‚’紹介ã—ã¾ã™ã€‚ CSS Reset.com [ad#ad-2] ç¾åœ¨ã€ç™»éŒ²ã•ã‚Œã¦ã„ã‚‹CSS Resetã¯ä¸‹è¨˜ã®7ã¤ã§ã™ã€‚ Eric Meyer's "Reset CSS" Eric Meyer's "Reset CSS"ã®ãƒ‰ã‚ュメント HTML5 Doctor CSS Reset TML5 Doctor CSS Resetã®ãƒ‰ã‚ュメントメント Yahoo! CSS Reset (YUI 3) YUI 3ã®ãƒ‰ã‚ュメント Vanilla CSS Un-Reset Vanilla CSS Un-Resetã®ãƒ‰ã‚ュメント Tripoli CSS Reset – David Hellsing Tripoli CSS Resetã®ãƒ‰ã‚ュメント 'undohtml.css' – Tantek Celik
[JS]çœã‚¹ãƒšãƒ¼ã‚¹ã«æœ€é©ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãƒãƒ¼ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã§æ‹¡å¤§è¡¨ç¤ºã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
複数ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をサムãƒã‚¤ãƒ«ã§é…ç½®ã—ã€ãƒãƒ¼ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã§æ‰“ã¡å‡ºã—エリアã«æ‹¡å¤§è¡¨ç¤ºã™ã‚‹ãƒ•ã‚£ãƒãƒ£ãƒ¼ãƒœãƒƒã‚¯ã‚¹ã‚’実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ Rotating Feature Boxes デモページ [ad#ad-2] デモã§ã¯å³å´ã«é…ç½®ã•ã‚ŒãŸã‚µãƒ ãƒã‚¤ãƒ«ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をクリックã™ã‚‹ã¨ã€æ‰“ã¡å‡ºã—エリアã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰ç§»å‹•ã—ã¦ã€å…¨æ–‡ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ※アニメーションã¯CSS3ã§å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ãŸã‚Chrome, Safariã®ã¿ã§ã€éžå¯¾å¿œãƒ–ラウザã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ç„¡ã—ã§ã™ã€‚ デモページ 2番をクリックã—ã¦ã€2番ãŒæ‰“ã¡å‡ºã—エリアã«ã€‚ [ad#ad-2] ãƒãƒ¼ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ãƒ•ã‚£ãƒãƒ£ãƒ¼ãƒœãƒƒã‚¯ã‚¹ã®å®Ÿè£… HTML 3ã¤ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯divè¦ç´ ã§å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€ãã‚Œãžã‚Œidã¨classを付与ã—ã€å…¨éƒ¨ã‚’divè¦ç´ ã§å†…包ã—ã¾ã™ã€‚ <div id="rotator"> <div id="block-1" cl
最近リリースã•ã‚ŒãŸé«˜å“質ãªãƒ•ãƒªãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚©ãƒ³ãƒˆ -2011å¹´1月
最近リリースã•ã‚ŒãŸé«˜å“質ãªãƒ•ãƒªãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’紹介ã—ã¾ã™ã€‚ Frido Black 個人・商用利用無料。 Jean-Luc! 個人・商用利用無料。 Sohoma 個人・商用利用無料。 [ad#a
[CSS]背景画åƒã«é–¢ã™ã‚‹å®Ÿç”¨çš„ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†
CSS2.1ã®ç–‘ä¼¼è¦ç´ を使用ã—ã¦ã€èƒŒæ™¯ç”»åƒã®ã‚¯ãƒãƒƒãƒ—ã€å¤‰å½¢ã€ãƒã‚¸ã‚·ãƒ§ãƒ³ã€ä¸é€æ˜Žåº¦ãªã©èƒŒæ™¯ç”»åƒã«é–¢ã™ã‚‹å®Ÿç”¨çš„ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®4ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ CSS background image hacks [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ 背景画åƒã®ã‚¯ãƒãƒƒãƒ— 背景画åƒã®å¤‰å½¢ 背景画åƒã®ãƒã‚¸ã‚·ãƒ§ãƒ³ 背景画åƒã®ä¸é€æ˜Žåº¦ 背景画åƒã®ã‚¯ãƒãƒƒãƒ— 背景画åƒã‚’クãƒãƒƒãƒ—ã™ã‚‹ã®ã¯ã€CSS2.1ã ã‘を使用ã—ã¦ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã«ã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ãƒˆã§ãã¾ã™ã€‚ 一ã¤ç›®ã®ãƒ‡ãƒ¢ã§ã¯ã€èƒŒæ™¯ã§è¡¨ç¤ºã™ã‚‹ã¹ãç”»åƒã‚’クãƒãƒƒãƒ—ã—ã¦ã„ã¾ã™ã€‚
[JS]普通ã®ç”»åƒã«ã¡ã‚‡ã£ã¨ã—ãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’与ãˆã¦ã‹ã£ã“よãã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Little Colour Boxes
ãªã‚“ã§ã‚‚ãªã„普通ã®ç”»åƒã§ã‚‚ã¡ã‚‡ã£ã¨ã—ãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’与ãˆã€äººç›®ã‚’惹ãよã†ã«ã™ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ デモページ [ad#ad-2] Little Colour Boxesã®å®Ÿè£… HTML HTMLã¯ç”»åƒã‚’é…ç½®ã—ãŸimgè¦ç´ ã«idã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§ã™ã€‚ idåã¯ä»»æ„ã®ã‚‚ã®ãŒåˆ©ç”¨ã§ãã€classãªã©jQueryã®æ›¸å¼ã§è¨˜è¿°ã§ãã‚‹ã‚‚ã®ã«å¤‰æ›´å¯èƒ½ã§ã™ã€‚ <img src="images/nice_pattern_islamic.gif" width="425" height="425" id="image-boxes"> JavaScript 「jquery.jsã€ã¨å½“スクリプト「jquery-littlecolourboxes.jsã€ã‚’外部ファイルã§æŒ‡å®šã—ã€ä¸‹è¨˜ã®ã‚¹ã‚¯ãƒªãƒ—トを記述ã—ã¾ã™ã€‚ $(document).ready(function() { $("image-boxes")
ウェブページã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«ç”Ÿã˜ã‚‹ç©ºãスペースã®æ´»ç”¨æ–¹æ³•
ページã®ãƒ‡ã‚¶ã‚¤ãƒ³æ™‚ã«æ‚©ã‚€ã®ãŒã€2カラムレイアウトãªã©ã§ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«ã©ã®ãらã„ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ç½®ã™ã‚‹ã®ã‹ã€ã¨ã„ã†ã®ãŒã‚ã‚Šã¾ã™ã€‚ ç†æƒ³çš„ãªã®ã¯ã€ãƒ¡ã‚¤ãƒ³ã¨ãªã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨åŒã˜ãらã„ã®é«˜ã•ã«ãªã‚‹ã®ãŒç„¡é§„ã‚‚ãªãã„ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。ã—ã‹ã—ã€ãƒ¡ã‚¤ãƒ³ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„é‡ãŒæ±ºã¾ã£ãŸã‚‚ã®ã§ã¯ãªãã€ã—ã‹ã‚‚é•·ã„å ´åˆã¯ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«æœªä½¿ç”¨ã®ã‚¹ãƒšãƒ¼ã‚¹ãŒå¤šã生ã˜ã¦ã—ã¾ã„ã¾ã™ã€‚ [ad#ad-2] ã“ã®ç„¡é§„ã«ãªã£ã¦ã—ã¾ã†ç©ºãスペースã®è§£æ±ºæ–¹æ³•ã®ä¸€ã¤ã¨ã—ã¦ã€ã‚¹ãƒšãƒ¼ã‚¹ã®é‡ã«åˆã‚ã›ã¦ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ç½®ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚
ゆる～ã„æ„Ÿã˜ã®ãƒ•ãƒªãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚©ãƒ³ãƒˆ -Five Minutes
Five Minutesã®æ–‡å—一覧 フォントã¯å€‹äººã§ã‚‚商用ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ãŒå¯èƒ½ã§ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ä¸Šè¨˜ãƒšãƒ¼ã‚¸ã®ä¸‹ã®ç”»åƒã€ŒDOWNLOAD FONTã€ã‹ã‚‰ã§ãã¾ã™ã€‚ [ad#ad-2] ã¾ãŸã€åŒåˆ¶ä½œè€…ã®ãƒ•ã‚©ãƒ³ãƒˆã¯ä»–ã«ã‚‚é¢ç™½ã„ã‚‚ã®ãŒå¤šæ•°ã‚ã‚Šã¾ã™ã€‚
[JS]シャドウをãµã‚“ã‚ã‚Šã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å¤‰åŒ–ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Shadow animation
CSS3ã®box-shadowã§é©ç”¨ã—ãŸã‚·ãƒ£ãƒ‰ã‚¦ã‚’ãµã‚“ã‚ã‚Šã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å¤‰åŒ–ã•ã›ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ ボタンãªã©ã«ã‚·ãƒ£ãƒ‰ã‚¦ã‚’使用ã—ãŸéš›ã«ã¯ã€ã‚ˆã‚Šãƒªã‚¢ãƒ«ãªåŠ¹æžœã‚’与ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Shadow animation jQuery plugin デモページ [ad#ad-2] アニメーションã§å¤‰åŒ–ã§ãã‚‹ã®ã¯ã€CSS3ã®box-shadowã§æŒ‡å®šã§ãる表示ä½ç½®ï¼ˆX軸オフセット・Y軸オフセット）ã€ã¼ã‹ã—ã®åŠå¾„ã€ã‚·ãƒ£ãƒ‰ã‚¦ã®åŠå¾„ã€ã‚«ãƒ©ãƒ¼ã€ã¨ãªã£ã¦ã„ã¾ã™ã€‚ å„デモã®ã‚¹ã‚¯ãƒªãƒ—トã§ã®æŒ‡å®šã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ JavaScript：左端 onmouseoverã§ã€ã¼ã‹ã—ã®åŠå¾„ã‚’30oxã€ã‚«ãƒ©ãƒ¼ã‚’#44fã« $('#box1').animate({shadow: '0 0 30px #44f'}); JavaScriptï¼šçœŸã‚“ä¸ onmouseoverã§ã€ã¼ã‹ã—ã®åŠå¾„ã‚’50pxã«
細部ã¾ã§ã—ã£ã‹ã‚Šã“ã ã‚ã£ãŸãƒ´ã‚£ãƒ³ãƒ†ãƒ¼ã‚¸ãƒ‡ã‚¶ã‚¤ãƒ³ã®6種類ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆ
人気ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒˆãƒ¬ãƒ³ãƒ‰ã®ä¸€ã¤ã«ã€ãƒ´ã‚£ãƒ³ãƒ†ãƒ¼ã‚¸ãƒ»ãƒ¬ãƒˆãƒã‚¹ã‚¿ã‚¤ãƒ«ãŒã‚ã‚Šã¾ã™ã€‚デザインã«ã“れらをå–り入れるãŸã‚ã«ä½¿ã„ã“ãªã—ãŸã„6種類ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’紹介ã—ã¾ã™ã€‚ The Elements of Retro Web Design [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ 元記事ã«ã¯ã‚µãƒ³ãƒ—ルやãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãªã©è±Šå¯Œã«æŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« 1. サークルを使ã£ãŸå½¢çŠ¶ 2. ツートンカラーã€é™å®šã•ã‚ŒãŸã‚«ãƒ©ãƒ¼ã‚¹ã‚ーム3. タイãƒã‚°ãƒ©ãƒ•ã‚£ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¨ãƒˆãƒ¬ãƒ³ãƒ‰ 4. ブレンディングスタイル 5. テクスãƒãƒ£ã¨ãƒŽã‚¤ã‚º 6. イメージクãƒãƒƒãƒ—ã¨ãƒ¬ã‚¤ãƒ¤ãƒ¼ãƒžã‚¹ã‚¯ ã¯ã˜ã‚㫠ヴィンテージã€ãƒ¬ãƒˆãƒã¨ã„ã£ãŸã‚¹ã‚¿ã‚¤ãƒ«ã¯ä»Šæ—¥ã®ãƒ‡ã‚¸ã‚¿ãƒ«ã‚¢ãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ã«ãŠã„ã¦ã€æ—¥ã€…人気ãŒé«˜ããªã£ã¦ã„ã¾ã™ã€‚社会ãŒå®Œå…¨ã«ãƒ‡ã‚¸ã‚¿ãƒ«åŒ–ã—ãŸå¾Œã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘るヴィンテージã€ãƒ¬ãƒˆãƒã‚’テーマã«ã—ãŸã‚‚ã®ã¯ãƒˆãƒ¬ãƒ³ãƒ‰ã®ä¸€ã¤ã¨è¨€ãˆã‚‹ã§ã—ょã†ã€‚ ã“
カラー・サイズãŒè±Šå¯Œã«ç”¨æ„ã•ã‚ŒãŸã‚¤ãƒ©ã‚¹ãƒˆã‚¿ãƒƒãƒã®Eコマース用アイコンセット
商用ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹ã€ã‚ªãƒ¬ãƒ³ã‚¸ãƒ»ãƒ¬ãƒƒãƒ‰ãƒ»ãƒ–ルー・グリーン・グレー・ブラックã®å…色ãŒç”¨æ„ã•ã‚ŒãŸEコマース用ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã‚’紹介ã—ã¾ã™ã€‚ Free E-Commerce Icon Set for all Online Businesses [ad#ad-2] ダウンãƒãƒ¼ãƒ‰ã§ãるアイコンã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯PNGã§ã€ã‚µã‚¤ã‚ºã¯å„色ã«32x32, 64x64, 128x128ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ アイコンã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€ãã‚Œãžã‚Œ15種類ãŒæƒã£ã¦ã„ã¾ã™ã€‚
ウェブ制作ã«å½¹ç«‹ã¤ã€ä¾¿åˆ©ãªæœ€è¿‘ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“スã®ã¾ã¨ã‚ -2011å¹´1月
最近リリースã•ã‚ŒãŸã‚‚ã®ã‚’ä¸å¿ƒã«ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã€ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ãªã©ã«å½¹ç«‹ã¤ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ス・ウェブアプリケーションを紹介ã—ã¾ã™ã€‚
IE6/IE7/IE8/IE9ã®å…±å˜ã¾ã¨ã‚
Windows 7ã‚„Windows VISTAã§IE6/IE7/IE8/IE9ã‚’å…±å˜ã•ã›ã‚‹æ–¹æ³•ã§ã™ã€‚IE9ã¯ã¾ã ベータ段階ã§ã™ãŒã€å‘¨è¾ºãƒ„ールも対応ã—ã¦ããŸé ƒãªã®ã§ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ å…¬å¼ãƒ–ラウザã®å…±å˜ã¯ã§ãã¾ã›ã‚“ãŒã€ä»¥ä¸‹ã«ç¤ºã™æ–¹æ³•ã§å„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®è¡¨ç¤ºã‚’確èªã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚最近ã¯IETesterãŒä¸»æµã«ãªã£ã¦ããŸã‚ˆã†ãªã®ã§ã€ãã“ã‚’è¸ã¾ãˆã¦ã¾ã™ã€‚ IETesterを利用＋IETesterã§IE9を確èªã§ãるよã†ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹ 「Microsoft Expression Web SuperPreview for Windows Internet Explorerã€ã¨ã€ŒInternet Explorer Platform Preview（「Internet Explorer 9 Platform Previewã€ï¼‰ã€ã‚’併用ã™ã‚‹ IE9ã®ãƒ–ラウザーモードã¨ãƒ‰ã‚ュメントモードを利用ã™ã‚‹ 以下ã€
ディテールã®å¼·åŒ–ã«åŠ¹ãピクセルベースã®Photoshopã®ãƒ‘ã‚¿ãƒ¼ãƒ³ç´ æ
年末ã«ç´¹ä»‹ã—ãŸã®ã¨ã¯ç•°ãªã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’用æ„ã—ãŸã€ãƒ”クセルベースã®Photoshopã®ãƒ‘ã‚¿ãƒ¼ãƒ³ç´ æを紹介ã—ã¾ã™ã€‚
æ•°å—ã§è¦‹ã‚‹ã€2010å¹´ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆæ¥ç•Œ
2010å¹´ã®Emailã€ã‚¦ã‚§ãƒ–サイトã€ã‚µãƒ¼ãƒãƒ¼ã€ãƒ‰ãƒ¡ã‚¤ãƒ³ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã€ãƒ–ラウザã€å‹•ç”»ã€ç”»åƒã®çŠ¶æ³ã‚’ãã‚Œãžã‚Œæ•°å—ã§ã‚らã‚ã—ãŸã€ŒInternet 2010 in numbersã€ã‚’紹介ã—ã¾ã™ã€‚ Internet 2010 in numbers [ad#ad-2] 下記ã¯ã€æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ Email ウェブサイト ウェブサーãƒãƒ¼ ドメイン インターãƒãƒƒãƒˆãƒ¦ãƒ¼ã‚¶ãƒ¼ ソーシャルメディア ブラウザ å‹•ç”» ç”»åƒ Email 107å…† 2010å¹´ã«é€ã‚‰ã‚ŒãŸEmailã®æ•° 2,940å„„ 一日ã®å¹³å‡ 18.8å„„ Emailã®ãƒ¦ãƒ¼ã‚¶ãƒ¼æ•° 4å„„8,000万 2010å¹´ã®Emailã®æ–°è¦ãƒ¦ãƒ¼ã‚¶ãƒ¼æ•° 89.1% スパムメールã®ã‚·ã‚§ã‚¢ 2,620å„„ 上記ã«åŸºã¥ã„ãŸã‚¹ãƒ‘ムメールã®æ•° 29å„„ Emailã®ã‚¢ã‚«ã‚¦ãƒ³ãƒˆæ•° 25% ãã®ã†ã¡ä¼æ¥ã‚¢ã‚«ã‚¦ãƒ³ãƒˆãŒå ã‚ã‚‹å‰²åˆ [ad#ad-2] ウェブサイト 2å„„5
Gitã®ä½¿ã„方をステップ毎ã«ã‚ã‹ã‚Šã‚„ã™ãæ•™ãˆã¦ãれる『Git Immersion〠| 100SHIKI
ã“ã‚Œã¯ã„ã¤ã‹ã‚„らãã°ãƒ»ãƒ»ãƒ»ã€‚ Gitã®ä½¿ã„方をステップãƒã‚¤ã‚¹ãƒ†ãƒƒãƒ—ã§æ•™ãˆã¦ãれるã®ãŒGit Immersionã 。 全部ã§53ステップã‚ã‚‹ãŒã€ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã‹ã‚‰ã‚³ãƒŸãƒƒãƒˆã®ä»•æ–¹ã€å…ƒã«æˆ»ã™ã‚„り方やらタグをã¤ã‘る方法ãªã©ã€ä¸€é€šã‚Šã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒç”¨æ„ã•ã‚Œã¦ã„る。 ãã‚Œãžã‚Œã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯ã‚´ãƒ¼ãƒ«ã¨æ‰‹é †ãŒè©³ç´°ã«è¨˜ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ãã®ã¾ã¾å®Ÿè¡Œã—ã¦ã„ãã ã‘ã§ã‹ãªã‚Šã®å‹‰å¼·ã«ãªã‚‹ã ã‚ã†ã€‚ ãã‚ãã‚分散レãƒã‚¸ãƒˆãƒªãƒ»ãƒ»ãƒ»ã¨è€ƒãˆã¦ã„ã‚‹æ–¹ã¯ã„ã‹ãŒã ã‚ã†ã‹ã€‚
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
デザインやファッションã«å–り入れãŸã„ã€2011å¹´ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚«ãƒ©ãƒ¼
PantoneãŒ2011年セレクションã—ãŸã‚«ãƒ©ãƒ¼ã¯ã€èµ¤ã¿ãŒã‹ã£ãŸãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªãƒ”ンク「ãƒãƒ‹ãƒ¼ã‚µãƒƒã‚¯ãƒ«ã€ã€‚ Color of the Year for 2011 PANTONE 18-2120 Honeysuckle [ad#ad-2] ãƒãƒ‹ãƒ¼ã‚µãƒƒã‚¯ãƒ«ã«ã¯ã€ä¿¡é ¼ã€å‹‡æ°—ã€ãƒãƒ£ãƒ¬ãƒ³ã‚¸ç²¾ç¥žã¨ã„ã£ãŸå¿—を高ã‚ã‚‹æ€ã„ãŒã“ã‚られã¦ã„ã¾ã™ã€‚ ã“ã®èµ¤ã¿ãŒã‹ã£ãŸãƒ”ンクã¯è¦‹ã‚‹è€…を強烈ã«é…惑ã—ã¾ã™ã€å®Ÿéš›ã«ãƒãƒãƒ‰ãƒªã¯ã“ã®èŠ±ã®é¦™ã‚Šã§ã¯ãªã色ã«é…了ã•ã‚Œæƒ¹ãã¤ã‘られã¾ã™ã€‚ 女性ã¯è¡£æœãƒ»ã‚¢ã‚¯ã‚»ã‚µãƒªãƒ¼ãƒ»åŒ–粧å“ã€ç”·æ€§ã¯ã‚¿ã‚¤ãƒ»ã‚·ãƒ£ãƒ„・スãƒãƒ¼ãƒ„ウェアãªã©ã€æ˜¼å¤œã‚’å•ã‚ãšäººç›®ã‚’ã²ãカラーã¨ãªã‚‹ã§ã—ょã†ã€‚ インテリアã¨ã—ã¦ã‚‚ã€ç©ºé–“ã«ã‚¨ãƒãƒ«ã‚®ãƒƒã‚·ãƒ¥ãªã‚»ãƒ³ã‚¹ã‚’åŠ ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ PANTONE Color Systems: 18-2120 「ãƒãƒ‹ãƒ¼ã‚µãƒƒã‚¯ãƒ«ï¼š18-2120ã€ã®Pantoneã®ã‚«ãƒ©ãƒ¼ã‚·ã‚¹ãƒ†ãƒ ã§ã™ã€‚
[JS]モãƒã‚¤ãƒ«ãƒ»ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ç”¨ã®ã‚¢ãƒ—リケーションを構築ã™ã‚‹ãŸã‚ã®JavaScriptã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -DHTMLX Touch | コリス
DHTMLX Touch [ad#ad-2] DHTMLX Touchã®ä¸»ãªç‰¹å¾´ DHTMLX Touchã¯UIウィジェットã®ã‚»ãƒƒãƒˆã ã‘ã§ãªãã€ãƒ¢ãƒã‚¤ãƒ«ã‚„タッãƒãƒ‡ãƒã‚¤ã‚¹ç”¨ã®ã‚¯ãƒã‚¹ãƒ—ラットフォームã®ã‚¦ã‚§ãƒ–アプリケーションを作æˆã™ã‚‹ã“ã¨ã‚‚目的ã¨ã—ãŸå®Œå…¨ãªãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚ 対応デãƒã‚¤ã‚¹ iPad, iPhone, Androidãªã©äººæ°—ã®é«˜ã„デãƒã‚¤ã‚¹å…¨ã¦ã«å¯¾å¿œã€‚ Firefox3.6, Chrome, Safari ãªã©ä¸»è¦ãƒ–ラウザã«ã‚‚対応。 リリース計画 以下ã®ãƒªãƒªãƒ¼ã‚¹ã‚’予定ã—ã¦ã„ã¾ã™ã€‚ フル機能ã®ãƒ´ã‚£ã‚¸ãƒ¥ã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ サーãƒãƒ¼ã‚µã‚¤ãƒˆã®ã‚¤ãƒ³ãƒ†ã‚°ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ データストアã®ã‚°ãƒãƒ¼ãƒãƒ«åŒ– カルーセルコンãƒãƒ¼ãƒãƒ³ãƒˆ アニメーションã®è¿½åŠ 詳細ãªãƒ‰ã‚ュメント クライアントストレージã®ã‚µãƒãƒ¼ãƒˆ ver 1.0ã®ãƒªãƒªãƒ¼ã‚¹ã‚’2011年第1å››åŠæœŸã«äºˆå®šã—ã¦ã„ã¾ã™ã€‚ [ad#ad-2] DHTMLX Tou
2010å¹´ç·ã¾ã¨ã‚：CSSã®å®Ÿç”¨çš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†
CSS3ã§ä½•ãŒã§ãã‚‹ã®ï¼Ÿã€€ã¨ã„ã†æ™‚ã«ã¿ã¦ãŠããŸã„サイト集 ベーシックãªã‚‚ã®ã‹ã‚‰å®Ÿè·µçš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¾ã§ã€ã‚µãƒ³ãƒ—ルやコードãªã©å®Ÿè£…例ãŒæŽ²è¼‰ã•ã‚Œã¦ã„るサイトをã”紹介。
[JS]テã‚ストリンクã®ãƒªã‚¹ãƒˆã‚’アニメーションã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト
jQueryを使用ã—ã¦ã€ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã—ãŸãƒ†ã‚ストリンクを指定ã—ãŸç¯„囲内ã ã‘ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ The MoveUp Menu デモページ [ad#ad-2] テã‚ストリンクã®ãƒªã‚¹ãƒˆã¯ãƒžã‚¦ã‚¹ã‚’上下ã«ç§»å‹•ã™ã‚‹ã¨ã€ã‚‚ã®ã™ã”ã„å‹¢ã„ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¾ã™ã€‚ デモã§ã¯ãƒžã‚¦ã‚¹æ“作ã ã‘ã§ã¯é›£ã—ã„ãŸã‚ã€ã‚ーボードã®çŸ¢å°ã‚ーã®æ“作ã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚ 実装 実装ã¯HTML, CSSã¨ã‚‚ã«æœ€å°é™ã®å½¢ã§å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ HTML <div id="menu"> <ul> <li><a href="#">Nature</a></li> <li><a href="#">Receivability</a></li> <li><a href="#">Alone time</a></li> /ul> </div> CSS リストã®å¯è¦–範囲（高ã•ï¼‰ã‚’指定ã—ã¾ã™ã€‚表示ã•ã‚Œãªã„リストã¯ã‚¹ã‚¯ãƒªãƒ—トã§è¡¨ç¤ºã—
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
森葉山町長ã€ã—尿投入センター建è¨æ‰‹ç¶šãミスã§ã€äºˆç®—ãŒé€šã‚‰ãªã„？ - 葉山町インサイダー
大和ãƒã‚¦ã‚¹ã®ï¼‘ï¼ï¼ä¸‡åªã€€ç”³ã—出ã‚ã‚Œã°ã€è‘‰å±±ç”ºã¯é ‚ãã¾ã™ã€‚ - 葉山町インサイダー
dfltweb1.onamae.com – ã“ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã¯ãŠåå‰.comã§å–å¾—ã•ã‚Œã¦ã„ã¾ã™ã€‚
[JS]jQueryã®ãƒ—ラグイン33+1é¸ -2010å¹´11・12月
https://jp.techcrunch.com/2010/12/03/20101202the-amazing-readability-of-google-maps/
iPadã¨iPhoneã®UIエレメントã®ãƒ™ã‚¯ã‚¿ãƒ¼ç´ æã¨PSDç´ æã®ã¾ã¨ã‚
タイãƒã‚°ãƒ©ãƒ•ã‚£ãŒå¤§å¥½ããªäººã®ãŸã‚ã®å£ç´™ã®ã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}