ブãƒã‚°ã«Retweetボタンをè¨ç½®ã§ãるスクリプト – creamu
ã“ã‚Œã¯ã¨ã¦ã‚‚é¢ç™½ãã†ã€‚「tweetmemeã€ã§ã€ãƒ–ãƒã‚°ã«Retweetボタンをè¨ç½®ã§ãるスクリプトãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã‚“ãªæ„Ÿã˜ã§ã™ã。 貼付ã‘るスクリプトã¯ä»¥ä¸‹ã§ã™ã€‚ <script type=â€text/javascript†src=â€http://tweetmeme.com/i/scripts/button.jsâ€></script> The button is really smart and will automatically grab the URL of the page it is placed on. However if you want to place the button on more than one page or would like it in your feed, you will need to override the URL. ボタンã¯ã¨ã¦
[JS]jQueryã®ãƒ—ラグイン33+1é¸ -2010å¹´1・2月
当サイトã§ã¯Cookieを使用ã—ã¦ã„ã¾ã™ã€‚引ã続ã当サイトを閲覧ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ãƒãƒªã‚·ãƒ¼ã‚’å—ã‘入れãŸã‚‚ã®ã¨ã¿ãªã•ã‚Œã¾ã™ã€‚今後表示ã—ãªã„詳ã—ã見る
KenG Weblog - WebサイトをiPhoneã«æœ€é©åŒ–ã™ã‚‹æ–¹æ³•
「WebサイトをiPod touchã«æœ€é©åŒ–ã™ã‚‹æ–¹æ³•ã®èª¬æ˜Žä¼šã€ãŒã‚ã£ãŸã®ã§ã€è¡Œã£ã¦ãã¾ã—ãŸã€‚iPhone用Webページを作るã¨ã£ã‹ã‹ã‚Šçš„ãªå†…容ã§çµ‚ã‚ã‚Šã¾ã—ãŸã‘ã©ã€ã“れを足ãŒã‹ã‚Šã«ã—ã€jQueryãªã‚“ã‹ã¨åˆã‚ã›ã¦è‰²ã€…作ã£ã¦ã¿ã‚ˆã†ã¨æ€ã£ã¦ã¾ã™ã€‚以下ã€ã²ãŸã™ã‚‰ç®‡æ¡æ›¸ã。ãªãŠã€Apple Developer Connection関連ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を見るã«ã¯ADC登録ãŒå¿…è¦ã®ã‚ˆã†ã€‚ â—ŽiPhone上ã§ã®ãƒ–ラウザè¨å®šé …ç›® JavaScriptã®ONï¼OFF ãƒãƒƒãƒ—アップブãƒãƒƒã‚¯ã®ONï¼OFF Cookieå—ã‘入れ â—ŽiPhone用ページ制作時ã®æ³¨æ„点 HTML / JavaScript / CSSã¯ãã‚Œãžã‚Œåˆ†å‰²ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã¨ã™ã‚‹ CSSファイルã¯ã€PC用ã¨iPhone用を別々ã«ç”¨æ„ã™ã‚‹ â—ŽiPhoneã®Safariã¯ã€ŒWeb標準ã€ãƒ™ãƒ¼ã‚¹ HTML4.01/XHTML1.0をサãƒãƒ¼ãƒˆã€‚WML（Wirele
URLOpenerã¨ã‚Šã‚ãˆãšã¾ã¨ã¾ã‚Šã¾ã—㟠| Blog | Kousei Ikeda
[2010.09.20] chromeã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã«ã‚ˆã‚Šã€wmodeã«ã‚ˆã£ã¦ã¯popupãŒé–‹ã‹ãªããªã£ãŸã‚Šï¼ˆå‚考記事）ã¨ã€çŠ¶æ³ãŒå¤‰ã‚ã£ã¦ã¾ã™ã€‚ã“ã‚Œã¯å½“時ã®è¨˜äº‹ãªã®ã§ç¾çŠ¶ã¨é•ã†éƒ¨åˆ†ãŒã‚ã‚Šã¾ã™ã€‚ã™ã¿ã¾ã›ã‚“。 先日公開ã—ã¦ã¿ãŸURLOpenerã€ãƒ–ラウザã®æŒ™å‹•ã®ã‚ã¾ã‚Šã®é•ã„ã«è½ã¨ã—ã©ã“ã‚ãŒã‚ã‹ã‚‰ãªããªã£ã¦ã„ã¾ã—ãŸãŒã¾ã¨ã¾ã‚Šã¾ã—ãŸã€‚ 当åˆã¯JSã§window.openを呼んã 時ã®å‹•ãã«åˆã‚ã›ã‚‹ï¼ã¨æ€ã£ã¦ã„ã¾ã—ãŸãŒã€åˆ¥ã«ãã‚“ãªå¿…è¦ãªã„ãªã¨ã€‚ 使ã†å´ã«ãªã£ã¦ã¿ã¦è€ƒãˆã¦ã€ã¨ã‚Šã‚ãˆãšã‚ˆã使ã†æ©Ÿèƒ½ã‚’楽ã«ä½¿ãˆã‚Œã°ã„ã„ã‚„ã€ã¨åˆ‡ã‚Šæ›¿ãˆã¾ã—ãŸã€‚ ダウンãƒãƒ¼ãƒ‰ SparkProjectã«åˆã‚³ãƒŸãƒƒãƒˆã—ã¦ã¿ã¾ã—ãŸã®ã§ã€Sparkã®ãƒªãƒã‚¸ãƒˆãƒªã‹ã‚‰ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã—ã¦ä¸‹ã•ã„。 http://www.libspark.org/wiki/ikekou/URLOpener ã¾ãŸã¯zip http://ikekou.jp/blog
A Beautiful Apple-style Slideshow Gallery With CSS & jQuery
Introduction When speaking about design, there is one company that is impossible to go without. Apple values design - being a new product, a fancy catalog or their website - there is always something to admire. This week, we are making an Apple-like slideshow gallery, similar to the one they use on their website to showcase their products. It will be entirely front-end based, no PHP or databases r
アルファ画åƒã‚’扱ã†alphafilter.jsライブラリ[to-R]
アルファ画åƒã‚’扱ã†alphafilter.jsライブラリ IE6ã§ã‚¢ãƒ«ãƒ•ã‚¡ç”»åƒ(é€éŽpng)ãŒä½¿ãˆãªã„ã“ã¨ã«ã‚ˆã‚Šã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ä½œæ¥é‡ãŒå¤§å¹…ã«å¢—ã—ã¾ã™ã€‚ ãã“ã§ã€IE6ã§é€éŽpngを扱ã†jsライブラリを作ã£ã¦ã¿ã¾ã—ãŸã€‚ è¨å®šã¯ç°¡å˜ã€headè¦ç´ 内ã«æ¡ä»¶ä»˜ãコメントを利用ã—ã¦alphafilter.jsã§èªã¿è¾¼ã‚€ã ã‘。 èªã¿è¾¼ã¿ã‚’高速化ã•ã›ã‚‹ãŸã‚defer属性をã®è¨˜è¿°ã‚’忘れãšã«è¡Œã£ã¦ãã ã•ã„。 <!--[if lte IE 6 ]><script type="text/javascript" defer="defer" src="./alphafilter.js"></script><![endif]--> é€éŽã«ã—ãŸã„ç”»åƒã«class属性ã§alphafilterã¨å…¥ã‚Œã‚‹ã ã‘ã§ã€ãªã‚“ã¨IE6ã§ã‚‚é€éŽç”»åƒã®ä½¿ç”¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ <img src="./sample.png" class="a
![アルファ画åƒã‚’扱ã†alphafilter.jsライブラリ[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
scriptè¦ç´ ã®defer属性ã®å®Ÿè£… - Thousand Years
<!--HTMLã§ã¯--><script defer></script> <!--XHTMLã§ã¯--><script defer="defer"></script> scriptè¦ç´ ã«ã¯defer属性ãŒã‚ã£ã¦ã€ã“ã‚Œã¯document.writeç³»ãŒãªã„ã“ã¨ã‚’æ¡ä»¶ã«scriptã®ä¸èº«ã‚’後ã§è©•ä¾¡ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ãƒšãƒ¼ã‚¸ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’妨ã’ãªã„よã†ã«ã™ã‚‹ã‚‚ã®ã¨èª¬æ˜Žã•ã‚Œã¦ã„る。ãŸã deferãŒåˆ©ç”¨ã•ã‚Œã¦ã„るサイトã£ã¦ãªã‹ãªã‹è¦‹ãŸã“ã¨ç„¡ã„ã†ãˆã«æœ¬å½“ã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’妨ã’ãªã„ã‹èˆˆå‘³ãŒã‚ã£ãŸã®ã§èª¿ã¹ãŸã€‚ 実装ã•ã‚Œã¦ã„るブラウザ 調ã¹ãŸç¯„囲ã§ã¯IE(Safariã¨Kon〜ã¯èª¿ã¹ã¦ãªã„)ã®ã¿ã€‚ã‚ã¨IEã¯scriptè¦ç´ ã«defer属性をã¤ã‘ã‚‹ã¨innerHTMLã«ä»£å…¥ã—ãŸscriptãŒå®Ÿè¡Œã•ã‚Œã‚‹ã¨ã„ã†ä»•æ§˜ãŒã‚る。 // 以下ã¯å‹•ã‹ãªã„ã®ã§é§„ç›® hoge.innerHTML = "hoge<script>aler
マウスオーãƒãƒ¼ã§ç”»åƒã‚’扉ã®ã‚ˆã†ã«å·¦å³ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹jQueryサンプル:phpspot開発日誌
Image splitting effect with CSS and JQuery ・TutsValley マウスオーãƒãƒ¼ã§ç”»åƒã‚’扉ã®ã‚ˆã†ã«å·¦å³ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹jQueryサンプルãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ç”»åƒä¸Šã«ãƒžã‚¦ã‚¹ã‚’ç½®ãã¨ã€ãƒ“ãƒãƒ¼ãƒ³ã¨ä¸å¿ƒã‹ã‚‰åŠåˆ†ã«å‰²ã‚Œã¦å·¦å³ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦ã„ãã¾ã™ã€‚ デモページ é¢ç™½ã„ã®ã¯ã€ï¼‘æžšã®ç”»åƒã§ã“れを実ç¾ã—ã¦ã„ã‚‹ã¨ã“ã‚ã§ã™ã€‚ CSSã§ï¼’æžšã®ãƒ–ãƒãƒƒã‚¯ã‚’作ã£ã¦ã€ãれをアニメーションã•ã›ã¦ã„ã¾ã™ã€‚ 応用ã™ã‚‹ã“ã¨ã§ã€ç¸¦æ–¹å‘ã«åˆ†å‰²ã—ãŸã‚Šã¨ã€ä»–ã«ã‚‚é¢ç™½ã„ã“ã¨ãŒå‡ºæ¥ãã†ã§ã™ã€‚ 関連エントリ jQuery用ã®GUIコンãƒãƒ¼ãƒãƒ³ãƒˆãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã€Œmbideasprojectã€ãŒã™ã”ㄠナビゲーションã®UIã¯ã“ã‚Œã§å®Œç’§ã‹ã‚‚ãªjQueryプラグイン集 ユニークã§ä½¿ãˆãã†ãªjQueryプラグイン10個
JavaScriptã®ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆä½œæˆã‚„å„種メニュー作æˆç‰ã€ä¾¿åˆ©ãªãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†ã®ã¾ã¨ã‚:phpspot開発日誌
JavaScriptã®ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆä½œæˆã‚„å„種メニュー作æˆç‰ã€ä¾¿åˆ©ãªãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†ã®ã¾ã¨ã‚ 2009å¹´08月18æ—¥- JavaScriptã®ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆä½œæˆã‚„å„種メニュー作æˆç‰ã€ä¾¿åˆ©ãªãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†ã®ã¾ã¨ã‚。 ã“ã“最近ã§å·¡å›žã—ãŸã‚‚ã®ã§ä¾¿åˆ©ãã†ãªãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’以下ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 沢山ã‚ã‚‹ã®ã§ä½¿ãˆãã†ãªã‚‚ã®ã ã‘覚ãˆã¦ãŠãã¨ã‚ˆã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 Quick Tip ・Resizing Images Based On Browser Window Size ブラウザサイズã«ã‚ˆã£ã¦ç”»åƒã®ã‚µã‚¤ã‚ºã‚’変ãˆã‚‹jQueryãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« Horizontal Sub-nav with CSS & jQuery - Subnavigation Tutorial - CSS Tutorial - jQuery Tutorial 水平サブナビゲーション実ç¾ã®ãŸã‚ã®jqueryãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« Making
ãƒã‚§ãƒƒã‚¯ãŒå…¥ã‚‹ã¨ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã¨ãƒ©ãƒ™ãƒ«(æ–‡å—)ã®èƒŒæ™¯è‰²ãŒå¤‰ã‚ã‚Šã¾ã™ã€‚
サンプルソース <HTML> <HEAD> <TITLE>ãƒã‚§ãƒƒã‚¯ãŒå…¥ã‚‹ã¨ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã¨ãƒ©ãƒ™ãƒ«(æ–‡å—)ã®èƒŒæ™¯è‰²ãŒå¤‰ã‚ã‚Šã¾ã™</TITLE> <STYLE type="text/css"> <!-- a,label{cursor:pointer;} label:hover { color : red; } .Mychk1{ width:140px; margin:5px 2px 2px 0px; font:12px; } --> </STYLE> <SCRIPT language=JavaScript> <!-- function chebg(chkID){ Myid=document.getElementById(chkID); if(Myid.checked == true){ Myid.parentNode.style.backgroundColor = '#C6E5FF'; }
折りãŸãŸã¿JS
HTMLソースå´ã‚’極力汚ã•ãªã„折りãŸãŸã¿JavaScript Published on 2006-10-05 本ページã§ç¤ºã™ã®ã¯ã€è‰¯ãã‚ã‚‹JavaScriptã«ã‚ˆã‚‹æŠ˜ã‚ŠãŸãŸã¿ã‚’JavaScriptã¨DOMã¨CSSã§å®Ÿç¾ã™ã‚‹æ‰‹é †ã§ã‚る。jQueryãªã©ã®å¤–部ライブラリを必è¦ã¨ã›ãšã€ã“ã®ã‚¹ã‚¯ãƒªãƒ—トå˜ç‹¬ã§å‹•ä½œã™ã‚‹ã€‚ 折りãŸãŸã¿ã¨ã„ã†ã®ã¯ã€ã‚ã‚‹è¦ç´ をクリックã™ã‚‹ã¨éš ã‚Œã¦ã„ãŸéƒ¨åˆ†ãŒè¦‹ãˆã€ã‚‚ã†ä¸€åº¦ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã¾ãŸéš れるã¨ã„ã†ãƒ¤ãƒ„ã§ã‚る。 demo 例ãˆã°ã“ã‚“ãªæ„Ÿã˜ HTMLソースå´ã¯classを付与ã™ã‚‹ã ã‘ã«ã¨ã©ã‚ã€ã‚¯ãƒªãƒ¼ãƒ³ã§StrictãªHTMLコーディングをä¿ã£ãŸã¾ã¾å®Ÿç¾ã§ãるよã†é…æ…®ã—ã¦ã„る。ã¾ãŸã€JavaScriptを切ã£ãŸç’°å¢ƒã§ã¯ã€è¦ç´ ã¯æŠ˜ã‚Šç•³ã¾ã‚Œãšã€ä¸èº«ã‚‚èªã‚€ã“ã¨ãŒã§ãるよã†ã«ãªã£ã¦ã„ã‚‹ä»–ã€ã‚ーボードã§æ“作ã—ã¦ã„ã‚‹å ´åˆã®å¯¾å‡¦ã‚‚ã—ã¦ã„ã‚‹ã®ã§ã€ãã‚Œãªã‚Šã«ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティも確ä¿ã—ã¦ã‚ã‚‹ã¨è¨€ãˆã‚‹
JavaScriptã§æ–‡å—サイズを変更２ - Good Sleep｜Webデザイナーã®æ—¥ã€…ã®ã‚¹ã‚マ
カレント表示対応版｜styleswitcher.js 以å‰ã€ï½¢JavaScriptã§æ–‡å—サイズを変更｣ã¨ã„ã†è¨˜äº‹ã‚’書ãã¾ã—ãŸãŒã€ã‚«ãƒ¬ãƒ³ãƒˆè¡¨ç¤ºï¼ˆç¾åœ¨ã©ã®ã‚µã‚¤ã‚ºã§è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã‹ï¼‰ã§ã¤ã¾ãšãã€çµå±€ç”»åƒã‚’使ã£ãŸãƒœã‚¿ãƒ³ã«ã—ã¦ã€ã©ã®ã‚µã‚¤ã‚ºã§è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã‹ï¼Ÿã¨ã„ã†ã‚³ãƒˆãŒåˆ†ã‹ã‚‰ãªã„サンプルを紹介ã—ã¾ã—ãŸã€‚ 実際ã«æ–‡å—サイズを変更ã™ã‚‹ã‚ˆã†ãªæ¡ˆä»¶ãŒå‡ºã¦ããŸã‚³ãƒˆã‚‚ã‚ã‚Šã€ä½•ã‹å¯¾ç–ãŒãªã„ã‚‚ã®ã‹ã¨è€ƒãˆã¦ã„ã‚‹ã¨ã€ç¯å°ã‚‚ã¨æš—ã—ã¨ã„ã†ã‹ä½•ã¨ã„ã†ã‹â€¦ã€éžå¸¸ã«ç°¡å˜ã§ã‚るコトã«æ°—ã¥ãã¾ã—ãŸã€‚ styleswitcher.jsã§èªã¿è¾¼ã‚€alternate stylesheetã«ãã‚Œãžã‚Œã®ãƒœã‚¿ãƒ³ã®çŠ¶æ…‹ã‚’記述ã™ã‚Œã°è‰¯ã„ã ã‘ã ã£ãŸã‚“ã§ã™ã。 …ã¨ã„ã†è¨³ã§ã‚µãƒ³ãƒ—ルã§ã™ã€‚ ↑ã“ã®ã‚µãƒ³ãƒ—ルã¯ã“ã¡ã‚‰ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ 今回ã€ï½¢å° ä¸ å¤§ï½£ã®æ–‡å—ã‚‚ç”»åƒã«ã—ã¦ã—ã¾ã£ãŸãŸã‚ã€ã‚½ãƒ¼ã‚¹ä¸Šã®ãƒ†ã‚ストã¯displayプãƒãƒ‘ティã§æ¶ˆã—ã¦ã—ã¾ã£ã¦ã¾ã™
ã“ã ã‚ã‚Šã®ãƒšãƒ¼ã‚¸å†…リンクスムーズスクãƒãƒ¼ãƒ« scrollsmoothly.js
「ページ内リンク スムーズスクãƒãƒ¼ãƒ«ã€ã§ã‚°ã‚°ã‚Œã°ã„ãらã§ã‚‚出ã¦ãã‚‹ã‚·ãƒãƒ¢ãƒŽã ã‘ã©ã€è‡ªåˆ†ã®è¦æœ›ã‚’ã™ã¹ã¦æº€ãŸã™ã‚‚ã®ãŒç„¡ã‹ã£ãŸã®ã§ä½œã£ã¦ã¿ãŸã€‚ ã“ã ã‚ã‚Šã®ãƒšãƒ¼ã‚¸å†…リンクスムーズスクãƒãƒ¼ãƒ« scrollsmoothly.js 動作サンプル 以下ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’サンプルページã®ã‚ˆã†ã«head内ã§èªã¿è¾¼ã‚€ã ã‘ã§OK。 ソースコード(Javascript) scrollsmoothly.js èªã¿è¾¼ã¿ä¾‹ <script type="text/javascript" src="scrollsmoothly.js"></script> 特徴 縦横斜ã‚ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«å¯èƒ½ スクãƒãƒ¼ãƒ«ä¸ã«ã‚‚リンクをクリックå¯èƒ½ 別ã®ãƒšãƒ¼ã‚¸ã‹ã‚‰ã®ãƒªãƒ³ã‚¯ã§ã‚‚指定ã®å ´æ‰€ã¾ã§ã‚¹ãƒ ーズスクãƒãƒ¼ãƒ«ã—ã¾ã™ MIT License 動作確èªãƒ–ラウザ IE6, IE7 Firefox 2,3 Opera 9.27 Safari 3.1 関連エントリ
1
ランã‚ング
ランã‚ング
障害
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Responsive WordPress Slider Plugin
[JS]ブラウザã®ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å¤‰æ›´ã•ã‚Œã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Sliding Resizable Grid
{{#tags}}- {{label}}
{{/tags}}