{"interception":{"ii":"-1"},"fotolia":{"host_base":"fotolia.com"}}
Fotolia ã‹ã‚‰ Adobe Stock ã¸
{"interception":{"ii":"-1"},"fotolia":{"host_base":"fotolia.com"}}
Sliding Boxes and Captions with jQuery « Build Internet
Add an extra layer of information to your images with sliding boxes. This is now a plugin! Check out the announcement post for the Mosaic jQuery plugin. Check the project page for the latest release notes and features! The Basic Idea All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of yo
[CSS]スタイルシートã®å®Ÿç”¨çš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ï¼šã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãƒ»CSS3・Tipsç·¨
先日紹介ã—ãŸã€Œãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ»ãƒŠãƒ“ゲーション・画åƒãƒ»ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ»ã‚¢ã‚¤ã‚³ãƒ³ãƒ»ãƒœã‚¿ãƒ³ãƒ»ãƒªãƒ³ã‚¯ç·¨ã€ã®ç¶šç·¨ã¨ãªã‚‹ã€ãƒªã‚¹ãƒˆãƒ»ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ãƒ»è¡¨ãƒ»ãƒ•ã‚©ãƒ¼ãƒ ãªã©ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®å®Ÿè£…や進æ©ã—ãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
個人BLOGも「戦略的デザインカスタマイズã€ã®ã‚¹ã‚¹ãƒ¡ - ウジ トモコ - コラム[All About プãƒãƒ•ã‚¡ã‚¤ãƒ«]
ブãƒã‚°ã®ã€Œè³‡ç”£ä¾¡å€¤ã€ã‚’高ã‚ã‚‹ãŸã‚ã«ï½¥ï½¥ï½¥ ãŠé‡‘ã‚’ã‹ã‘ãšï½¥ï½¥ï½¥ 時間をã‹ã‘ã¦ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã€ã«æŠ•è³‡ã—ã¦ã¿ã¾ã—ãŸï¼ （ä¸ç•¥ï¼‰ 今ã¾ã§ã®ã¨æ¯”較ã™ã‚‹ã¨ï½¥ï½¥ï½¥ 「ザイオンス効果ã€ãŒæœŸå¾…ã§ããã†ï¼ˆç¬‘） ･･･ã§ã¯ãªãã€ã‚„ã£ã±ã‚Šã‚¤ãƒ³ãƒ‘クトãŒé•ã†ã‹ãªã¨ã€‚ ブãƒã‚°ã¨ã„ã†ã®ã¯ã€ ã‚る程度「雛形ã€ãŒç”¨æ„ã•ã‚Œã¦ã„る分 「カスタマイズã€ã¾ã§ã™ã‚‹äººã¯å°‘ãªã„ã®ã§ã€ デザインを変ãˆã‚‹ã ã‘ã§ï½¥ï½¥ï½¥ 「簡å˜ã«ä¸€æ©æŠœã‘出ã›ã¾ã™ã€ ã¾ãŸï½¥ï½¥ï½¥ 『デザインã¯365æ—¥ã€24時間ã€ä¼‘ã¾ãšã«åƒã続ã‘ã¾ã™ã€‚ 経営者ãŒå¤‰ãˆã‚ˆã†ã¨æ€ã£ã¦å¤‰ãˆãªã„ã‹ãŽã‚Šã€ã“ã‚Œã‹ã‚‰ã‚‚ãšã£ã¨åƒã続ã‘ã¦ãれるã®ã§ã™ã€‚〠ã¨ã‚¦ã‚¸ã•ã‚“も書ã‹ã‚Œã¦ã„る通り･･･ ブãƒã‚°ã¯ä¸€åº¦ãƒ‡ã‚¶ã‚¤ãƒ³ã«æŠ•è³‡ã—ã¦ã—ã¾ãˆã°ï½¥ï½¥ï½¥ 24時間ã€365日稼動ã—ã¦ãã‚Œã¾ã™ã€‚ ３ï¼åˆ†ã§ä½œã£ãŸã€ã¨ã„ã†ã“ã¨ã§ã™ãŒãªã‹ãªã‹è‰¯ãã§ãã¦ã„ã‚‹ãªãã¨æ€ã„ã€ãƒ‡ãƒ¼ã‚¿ã‚’ãŠå€Ÿã‚Šã—ã¦æ¥ã¾ã—ãŸã€‚ã‚‚ã¡ã‚ã‚“
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
ブãƒã‚°ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§æ”¹å–„ã—ãŸãƒã‚¤ãƒ³ãƒˆ : ãºã£ã¦ãƒãƒ–ãƒã‚°
ブãƒã‚°ã¯æœªæ¥ã®è‡ªåˆ†ãŸã‚ã«æ®‹ã—ã¦ãŠããŸã„事を書ãå ´æ‰€ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ä»Šå›žã®ãƒ–ãƒã‚°ãƒ‡ã‚¶ã‚¤ãƒ³å†æ§‹ç¯‰ã«ã¤ã„ã¦ã®ã¾ã¨ã‚。 今ã¾ã§ã¯ã€livedooræä¾›ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ãƒ³ãƒ—レートを少ã—ãšã¤å¤‰æ›´ã—ã¦ã„ãŸã®ã§ã™ãŒã€ä»Šå›žæ€ã„切ã£ã¦ãƒ•ãƒ«ãƒ¢ãƒ‡ãƒ«ãƒã‚§ãƒ³ã‚¸ã«æŒ‘戦ã—ã¦ã¿ã¾ã—ãŸã€‚ æµç”¨ãªã—ã§ï¼ã‹ã‚‰ã‚„ã‚Šã¾ã—ãŸã€‚ 苦労ã—ãŸã¨ã“ã‚リニューアルã®è‰¯ã„ã¨ã“ã‚ã§ã€ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ 苦労ã—ãŸã¨ã“ã‚ ã‘ã£ã“ã†ãªæ™‚é–“ãŒã‹ã‹ã£ãŸ スタイルシートã€ãƒˆãƒƒãƒ—ページã€å€‹åˆ¥è¨˜äº‹ãƒšãƒ¼ã‚¸ã€æœˆåˆ¥ã‚¢ãƒ¼ã‚«ã‚¤ãƒ–ã€ã‚«ãƒ†ã‚´ãƒªåˆ¥ã‚¢ãƒ¼ã‚«ã‚¤ãƒ–ãŒã¾ã¨ã¾ã£ã¦ï¼‘ã¤ã®ãƒ–ãƒã‚°ã«ãªã‚‹ãŸã‚ã€ã‹ãªã‚Šã®æ™‚é–“ã‚’è¦ã—ã¾ã—ãŸã€‚ デザインã¯æ±ºã¾ã£ã¦ã„ãŸã‚‚ã®ã®ã€æ€ã„通りã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’実ç¾ã™ã‚‹ã®ã«è‹¦åŠ´ã—ã¾ã—ãŸã€‚ ソースã«æ‰‹ã‚’付ã‘ã ã—ã¦ã‹ã‚‰ã®æ™‚é–“ã§è¨€ã†ã¨ã€ï¼˜æ™‚é–“ãらã„ã‹ã‹ã‚Šã¾ã—ãŸã€‚ ページã®ç¢ºèªã¯ã‚„ã¯ã‚ŠFireFoxãŒãƒ€ãƒ³ãƒˆãƒ„ã«å„ªç§€ã§ã—ãŸã€‚ ページã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¯ChromeãŒåœ§å€’çš„
商用無料ã§ä½¿ãˆã‚‹å†™çœŸç´ æサイトã¾ã¨ã‚2009年度åˆç‰ˆ*ホームページを作る人ã®ãƒã‚¿å¸³
ã¨ã‚Šã‚ãˆãšè‡ªåˆ†ãŒã“ã‚“ãªã¾ã¨ã‚ãŒã‚ã‚‹ã¨å¾Œã§ã¤ã‹ã†ã ã‚ã†ãªãã¨ã„ã†ã‚‚ã®ã‚’ã‹ã集ã‚ã¦ã¿ã¾ã—ãŸã€‚ ページ自体を少ã—ã§ã‚‚軽é‡åŒ–ã—ãŸã‹ã£ãŸã®ã§ç”»åƒã¯ã€ãã®ã‚µã‚¤ãƒˆã‚’イメージã§ãã‚‹ã ã‘ã®ã‚µã‚¤ã‚ºã«ã‚«ãƒƒãƒˆã—ã¦ã„ã¾ã™ã€‚テã‚ストリンクã ã‘ã ã¨ã‚ã¨ã§ã‚ã‹ã‚‰ãªããªã‚‹äº‹ãŒå¤šã„ã®ã§ã€å¿…è¦æœ€ä½Žé™ã®ã‚·ãƒ³ãƒœãƒ«ã¨ã—ã¦è¡¨ç¤ºã—ã¦ã„ã¾ã™ã€‚ 商用å¯èƒ½ãªå†™çœŸç´ æサイト 5000 Free Stock Photos ノーアカウントã§5000ã®å†™çœŸã¨8000ã®ã‚¯ãƒªãƒƒãƒ—アートãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—放題。 Free Photo - Cepolina Photos ç”»åƒæ•°8000超ãˆã€‚ãŠå‹§ã‚。 Free Photos, Free Stock Photos, Photography BurningWell Image * After ç¾åœ¨21000点以上ã®ç´ æãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—放題。 FreeDigitalPhotos.net 600pxãらã„ã¾ã§ã®ç”»åƒã¯ç„¡
アップル ヒューマンインタフェースガイドライン
アップル ヒューマンインタフェースガイドライン 原文：Apple Computer Inc. 訳：ã‹ã‚ã§ã‚“☆ã¿ã‚…ー゠2006-06-28 ã¯ã˜ã‚㫠アップル ヒューマンインタフェースガイドラインåºæ–‡ アップルã¯ã€å¼·åŠ›ãªã‚³ã‚¢ãƒ•ã‚¡ã‚¦ãƒ³ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãã—ã¦ã‚¢ã‚¯ã‚¢ã¨å‘¼ã°ã‚Œã‚‹ã€ç›®ã®é›¢ã›ãªã„ユーザインタフェースをçµã³ã¤ã‘ãŸã€ä¸–ç•Œã§æœ€ã‚‚先進的ãªã‚ªãƒšãƒ¬ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚·ã‚¹ãƒ†ãƒ ã€Mac OS X を手ã«ã—ã¾ã—ãŸã€‚ 進化ã—ãŸæ©Ÿèƒ½ã¨ã€ç¾Žçš„ã«æ´—ç·´ã•ã‚ŒãŸè‰²ä½¿ã„ã€ãã—ã¦é€éŽå‡¦ç†ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚ˆã£ã¦ã€Mac OS Xã¯æ–°è¦ã®ãƒ¦ãƒ¼ã‚¶ã«ã¯ã‚³ãƒ³ãƒ”ュータæ“作をより容易ã«ã€åŒæ™‚ã«ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ãƒ¦ãƒ¼ã‚¶ã«ã¯å½¼ã‚‰ãŒMacintoshã«æœŸå¾…ã™ã‚‹é€šã‚Šã®ç”Ÿç”£æ€§ã‚’æä¾›ã—ã¾ã™ã€‚ ユーザインタフェースã€ã™ãªã‚ã¡ãµã‚‹ã¾ã„ã¨å¤–見ã¯ã€ã‚ˆã練られãŸç·Šå¯†ãªãƒ¦ãƒ¼ã‚¶ä½“験をã€Mac OS Xå‘ã‘ã«é–‹ç™ºã•ã‚ŒãŸå…¨ã¦ã®ã‚¢ãƒ—リケーションã«åˆ©ç”¨ã§ãるよã†ã«ã—ã¾ã™ã€‚ ã“ã‚Œ
技術系サイトã«å¿…需å“ï¼ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯é®®ã‚„ã‹ã« JavaScriptã‚‚PHPã‚‚HTMLã‚‚OKï¼ã€ŒSyntax Highlighterã€ã®ä½¿ã„æ–¹
Webプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°/Webデザインã®ãƒã‚¿ã‚’扱ã†ãƒ–ãƒã‚°ã‚„Webサイトをé‹å–¶ã—ã¦ã„ã‚‹ã¨ã€HTMLã‚„CSSãªã©ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’掲載ã™ã‚‹ã“ã¨ãŒå¤šãã‚ã‚Šã¾ã™ã€‚ãã‚“ãªã¨ãã«ãœã²æ´»ç”¨ã—ãŸã„ã®ãŒã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’èªã¿ã‚„ã™ã表示ã—ã¦ãれるJavaScriptライブラリã§ã™ã€‚今回ã¯ã€ãã®ã†ã¡ã®1ã¤ã€ã€ŒSyntax Highlighterã€ã®ä½¿ã„方を紹介ã—ã¾ã—ょã†ã€‚ 多ãã®è¨€èªžã®æ§‹æ–‡å¼·èª¿è¡¨ç¤ºã«å¯¾å¿œã—ãŸã€ŒSyntax Highlighter〠HTMLãªã©å„種言語ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’Webページã®ä¸ã§è¡¨ç¤ºã™ã‚‹ã®ã¯ã€HTMLã®preè¦ç´ を使ãˆã°ç°¡å˜ã§ã™ã€‚ãŸã ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’ãã®ã¾ã¾è¡¨ç¤ºã™ã‚‹ã¨ã€è¦‹ãŸç›®ãŒåˆ†ã‹ã‚Šã‚„ã™ãã¯ã‚ã‚Šã¾ã›ã‚“。ãã“ã§ã€ã‚¿ã‚°ãªã©è¨€èªžã®ç‰¹å®šã‚ーワードã«è‰²ã‚’付ã‘ã¦ã€ä»–ã®éƒ¨åˆ†ã‚ˆã‚Šã‚‚強調ã—ã¦è¡¨ç¤ºã™ã‚‹ã“ã¨ã§è¦‹ã‚„ã™ãã—ã¾ã—ょã†ã€‚ ã“ã†ã„ã£ãŸã€Œæ§‹æ–‡å¼·èª¿è¡¨ç¤ºã€ã‚’è¡Œãªã†JavaScriptã¯ã€ã„ãã¤ã‹å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€ã
ã¾ã¨ã‚ã®ã‚¤ãƒ³ãƒ†ãƒªã‚¢ / デザイン雑貨ã¨ã‚¤ãƒ³ãƒ†ãƒªã‚¢ã®ã¾ã¨ã‚。
ã¾ã¨ã‚ã®ã‚¤ãƒ³ãƒ†ãƒªã‚¢ - デザイン雑貨ã¨ã‚¤ãƒ³ãƒ†ãƒªã‚¢ã®ã¾ã¨ã‚サイトã§ã™ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
[CSS]上級者å‘ã‘ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†
SeamlessTextures.net
{{#tags}}- {{label}}
{{/tags}}