Jonathan New | "💩".length === 2
EDIT: Wow, much to my surprise this really blew up on Hacker News. There are some pretty interesting discussions happening. (Thanks Stan!) Yup, it’s true. In Javascript, "💩".length === 2. You can open up a Chrome debug console, or Node.JS REPL and see for yourself. But why?! And why does '⛳'.length only equal 1? It all comes down to codepoints and our friend, Unicode. If you’re a little rusty on
Passive Event Listeners ã«ã‚ˆã‚‹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®æ”¹å–„ | blog.jxck.io
Intro DOM ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠã®ä»•æ§˜ã« Passive Event Listeners ã¨ã„ã†ã‚ªãƒ—ションãŒè¿½åŠ ã•ã‚ŒãŸã€‚ ã“ã®ã‚ªãƒ—ションã¯ã€ä¸»ã«ãƒ¢ãƒã‚¤ãƒ«ãªã©ã§ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®è©°ã¾ã‚Š(Scroll Junk) を解決ã™ã‚‹ãŸã‚ã«å°Žå…¥ã•ã‚ŒãŸã‚‚ã®ã§ã‚る。 今回ã¯ã€ã“ã®ä»•æ§˜ãŒè§£æ±ºã™ã‚‹å•é¡Œã¨ã€æœ¬ã‚µã‚¤ãƒˆã¸ã®é©ç”¨ã‚’解説ã™ã‚‹ã€‚ Passive Event Listeners Spec Scroll Event ã® PreventDefault() ç”»é¢ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«åˆã‚ã›ãŸã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚’実装ã™ã‚‹å ´åˆã€ Scroll Event ã«ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠã‚’登録ã™ã‚‹ã€‚ 典型的ãªä¾‹ã§ã¯ touchstart ã‚„ touchend をフックã—ã€ãã®ä¸ã§ DOM ã®æ“作ãªã©ã‚’実施ã™ã‚‹ãªã©ãŒã‚る。 å ´åˆã«ã‚ˆã£ã¦ã¯ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠå†…㧠preventDefault() を呼ã¶ã“ã¨ã§ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãã®ã‚‚ã®ã‚’æ¢ã‚ã‚‹ã“ã¨ã‚‚ã§ãる。
(K)GoogleMapをサイトã«åŸ‹ã‚込んã§ã‚ªãƒªã‚¸ãƒŠãƒ«ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¨ç½®ã—ãŸæ™‚ã®æœ€ä½Žé™ã®è¨å®šâ€»å€‹åˆ¥APIå–得方法も | web(K)campus|WEBデザイナーã®ãŸã‚ã®æŠ€è¡“系メモサイト
コーãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆã‚„飲食店ã®ã‚µã‚¤ãƒˆãªã©ã®å®šç•ªã‚³ãƒ³ãƒ†ãƒ³ãƒ„「Accessã€ã«GoogleMAPを埋ã‚込むã®ã¯ã‚ˆãã‚ã‚‹ã“ã¨ã§ã™ãŒã€é€šå¸¸ã®GoogleMAPã‹ã‚‰iframeã§åœ°å›³ã‚’埋ã‚込むã“ã¨ã‚‚ã§ãã¾ã™ãŒã€æ¨ªå¹…ã¨ç¸¦å¹…ãらã„ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã‹ã§ããªã„ã®ã§ã€å¿œç”¨ãŒåŠ¹ãã¾ã›ã‚“。ãã‚“ãªè¨³ã§ä»Šå›žã¯GoogleMaps APIã‚’å–å¾—ã—ã¦ã€GoogleMapをカスタマイズã™ã‚‹æ–¹æ³•ã‚’備忘録ã¨ã—ã¦ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ GoogleAPIã‚’å–å¾—ã—ã¦GoogleMAPを表示 ã¾ãšã€ã”ãã”ãシンプルã«åœ°å›³ã®ã¿ã‚’表示ã™ã‚‹ã‚„ã‚Šæ–¹ （1）head部分ã«ä»¥ä¸‹ã®ã‚¹ã‚¯ãƒªãƒ—トを記述 <script src="http://maps.google.com/maps/api/js?sensor=true"></script> （2）bodyã‚¿ã‚°ã«ã‚¹ã‚¯ãƒªãƒ—トをèªã¿è¾¼ã¾ã›ã‚‹ãŸã‚ã®ã€Œonload=â€initialize();ã€ã‚’記述。 divã®I
particles.js - A lightweight JavaScript library for creating particles
particles.js is a lightweight JavaScript library for creating particles.
ç”»åƒè¦ã‚‰ãšã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¡¨ç¤ºã‚’実装ã§ãã‚‹jQueryプラグイン「Activity Indicatorã€:phpspot開発日誌
ç”»åƒè¦ã‚‰ãšã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¡¨ç¤ºã‚’実装ã§ãã‚‹jQueryプラグイン「Activity Indicator〠2011å¹´01月31æ—¥- Activity Indicator ç”»åƒè¦ã‚‰ãšã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¡¨ç¤ºã‚’実装ã§ãã‚‹jQueryプラグイン「Activity Indicatorã€ã€‚ 通常ã“ã†ã—ãŸãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’実装ã™ã‚‹ã«ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³gifç‰ã§å¯¾å¿œã—ã¾ã™ãŒã€ã“ã®ãƒ—ラグインを使ã†ã¨ã€ç”»åƒãªã—ã«ç¶ºéº—ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä»˜ãã®èªã¿è¾¼ã¿ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’実装出æ¥ã¾ã™ã€‚ SVGã‚„VMLを使ã£ã¦ã‚¯ãƒã‚¹ãƒ–ラウザã§å‹•ä½œã™ã‚‹ã‚ˆã†ã«è¨è¨ˆã•ã‚Œã¦ãŠã‚Šã€ãªã‚“ã¨IE6ç‰ã§ã‚‚ＯＫã ãã†ã€‚ 背景ãŒä½•è‰²ã ã£ã¦æ°—ã«ã™ã‚‹å¿…è¦ã‚‚ã‚ã‚Šã¾ã›ã‚“。 関連エントリ クリックã—ãŸä½ç½®ã«ãã®ã¾ã¾ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒã‚’出ã›ã‚‹jQueryプラグイン「Spinner〠ç¾åœ¨ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã§ã‚ã‚‹ã“ã¨ã‚’マウスカーソル近ãã«ã¡ã‚‡ã“ã‚“ã¨å¯æ„›ã出ã›ã‚‹ã€ŒprettyLoade
World - View Source!
The animated ASCII globe surrounded by its own source code. An quine in 1024 bytes of JavaScript.
HTML5ã§ãƒ†ã‚ストã®ã‚·ãƒ£ãƒƒãƒ•ãƒ«æ¼”出ãŒã§ãã‚‹JSライブラリ「ShuffleText.js〠| ClockMaker Blog
Flashã§ã‚ˆã見ã‹ã‘るテã‚ストシャッフル演出(æ–‡å—列ãŒãƒ©ãƒ³ãƒ€ãƒ ã§åˆ‡ã‚Šæ›¿ã‚る演出ã€æ£ã—ã„呼ã³åã¯ã‚ã‹ã‚Šã¾ã›ã‚“ï½—)ã‚’HTML5ã§ä½œã£ã¦ã¿ã¾ã—ãŸã€‚HTMLã®ã‚¿ã‚°(pã‚¿ã‚°ã¨ã‹)ã«ä½¿ã†ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ã€HTML5ã®æ–°è¦ç´ Canvasを使ã†ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®äºŒç¨®é¡žã‚’用æ„ã—ã¾ã—ãŸã€‚ ã€2017å¹´4月26æ—¥ 追記】 ã€é‡è¦ã€‘JSライブラリーã¯GitHubã§æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚使用ã—ãŸã„æ–¹ã¯æ¬¡ã®GitHubã®ãƒªãƒã‚¸ãƒˆãƒªã‚’御覧ãã ã•ã„。 Canvas版ã¯CreateJS 2015年版ã§ã‚‚動作ã™ã‚‹ã‚ˆã†æ›´æ–°ã—ã¾ã—ãŸã€‚ デモ demo (HTMLエレメント版) demo (Canvas版) ソースコードã¯MITライセンスã§å…¬é–‹ã—ã¦ã—ã¾ã™ã®ã§ã€å€‹äººãƒ»å•†ç”¨å•ã‚ãšã”自由ã«ãŠä½¿ã„ãã ã•ã„。 ShuffleText.js (HTMLエレメント版) ShuffleEaselText.js (Canvas版) ãã‚Œã§ã¯ä»¥ä¸‹ã§ä½¿ã„方を紹介ã—ã¦
[JavaScript] スクãƒãƒ¼ãƒ«ã®çµ‚了時ã«ã‚¤ãƒ™ãƒ³ãƒˆã‚’èµ·å‹•ã™ã‚‹
JavaScriptã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒçµ‚ã‚ã£ãŸæ™‚ã«ã€ãªã«ã‹å‡¦ç†ã‚’ã—ãŸã„時ãŒã‚る。 è¦ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã¤ã„ã¦ãるメニューã®å‡¦ç†ã¿ãŸã„ãªæ„Ÿã˜ ã‚ã‚ã„ã†ã®ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ä¸ã‚‚ã¤ã„ã¦ãã‚‹ã‘ã©ã€ä»Šå›žã®ã¯çµ‚ã‚ã‚‹ã¾ã§ä½•ã‚‚ã—ãªã„。 スマートフォンå‘ã‘ã«ãƒ–ラウザã®ä¸‹éƒ¨ã«å‡ºã¦ãã‚‹ãƒãƒŠãƒ¼ãªã‚“ã‹ã§ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨æ¶ˆãˆã¦ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒæ¢ã¾ã‚‹ã¨è¡¨ç¤ºã•ã‚Œã‚‹ã‚„ã¤ã€ã‚ã‚“ãªæ„Ÿã˜ã€‚ var timeId; window.addEventListener("scroll", function(){ //解除 clearTimeout(timeId); //時間をリセットã—ã¦ã‚»ãƒƒãƒˆã—ç›´ã™ timeId = setTimeout(function(){ //å‡¦ç† }, 500); }); //最åˆã«ä¸€å›žå‹•ã‹ã™ timeId = setTimeout(function(){ //å‡¦ç† }, 0);
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®jQueryå°æŠ€é›†
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®jQueryå°æŠ€é›†ç´ 敵ãªå‹•ãを手軽ã«å®Ÿè£…ã§ãã‚‹JavaScriptライブラリ「jQueryã€ã€‚jQueryã«ã¯å¤šãã®ãƒ—ラグインãŒæƒã£ã¦ã„ã¾ã™ãŒã€ä»Šå›žã¯ãƒ—ラグインãªã—ã§å®Ÿè£…ã§ãã‚‹jQueryã®å°æŠ€ã‚’紹介ã—ã¾ã™ï¼ã€ŒjQueryã£ã¦ãªã‚“ã ？ã€ã¨ã„ã†äººã‚‚コピペã§å®Ÿè£…ã§ãã¾ã™ã‚ˆï¼ã‚µãƒ³ãƒ—ルも用æ„ã—ãŸã®ã§ãœã²ã”覧ãã ã•ã„ï¼ è¿½è¨˜ï¼šã“ã®è¨˜äº‹ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã„ãã¤ã‹ã®æ–¹æ³•ãŒã€ä»Šã§ã¯ CSS ã®ã¿ã§å®Ÿè£…å¯èƒ½ã§ã™ï¼è©³ã—ãã¯ã€Œã‹ã¤ã¦ã¯ JavaScript を利用ã—ã¦ã„ãŸã‚‚ã®ã®ã€ä»Šã§ã¯ CSS ã®ã¿ã§å®Ÿè£…ã§ãã‚‹ 10 ã®å°æŠ€ã€ã‚’ã”覧ãã ã•ã„。 jQuery ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¾ãšã¯jQuery 本家ã‹ã‚‰ jQuery ファイルをダウンãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚<head> 内ã«ä¸‹è¨˜ã‚’記述ã—ã€jQuery ファイルをèªã¿è¾¼ã¿ã¾ã™ã€‚ <script type="text/javascript" src
ボックスè¦ç´ をレンガ状ã«ç¶ºéº—ã«æ•´åˆ—ã•ã›ã‚‹ã€ŒjQuery Masonryã€ãŒå‡„ã„:phpspot開発日誌
ボックスè¦ç´ をレンガ状ã«ç¶ºéº—ã«æ•´åˆ—ã•ã›ã‚‹ã€ŒjQuery Masonryã€ãŒå‡„ã„ã§ã™ã€‚ 普通ã€é«˜ã•ã®é•ã†ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã‚’ float ã¨ã‹ã§ä¸¦ã¹ã‚‹ã¨æ¬¡ã®ã‚ˆã†ãªã€ã©ã†è¦‹ã¦ã‚‚見れãªã„å´©ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ãŒã€ä»Šå›žç´¹ä»‹ã™ã‚‹jQuery Masonry を使ã†ã¨ã€æ¬¡ã®ã‚ˆã†ã«ã€ç¶ºéº—ã«ãƒ†ãƒˆãƒªã‚¹ã£ã½ã整列ã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ ↓↓↓↓↓↓↓↓↓↓ ã“れを実ç¾ã™ã‚‹ã®ã«å¿…è¦ãªJavaScript コードã¯ä»¥ä¸‹ã®ã‚ˆã†ã«æ•°è¡Œã€‚ã“ã‚Œã§å®Ÿç¾å¯èƒ½ã§ã™ã€‚ $('#primary').masonry({ columnWidth: 100, itemSelector: '.box' }); ã“ã®ä»•çµ„ã¿ã‚’使ã£ã¦ãƒ–ãƒã‚°ç‰ã‚’表示ã™ã‚‹ã¨ã‚‚ã£ã¨é¢ç™½ã„ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ æ–°èžã£ã½ããªã‚Šã¾ã—ãŸã。 ブラウザ幅を変ãˆã‚‹äº‹ã§ã„ã‚ã„ã‚ãªè¦‹ãˆæ–¹ã«ãªã‚‹ã®ã‚‚é¢ç™½ã„ã§ã™ã€‚ 以下ã®ã‚¨ãƒ³ãƒˆãƒªã‚’å‚ç…§ã—ã¦ãã ã•ã„。 jQuery Masonry ? B
border-radius.js - Javascriptライブラリ - HTML5.JP
border-radius.js ã¯ã€class属性ã«å€¤ã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§ã€ãƒ–ãƒãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã®è§’を丸ãã™ã‚‹ãƒ©ã‚¤ãƒˆã‚¦ã‚§ã‚¤ãƒˆãªJavaScriptライブラリーã§ã™ã€‚ CSSã§borderã¨marginを指定ã—ã€class属性㫠"html5jp-border-radius" ã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§ã€è§’ãŒä¸¸ããªã‚Šã¾ã™ã€‚JavaScriptã®ã‚³ãƒ¼ãƒ‰ã¯ä¸€åˆ‡å¿…è¦ã‚ã‚Šã¾ã›ã‚“。ã¾ãŸã€ã“ã®ãƒ©ã‚¤ãƒ–ラリーã¯å˜ç‹¬ã§å‹•ä½œã™ã‚‹ãŸã‚ã€ä»–ã®JavaScriptフレームワークç‰ã‚’èªã¿è¾¼ã‚€å¿…è¦ã‚‚ã‚ã‚Šã¾ã›ã‚“。 ã“ã®ãƒ©ã‚¤ãƒ–ラリーã¯ã€æŒ‡å®šã®ãƒ–ãƒãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã®ä¸Šä¸‹ã«è§’ã‚’è¿½åŠ ã—ã¾ã™ã€‚Internet Explorerã®å ´åˆã¯VMLã‚’ã€ãれ以外ã®ãƒ–ラウザーã§ã¯Canvas（CanvasãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚Œã°ï¼‰ã‚’使ã£ã¦ã„ã¾ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ Release Date Size (byte) Download
無効ãªURLã§ã™
è¨å®šã®åæ˜ å¾…ã¡ã‹ã€å˜åœ¨ã—ãªã„アドレスã§ã™ã€‚ ã—ã°ã‚‰ã時間を置ã„ã¦ã‹ã‚‰ã€å†åº¦ã‚¢ã‚¯ã‚»ã‚¹ã‚’ãŠè©¦ã—ãã ã•ã„。
SelectorGadget: point and click CSS selectors
SelectorGadget is an open source tool that makes CSS selector generation and discovery on complicated sites a breeze. Just install the Chrome Extension or drag the bookmarklet to your bookmark bar, then go to any page and launch it. A box will open in the bottom right of the website. Click on a page element that you would like your selector to match (it will turn green). SelectorGadget will then g
[JS]ãƒãƒ§ãƒ¼ç°¡å˜ã«ã‚µã‚¤ãƒˆã‚’AJAX対応ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -com.bydust.ajax | コリス
com.bydust.ajaxã¯ã€ã‚¹ã‚¿ãƒ†ã‚£ãƒƒã‚¯ãªã‚µã‚¤ãƒˆã§ã‚‚WordPressã®ã‚ˆã†ãªã‚µã‚¤ãƒˆã§ã‚‚ã€ãƒšãƒ¼ã‚¸å…¨ä½“ã®ãƒãƒ¼ãƒ‰ã‚’ã›ãšã«å¿…è¦ãªç®‡æ‰€ã®ã¿ãƒãƒ¼ãƒ‰ã—ã¦è¡¨ç¤ºã™ã‚‹AJAX対応ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トã§ã™ã€‚ com.bydust.ajax demo デモサイトã§ã¯ã€å³ã®ãƒŠãƒ“ゲーションやå„記事ã®ã‚¿ã‚¤ãƒˆãƒ«ã‚’クリックã™ã‚‹ã¨ã€é€šå¸¸ã®ãƒšãƒ¼ã‚¸é·ç§»ã¨ã¯ç•°ãªã‚Šå¿…è¦ãªç®‡æ‰€ã®ã¿éžåŒæœŸé€šä¿¡ã‚’è¡Œã„表示ã—ã¾ã™ã€‚ ※外部リンクãªã©ã¯è‡ªå‹•èªè˜ã—ã¦ã€åˆ¥ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã§è¡¨ç¤ºã—ã¾ã™ã€‚ サイトをAJAX対応ã«ã™ã‚‹æ–¹æ³• サイトをAJAX対応ã«ã™ã‚‹åŸºæœ¬çš„ãªã‚¹ã‚¯ãƒªãƒ—トã®è¨ç½®æ–¹æ³•ã¯ã€ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ 下記ã¯ã€å¯¾è±¡ã¨ãªã‚‹å…¨ãƒšãƒ¼ã‚¸ã«é©ç”¨ã—ã¾ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ã—ãŸï¼’ã¤ã®ã‚¹ã‚¯ãƒªãƒ—ト（com.bydust.ajax.js, com.bydust.array.js）を外部スクリプトã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ HTMLã®åŸºæœ¬æ§‹é€ ã¯ã€ã€Œid="page"ã€ã‚’親è¦ç´ ã¨ã—ã¦ã€ã€Œid=
セクシーã«å‹•ä½œã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼å®Ÿè£…JSライブラリ:phpspot開発日誌
Sexy sliding JavaScript side bar menu using mootools at Andrew Sellick When trying to conceive ways in which space could be saved on a web page I decided a sliding menu would work well as shown in the images below.セクシーã«å‹•ä½œã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼å®Ÿè£…JSライブラリ。 クリックã™ã‚‹ã¨ãƒ‹ãƒ¥ãƒ¼ã£ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦ã‚»ã‚¯ã‚·ãƒ¼ã«é–‹ã„ã¦ãれるメニュー実装ã®ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ デモã¯ã“ã¡ã‚‰ CSSã«ã‚ˆã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã‚‹ã®ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ç°¡å˜ã§ã™ã€‚ ã¡ã‚‡ã£ã¨å¤‰ã‚り種ã¨ã„ã†ã“ã¨ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã®ã‚µã‚¤ãƒˆã§ä½¿ãˆãã†ã§ã™ã。
CSS レイアウト切り替ãˆã‚¹ã‚¤ãƒƒãƒ | WWW WATCH
Web サイトã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã—ã¦ã¯ã€æ¨ªå¹…を固定ã—ãŸå›ºå®šãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ãƒ–ラウザã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã¨é€£å‹•ã™ã‚‹ãƒªã‚ッドレイアウトã€æ–‡å—サイズã¨é€£å‹•ã™ã‚‹ã‚¨ãƒ©ã‚¹ãƒ†ã‚£ãƒƒã‚¯ãƒ¬... Web サイトã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã—ã¦ã¯ã€æ¨ªå¹…を固定ã—ãŸå›ºå®šãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ãƒ–ラウザã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã¨é€£å‹•ã™ã‚‹ãƒªã‚ッドレイアウトã€æ–‡å—サイズã¨é€£å‹•ã™ã‚‹ã‚¨ãƒ©ã‚¹ãƒ†ã‚£ãƒƒã‚¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã® 3種類ãŒã‚ˆã使ã‚ã‚Œã¾ã™ãŒã€ã©ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒä¸€ç•ªæ–‡ç« ãŒèªã¿ã‚„ã™ã‹ã£ãŸã‚Šã€åˆ©ä¾¿æ€§ãŒé«˜ã„ã®ã‹ã£ã¦è€ƒãˆãŸã¨ãã«ã€å½“然好ã¿ã¯äººãã‚Œãžã‚Œã€‚ ã˜ã‚ƒã‚ã€ãã®äººã®å¥½ã¿ã§ã€3ã¤ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’切り替ãˆã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã—ãŸã‚‰ã„ã„ã˜ã‚ƒã‚“ã¨ã„ã†ã“ã¨ã§ã€ãん㪠CSS 切り替ãˆã‚¹ã‚¤ãƒƒãƒã‚’作ã£ã¦ã¿ã¾ã—ãŸã€‚ サンプルã¯ã“ã¡ã‚‰ã§ç¢ºèªã§ãã¾ã™ 全ファイルã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ （zip ファイル / 10KB） デフォルトã§ã¯æ¨ªå¹…固定ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ãªã£ã¦ã„ã¾ã™ã€‚スイッãƒã‚’押ã™ãŸã³ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒé¸æŠž
ã¯ã¦â˜†ã™ãŸ OP - 2nd life (移転ã—ã¾ã—ãŸ)
※スペックãŒä½Žã„マシンや一部ブラウザã ã¨å›ºã¾ã£ãŸã‚Šè½ã¡ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";s.src="http://rails2u.com/misc/hatesuta.js";document.body.appendChild(s)})();ã‚’é©å½“ãªãƒšãƒ¼ã‚¸ã§ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã«å…¥ã‚Œã¦å®Ÿè¡Œï¼ã™ã‚‹ã¨â€¦ã€‚スターã¤ãã® blog ã®ãƒˆãƒƒãƒ—ページãªã‚“ã‹ã ã¨æœ€å¾Œã«ã‚«ã‚¦ãƒ³ã‚¿ãƒ¼ã‚‚出ã¦ã‚«ã‚¦ãƒ³ã‚¿ãƒ¼ã¨ã—ã¦ã‚‚使ãˆã‚‹ã‚ˆâ˜† ソース㯠CodeRepos ã§å…¬é–‹ã—ã¦ã¾ã™ã€‚MIT ライセンスã¨ã—ã¦ã”自由ã«ã©ã†ãžã€‚ http://coderepos.org/share/browser/lang/actionscript/hatesuta
hereticanthem co.,ltd. » CSSã‚„JavaScriptを使ã£ãŸã‚ªã‚·ãƒ£ãƒ¬ãªæŠ€ã‚„サンプルãŒè§£èª¬ï¼†é…布ã—ã¦ã„るサイトã®ã¾ã¨ã‚
パãƒãƒ³ã‚³ã®éŠã³æ–¹ã¨æ”»ç•¥ – æˆåŠŸã®ãŸã‚ã®æˆ¦ç•¥ã‚’発見ã—よã†ï¼ãƒ‘ãƒãƒ³ã‚³ã®éŠã³æ–¹ã‚’マスターã—よã†ï¼ãƒ—ãƒã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç¿’å¾—ã—ã¦å‹è€…ã«ï¼ãƒ‘ãƒãƒ³ã‚³ã®æ¥½ã—ã•ã‚’体験ã—よã†ï¼æˆåŠŸã®ãŸã‚ã®æˆ¦ç•¥ã‚’発見ã—よã†ï¼æˆ¦ç•¥ã‚’é›ãˆã¦ã‚ˆã‚Šé«˜ã„å‹çŽ‡ã¸ï¼
Litebox- Same great taste, less calories
Litebox Check out the front page If you haven't been to the front page in some time, check it out. I've started blogging about some tips and tricks. Expect some full featured scripts some time soon. What is it? Litebox is a modified version of Lightbox v2.0 created with one thing in mind, size reduction. Litebox utilizes the 3kb javascript library moo.fx in association with prototype.lite, giving
1
ランã‚ング
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Sebcreation // Webdesign Interactif - Création de Sites Internet Interactif
{{#tags}}- {{label}}
{{/tags}}