ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
CSS Sprites2 – It’s JavaScript Time
A sense of movement is often the differentiator between Flash-heavy web sites and standards-based sites. Flash interfaces have always seemed more alive—responding to the user’s interactions in a dynamic way that standards-based web sites haven’t been able to replicate. Lately that’s been changing, of course, with a resurgence in dynamic interface effects, helped along by JavaScript libraries that
IE6以下をWeb標準ã«æº–æ‹ ã•ã›ã‚‹ãƒ©ã‚¤ãƒ–ラリ『IE7.jsã€
IE6以下をWeb標準ã«æº–æ‹ ã•ã›ã‚‹ãƒ©ã‚¤ãƒ–ラリ『IE7.js〠多ãã®äººãŒå¾…ã¡ã«å¾…ã¡æœ›ã‚“ã ライブラリ。やã¯ã‚Šã™ã”ã„人ã¯ã™ã”ã„ã‚‚ã®ã‚’作るんã§ã™ã。 ã“ã®ãƒ©ã‚¤ãƒ–ラリをèªã¿è¾¼ã‚€ã“ã¨ã«ã‚ˆã‚ŠIE6以下ã§ã‚‚IE7ã¨åŒã˜ã‚ˆã†ãªXHTM/CSSã®è§£é‡ˆã‚’è¡Œã£ã¦ãã‚Œã¾ã™ã€‚ ãŸã ã—完全ã«IE7ã¨åŒã˜ã‚ˆã†ãªå½¢ã«ã™ã‚‹ã®ã§ã¯ãªãã€ã‚ˆã‚Šè¿‘ã„å½¢ã¨ã„ã†ã“ã¨ã§ã™ã€‚ ç¾åœ¨å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯version 2.0 (beta)ã¨ã„ã†ã“ã¨ã§ã€ã¾ã 実務ã§ä½¿ã†ã®ã¯é›£ã—ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€MITライセンスã§å…¬é–‹ã•ã‚Œã¦ãŠã‚Šã¾ã™ã®ã§æ£å¼ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã‚Œã°web制作ã®ç¾å ´ã‚’変ãˆã¦ã—ã¾ã†ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ è¨ç½®æ–¹æ³• Google コードã®ie7-jsより直接èªã¿è¾¼ã‚€ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ 以下ã®è¦ç´ ã‚’headè¦ç´ 内ãªã©ã«è¨˜è¿°ã—ã¾ã™ã€‚ <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.c
[JS]巨大ãªãƒ†ãƒ¼ãƒ–ルã§ã‚‚çœã‚¹ãƒšãƒ¼ã‚¹ã«è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Super Tables
Super Tablesã¯ã€ãƒ†ãƒ¼ãƒ–ルã®ãƒ˜ãƒƒãƒ€ã‚’固定表示ã«ã—ã€ç¸¦æ¨ªã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã‚’表示ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—トã§ã™ã€‚
ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’ç”»åƒã«ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリ
CRIR: Checkbox & Radio Input Replacement This combination of JavaScript and CSS will hide checkbox and radio inputs that have a class = "crirHiddenJS", an id, and a proper label tag. This will allow you to style the label however you wish using CSS, and the actual input control will be hidden. The form will still collect data as it normally would because the label itself will trigger the hidden in
S5を進化ã•ã›ãŸHTMLプレゼンテーションツールS5 Reloaded | 秋元@サイボウズラボ・プãƒã‚°ãƒ©ãƒžãƒ¼ãƒ»ãƒ–ãƒã‚°
via del.icio.us/popular S5 Reloaded HTMLã¨CSSã€Javascriptã ã‘ã§ãƒ—レゼンテーションを作るS5ã¨ã„ã†ãƒ„ールãŒã‚ã£ã¦ã€ã§ãるプレゼンテーションファイルも軽é‡ã ã—ã€ãƒ†ã‚ストエディタ派ã®è‡ªåˆ†ã¨ã—ã¦ã¯å¥½ã‚“ã§ä½¿ã£ã¦ã„る。 S5ã«script.aculo.usã¨ã„ã†ã‚¨ãƒ•ã‚§ã‚¯ãƒˆç³»ã®Javascriptライブラリをé©ç”¨ã—ãŸã®ãŒpresentacularã§ã€ãƒ—レゼンテーションã®å„è¦ç´ ã«è¦–覚的ãªåŠ¹æžœã‚’ç°¡å˜ã«è¿½åŠ ã§ãる。 presentacularã«ã¤ã„ã¦ã¯ã“ã®ãƒ–ãƒã‚°ã‚’ã¯ã˜ã‚ãŸ2005å¹´ã«ç´¹ä»‹ã—ã¦ã„ãŸã€‚HTMLã®classã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§å‹•ãプレゼンテーションãŒä½œã‚Œã‚‹ã¨ã“ã‚ãŒã„ã„。 今回ã‚らãŸã«ã€S5をベースã«åˆ¥ã®äººãŒä½œã£ãŸS5 Reloadedã¯ã€æœ€è¿‘ç™»å ´ã—ãŸã„ã‚ã„ã‚ãªJavascriptライブラリを組ã¿è¾¼ã‚€ãªã©ã—ã¦ã€S5ã‚’ç©æ¥µçš„ã«æ”¹é€ ã—ãŸHTMLプレゼンテー
DHTML Site - 10 Free CSS and Javascript Calendars
Here at DHTMLSite, you will find a directory of useful AJAX/DHTML scripts and tutorials. Articles 10 Useful Web Tools and Links - From The Knowledge Academy. CSS + Javascript Calendars - 10 Free Css and Javascript Calendars. Image Galleries - List of Image Galleries and Slideshows. CSS Graph Resources - Free CSS Graph generators and resources. Icons - A list of free 16x16 pixel icons
IE版ã®Firebug　IE Developer Toolbar[to-R]
IE版ã®Firebug　IE Developer Toolbar ã¿ãªã•ã‚“ã¯Internet Explorer Developer Toolbarã¨ã„ã†ã®ã‚’知ã£ã¦ã„ã‚‹ã§ã—ょã†ã‹ï¼Ÿ マイクãƒã‚½ãƒ•ãƒˆãŒç¾åœ¨ãƒ™ãƒ¼ã‚¿ç‰ˆã¨ã—ã¦æä¾›ã—ã¦ã„るツールã§ã€ç°¡å˜ã«èª¬æ˜Žã™ã‚Œã°IE版ã®Firebugã§ã™ã€‚ IEã§ä½¿ãˆã‚‹FireBugã¨ã—ã¦èžãã¨FireBug Liteã‚’æ€ã„æµ®ã‹ã¹ãŒã¡ã§ã™ãŒFireBug Liteã®ã‚ˆã†ã«ã‚½ãƒ¼ã‚¹ã«javascriptを埋ã‚込むã“ã¨ãªã実行ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ ã¡ãªã¿ã«Firebugã¨ã¯javascritpã‚„CSSã®ãƒ‡ãƒãƒƒã‚°ãªã©ã‚’è¡Œãˆã‚‹Firefoxã®ã‚¢ãƒ‰ã‚ªãƒ³(拡張機能)ã«ãªã‚Šã¾ã™ã€‚ ã™ã”ã便利ã§ã™ã®ã§ã€ä½¿ã£ãŸã“ã¨ãŒãªã„æ–¹ã¯Firebugã®æ–¹ã‹ã‚‰ãŠä½¿ã„ãã ã•ã„。 話ã¯æˆ»ã‚Šã¾ã™ãŒã€Internet Explorer Developer Toolbarã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã«ã¤ã„ã¦è§£èª¬ã—ãŸã„ã¨
CSSã§ã‚ªã‚·ãƒ£ãƒ¬ãªå¹ã出ã—å½¢å¼ã®ãƒ–ãƒãƒƒã‚¯ã‚’作æˆã™ã‚‹ã€ŒCSS Speech Bubblesã€:phpspot開発日誌
willmayo.com CSS Speech Bubbles Easy to customize speech bubbles coded in CSS and valid XHTML 1.0 strict. CSSã§ã‚ªã‚·ãƒ£ãƒ¬ãªå¹ã出ã—å½¢å¼ã®ãƒ–ãƒãƒƒã‚¯ã‚’作æˆã™ã‚‹ã€ŒCSS Speech Bubblesã€ã€‚ 次ã®ã‚ˆã†ãªå¹ã出ã—å½¢å¼ã®blockquoteè¦ç´ を作æˆã™ã‚‹ã‚µãƒ³ãƒ—ルãŒé…布ã•ã‚Œã¦ã„ã¾ã™ã€‚ HTMLコードã¯æ¬¡ã®ã‚ˆã†ã«ã‚¯ãƒªãƒ¼ãƒ³ã«ã§ãã¾ã™ã€‚ <div class="bubble"> <blockquote> <p>Works great for blog comments!</p> </blockquote> <cite><strong>John Smith</strong> on 1st January 2007 at 3:55pm</cite> </div> 角丸部分ã«ã¯CSSã ã‘ã§ãªãã€
divè¦ç´ をクãƒã‚¹ãƒ•ã‚§ãƒ¼ãƒ‰è¡¨ç¤ºã™ã‚‹JavaScript | WWW WATCH
çµæ§‹å‰ã«å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ã™ã§ã«ä½¿ã£ã¦ã„る人もã„ã‚‹ã‹ã¨æ€ã„ã¾ã™ãŒã€æœ€è¿‘ã€å€‹äººçš„ãªç”¨é€”ã§ä½¿ã‚ã›ã¦ã„ãŸã ã„ãŸã®ã§ç´¹ä»‹ã€‚ Brand Spanking New ã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã€ã€ŒJavascript / CSS Crossfader〠ã¯ã€JavaScript ã²ã¨ã¤ã§ç°¡å˜ã«ã€ä»»æ„ã® div è¦ç´ （ã˜ã‚ƒãªãã¦ã‚‚ã„ã„ã‚“ã§ã™ãŒï¼‰ をクãƒã‚¹ãƒ•ã‚§ãƒ¼ãƒ‰è¡¨ç¤ºã§åˆ‡ã‚Šæ›¿ãˆã¦ãれるスクリプト。スクリプト自体ãŒè»½ã„ã®ã¨ã€è¨å®šã‚‚ç°¡å˜ãªã®ã§ã€ã¡ã‚‡ã£ã¨ã—ãŸç”»åƒã®åˆ‡ã‚Šæ›¿ãˆãªã‚“ã‹ã«é‡å®ã—ãã†ã€‚ デモãŒã“ã¡ã‚‰ã§å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ å¿…è¦ãªã®ã¯ JavaScript ファイル 1ã¤ã®ã¿ã€‚ダウンãƒãƒ¼ãƒ‰ã—㟠JavaScript ファイルをサーãƒã«ä¸Šã’ãŸã‚‰ã€(X)HTML ファイルã«èªã¿è¾¼ã¿ã¾ã™ã€‚ <script type="text/javascript" src="/js/bsn.Crossfader.js"></scrip
ã€ãƒ¬ãƒ“ュー】Webページレイアウトを「Bambooã€ã§è¨˜è¿°ã™ã‚‹ - クãƒã‚¹Webブラウザã®å¯¾å‡¦æ³• (1) 複数ã®Webブラウザã«å¯¾å¿œã—ãŸWebページを「Bambooã€ã§ä½œã‚‹ (MYCOMジャーナル)
複数ã®Webブラウザã«å¯¾å¿œã—ãŸWebページをã©ã†ä½œã‚‹ã‹ 複数ã®Webブラウザã«å¯¾å¿œã—ãŸWebページを作æˆã™ã‚‹å ´åˆã€ã©ã®ã‚ˆã†ãªæ–¹æ³•ãŒã‚ã‚‹ã ã‚ã†ã‹ã€‚例ãˆã°ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã™ã¹ã¦CSSã§è¨˜è¿°ã—ã¦ã€ãƒ–ラウザã”ã¨ã®é•ã„を調節ã™ã‚‹ãŸã‚ã®å‡¦ç†ã¯JavaScriptã§è¡Œã†ã¨ã„ã†æ–¹æ³•ãŒã‚る。ã“ã‚Œã¯çµŒé¨“ã¨å®ŸåŠ›ãŒå¿…è¦ã«ãªã‚‹æ–¹æ³•ã ãŒã€æœ‰åŠ¹ã§ã¯ã‚る。 ã¾ãŸã€Webページã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã ã‘を「Bambooã€ã‚’用ã„ã¦è¨˜è¿°ã™ã‚‹ã¨ã„ã†æ–¹æ³•ã‚‚ã‚る。ã“ã“ã§ã¯ã€ã“ã®Bambooã«ã¤ã„ã¦è§£èª¬ã‚’è¡Œã†ã€‚ Bambooã®æ¦‚è¦ ã€ŒBambooã€ã¯ã€è¤‡æ•°ã®ãƒ–ラウザã«å¯¾å¿œã—ãŸWebページã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è¡Œã†ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã‚ã‚‹ã€‚ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæƒ…å ±ã‚’ã€ŒBambooレイアウト言語ã€ã¨å‘¼ã°ã‚Œã‚‹è¨€èªžã§XML文書ã¨ã—ã¦è¨˜è¿°ã—ã€ãれを元ã«ã€å®Ÿéš›ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå‡¦ç†ã‚’è¡Œã†ãŸã‚ã®JavaScriptã®ã‚³ãƒ¼ãƒ‰ã‚’生æˆã—ã¦ä½¿ã†ã¨ã„ã†ä»•çµ„ã¿ã«ãªã£ã¦ã„る。 ã¾ãŸã€ã€ŒBamboo
Geekãªã‚ã®äººã«è´ˆã‚ŠãŸã„ã€ã‚ªãƒ¼ãƒ—ンソースギフト MOONGIFT
ã•ã¦ã€ãã‚ãã‚クリスマス。皆様ã”予定ã¯ã„ã‹ãŒã§ã—ょã†ã‹ã€‚ Geekãªå½¼æ°å½¼å¥³ã‚’ãŠæŒã¡ã®ã‚ãªãŸã«ã¯ã€ã‚ªãƒ¼ãƒ—ンソースãªã‚®ãƒ•ãƒˆã¯ã„ã‹ãŒã§ã—ょã†ã€‚ 例ãˆã°å…ˆæ—¥ã®ã‚ªãƒ¼ãƒ—ンソースMP3プレーヤやã€ã‚ªãƒ¼ãƒ—ンソースãƒãƒœãƒƒãƒˆã€ã‚ªãƒ¼ãƒ—ンソースビールã«ã‚ªãƒ¼ãƒ—ンソースMIDIãªã©ãŒã‚ã‚Šã¾ã™ã€‚ å°šã€å‡ºæ¥ã‚‹ã ã‘ãŠå®‰ãã¨è¨€ã†æ–¹ã«ã¯ã€Portable Apps Suiteã‚’USBメモリã«å…¥ã‚Œã¦ãƒ—レゼントãªã‚“ã¦æ‰‹ã‚‚ã‚ã‚Šã¾ã™ã€‚ 個人的ã«ã¯Linux入りã®ãƒ¡ãƒ‡ã‚£ã‚¢ãƒ—レーヤãŒå¥½ã¿ã§ã™ã€‚ MAKE: Blog: The Open source gift guide - Open source hardware, software and more for the holidays
CSS JSON
Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. JSON (JavaScript Object Notation) is a lightweight data-interchange format. CSS may easily be expressed in JSON notation (CSS JSON). CSS JSON is a powerful and flexible approach allowing for inheritance and logical constructs within CSS. CSS JSON Structure { "selector-1":{ "property-
badboy.media.design :: articles :: Niceforms
This is where Lucian writes about design, coding, business, the web, and other stuff. Occasionally he also posts some of the photos he takes. Before Internet Explorer 7 and Windows Vista, web text on PCs looked significantly different than it did on Macs. That was because OS X has long employed an anti-aliasing engine, named Quartz, I believe, whereas Windows XP and all previous versions displayed
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
CSS Juice » 16 Sortable Table Techniques
WEB制作者ã¨ãƒ–ãƒã‚¬ãƒ¼ã®ã€ŽéŠã³å¿ƒã‚’ãã™ãã‚‹ã€26ã®ãƒ–ックマークã¾ã¨ã‚*ホームページを作る人ã®ãƒã‚¿å¸³
ç°¡å˜ã«ãƒ–ラウザ別CSSã‚’å°Žå…¥ã™ã‚‹JavaScript （CSS Browser Selector） - youmos
youmos.com
» 25 Code Snippets for Web Designers (Part1)
é€éŽPNGã‚’CSSã§èƒŒæ™¯ã«æŒ‡å®šã—ã¦IE6ã‚„5.5ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚‚綺麗ã«è¡¨ç¤ºã—ã¦ã¿ã‚‹ - DesignWalker
{{#tags}}- {{label}}
{{/tags}}