Web制作ã§åˆ†ã‹ã‚‰ãªã„ã“ã¨ã¯ã™ãã«ç¢ºèªï¼HTML5, CSS3, jQuery, WordPress, Bootstrapãªã©ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚
HTML5, CSS3, jQuery, WordPress, Bootstrap, SublimeTextãªã©ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—やコーディングã«å½¹ç«‹ã¤ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’紹介ã—ã¾ã™ã€‚ PDFã‚„ç”»åƒã‚’ダウンãƒãƒ¼ãƒ‰ã—ãŸã‚Šã€ãƒ–ックマークã—ã¦ãŠã„ã¦ã€ã™ãã«ç¢ºèªã§ãるよã†ã«ã—ã¦ãŠãã¨ä¾¿åˆ©ã§ã™ã。
ウェブ制作者ã®å›°ã£ãŸã‚’解決ã™ã‚‹ã‚³ãƒ¼ãƒ‰ãŒç››ã‚Šã ãã•ã‚“ã€ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’共有ã™ã‚‹ã‚µãƒ¼ãƒ“ス -Code Pad
Public Snippets コードã¯ã€ç¾åœ¨7ã¤ã®ã‚«ãƒ†ã‚´ãƒªã«åˆ†ã‘られã¦ã„ã¾ã™ã€‚ CSS Apache PHP JavaScript jQuery HTML XML Others [ad#ad-2] 例ãˆã°CSSã ã¨ã€clearFixã€è§’ã«ãƒªãƒœãƒ³ã‚’é…ç½®ã€ç”»åƒã®ãƒ•ãƒªãƒƒãƒ—ã€ãƒ•ãƒƒã‚¿ã®å›ºå®šè¡¨ç¤ºãªã©ã€ãŸãã•ã‚“ã®ä¾¿åˆ©ãªã‚¹ãƒ‹ãƒšãƒƒãƒˆãŒç™»éŒ²ã•ã‚Œã¦ã„ã¾ã™ã€‚ CSS: Clearfix CSS: Pure CSS Corner Ribbon CSS: Flip an Image CSS: Sticky Footer スニペットã®ãƒšãƒ¼ã‚¸ã§ã¯ã€ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ãƒã‚¤ãƒ©ã‚¤ãƒˆã€ãƒ†ã‚スト表示ã«å¯¾å¿œã—ã¦ãŠã‚Šã€ãƒ†ã‚スト形å¼ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚
JavaScript Patterns
A JavaScript pattern and antipattern collection that covers function patterns, jQuery patterns, jQuery plugin patterns, design patterns, general patterns, literals and constructor patterns, object creation patterns, code reuse patterns, DOM and browser patterns (upcoming). Patterns collected while developing 喜感网. General Patterns Function Declarations - creating anonymous functions and assigning t
テã‚ストや画åƒã§ãƒ‘ララックス効果ã®ã‚るコンテンツを実装ã™ã‚‹jQueryコード - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…容ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ュリティ上ã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ パララックス効果ã®ã‚るコンテンツ を作る為ã®é››å½¢ã¿ãŸã„ãªã‚³ãƒ¼ãƒ‰ãŒã‚ ã£ãŸã®ã§ãƒ¡ãƒ¢ã€‚æ—¢ã«ä¼¼ãŸã‚ˆã†ãªã®ã¯ ã„ã‚ã„ã‚ã‚ã‚‹ã‚“ã§ã™ãŒã€divè¦ç´ ã‚’ 使ã£ã¦å®Ÿè£…ã—ã¦ã„ã¦è‡ªç”±åº¦ãŒã‚ã‚Šãㆠã ã£ãŸã®ã§å‚™å¿˜éŒ²çš„ã«è¨˜äº‹ã«ã—ã¦ãŠã ã¾ã™ã€‚ 昨日訳ã‚ã£ã¦ã€FAQサイトをã•ã¾ã‚ˆã£ã¦ãŸã‚‰ãŸã¾ãŸã¾è¦‹ã‹ã‘ã¦è‰¯ã•ãã†ã ã£ãŸã®ã§å‹‰å¼·ç”¨ã«ã¡ã‚‡ã£ã¨æ‹å€Ÿã—ã¾ã—ãŸã€‚ Parallax with jQuery レイヤーã¯divè¦ç´ ã§ã™ã€‚赤ã„ボックスã¯ã‚¯ãƒªãƒƒã‚¯ã§ç·‘ã«å¤‰ã‚ã‚Šã¾ã™ãŒã€IE7以下ã§ã¯z-indexã®ãƒã‚°ãŒã‚ã‚‹ãŸã‚クリックã§ãã¾ã›ã‚“。 スピードや動ã範囲ã ã‘ãªã‚‰ä»¥ä¸‹ã®ã‚ãŸã‚Šã‚’変ãˆã‚Œã°ã„ã„ã§ã™ã€‚ distance = 70;//マウスã«å¯¾ã—ã¦è¦ç´ ãŒå‹•ãè·é›¢ sensitivity = 7;//感度。ã¨ã„ã†ã‹
Gmail風ã«æ›¸ã途ä¸ã®ãƒ•ã‚©ãƒ¼ãƒ 内容をlocalStorageã«å®šæœŸçš„ã«ä¿å˜ã—ã¦ãれる「Sisyphusã€:phpspot開発日誌
Gmail風ã«æ›¸ã途ä¸ã®ãƒ•ã‚©ãƒ¼ãƒ 内容をlocalStorageã«å®šæœŸçš„ã«ä¿å˜ã—ã¦ãれる「Sisyphus〠2011å¹´12月15æ—¥- Sisyphus Gmail風ã«æ›¸ã途ä¸ã®ãƒ•ã‚©ãƒ¼ãƒ 内容をlocalStorageã«å®šæœŸçš„ã«ä¿å˜ã—ã¦ãれる「Sisyphus〠ã›ã£ã‹ã大é‡ã«åŸ‹ã‚ãŸãƒ•ã‚©ãƒ¼ãƒ ãŒã€ãƒ–ラウザを間é•ã£ã¦é–‰ã˜ã¦ã—ã¾ã£ãŸã‚Šã€ãƒ–ラウザã®ä¸å…·åˆã§è½ã¡ã¡ã‚ƒã£ãŸã‚Šã—ã¦æ‹³ã‚’æ¡ã‚Šã—ã‚ãŸæ–¹ã‚‚ã„ã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ Sisyphusを使ãˆã°ã€$('#form').sisyphus() ã®ã‚ˆã†ãªç°¡å˜ãªæ“作ã§ã€ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ãƒ¼ã‚¿ã‚’自動ä¿å˜ã§ãるよã†ã«ãªã‚Šã¾ã™ã€‚ localStorageを使ã†ã®ã§ã‚µãƒ¼ãƒã¸ã®è² æ‹…ã¯ãªã„ã®ã§ã¨ã¦ã‚‚扱ã„ã‚„ã™ãã†ã§ã™ã€‚ 入力ã—ã¦ã„ã‚‹ã¨ã»ã©ã‚ˆã„タイミングã§ä¿å˜ã—ã¾ã—ãŸãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒæµã‚Œã¾ã™ã€‚ 試ã—ã«ãƒªãƒãƒ¼ãƒ‰ã—ã¦ã¿ã¦ã‚‚ã€ãƒ–ラウザを閉ã˜ã¦é–‹ãç›´ã—ã¦ã¿ã¦ã‚‚残ã£ã¦ã„ã¾ã™ã€‚リストアメッセージも表
è¦ç´ ã‚’ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹jQueryプラグインã„ãã¤ã‹ - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…容ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ュリティ上ã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ å¿…è¦ã«ãªã‚‹ã‹ã‚‚知れãªã„ã®ã§ã€ 今ã®ã†ã¡ã«ã‹ã集ã‚る作æ¥ã§ã™ã€‚ よãã¿ã‚‹ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚µã‚¤ãƒˆã‚’ 実装ã§ãã‚‹jQueryプラグインã§ã™ã€‚ ã‚ã‚“ã¾ã‚Šä½¿ã£ãŸã“ã¨ç„¡ã„ã®ã§ 注æ„点ãªã‚“ã‹ã®ãƒ¡ãƒ¢æ›¸ãã‚‚ã—㦠ãŠãã¾ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ã„ã¤ã‚‚ã®è‡ªåˆ†ç”¨ãƒ¡ãƒ¢ãªã®ã§ã€ã“ã‚Œã‹ã‚‰è§¦ã‚‹ç”¨ã®ã¾ã¨ã‚ã§ã™ï¼ã‚ªã‚¹ã‚¹ãƒ¡ãƒ—ラグインã¨ã‹ã˜ã‚ƒãªã„ã§ã™ã€‚ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¨è¨€ã£ã¦ã‚‚è¦ç´ ãŒç„¡ããªã‚Œã°æ¢ã¾ã‚Šã¾ã™ã€‚当ãŸã‚Šå‰ã§ã™ãŒã€‚ Tumblrã¨ã‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã¨ã‹ã§ã‚ˆã見ã‹ã‘ã‚‹ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’実装ã§ãã‚‹ã‚„ã¤ã„ã‚ã„ã‚。WPデザインギャラリーã§ã‚‚実装ã—ã¦ã„ã¾ã™ãŒã€ã“ã‚Œã¯5509æ°ã®ãƒ—ラグインã«ã‚ˆã‚‹ã‚‚ã®ã§ã™ã€‚便利ã£ã™ãƒ¼ã€‚ infinite scroll jQuery Masonryã£ã¦ã„ã†ã€boxを段々ã«ã™ã‚‹ã‚„ã¤ã¨ä¸€ç·’ã«ä½¿ã£ã¦ã‚‹ã®ã‚’
見るã ã‘ã§ã‚‚ワクワクã™ã‚‹ã€CSS3ã¨jQueryã®ã‹ã£ã“ã„ã„7ã¤ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ
ページを開ã„ãŸçž¬é–“ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç›®ã‚’引ãã¤ã‘るよã†ãªCSS3ã¨jQueryを使ã£ãŸã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã®ã‹ã£ã“ã„ã„エフェクトを紹介ã—ã¾ã™ã€‚ Typography Effects with CSS3 and jQuery [ad#ad-2] ã‹ã£ã“ã„ã„7ã¤ã®ãƒ‡ãƒ¢ 実装ã®ãƒã‚¤ãƒ³ãƒˆ ã‹ã£ã“ã„ã„7ã¤ã®ãƒ‡ãƒ¢ デモã¯7ã¤ã‚ã‚Šã€ã©ã‚Œã‚‚トã‚メクよã†ãªã‹ã£ã“ã„ã„エフェクトã§ã™ã€‚ デモを楽ã—ã‚€ã«ã¯ã€Chrome, Safari, Firefoxã§ã”覧ãã ã•ã„。 Demo 1
jQueryåˆå¿ƒè€…å‘ã‘ã®åŸºç¤Žã‚’ã—ã£ã‹ã‚Šå¦ã¹ã‚‹ã‚µã‚¤ãƒˆ
ã€ï½ŠQueryã£ã¦ä½•ã‹ã‚‰jQueryã®åŸºæœ¬ã¾ã§ã€‘... / ã€jQueryã®ä½¿ã„æ–¹ã‹ã‚‰å‹•ä½œãƒ‡ãƒ¢ã¾ã§ã€‘jQue... / ã€jQueryã§ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‹ã‚‰ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã¾...ä»–...å…¨6件
jQuery Mobileã®CSSを変更ã—ã¦ãƒ†ãƒ¼ãƒžã‚’カスタマイズ (1/3)
CSSを駆使ã™ã‚‹ã“ã¨ã§jQuery Mobileã§ã‚‚オリジナルデザインを実ç¾ã§ãã¾ã™ãŒï¼ˆé–¢é€£è¨˜äº‹ï¼‰ã€ãƒ•ãƒ«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ã¯ã‹ãªã‚Šã®æ‰‹é–“ãŒã‹ã‹ã‚Šã¾ã™ã€‚今回ã¯jQuery Mobileã®ãƒ†ãƒ¼ãƒžã‚«ãƒ©ãƒ¼ã®ã¿ã‚’変更ã™ã‚‹ã€æ‰‹è»½ãªã‚»ãƒŸã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã®æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ jQuery Mobileã®CSSを解剖ã™ã‚‹ テーマカラーをカスタマイズã™ã‚‹ãŸã‚ã«ã€jQuery Mobileã®CSSãŒã©ã®ã‚ˆã†ã«è¨è¨ˆã•ã‚Œã¦ã„ã‚‹ã‹ã€è¦‹ã¦ã¿ã¾ã—ょã†ã€‚ jQuery Mobileã®CSSã¯ã€ã€Œå…±é€šCSSã€ã¨ã€Œãƒ†ãƒ¼ãƒžCSSã€ã®2ã¤ã§æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚共通CSSã¯ã€è¦ç´ ã®ã‚µã‚¤ã‚ºã‚„é–“éš”ã€ä½™ç™½ãªã©ã€ãƒšãƒ¼ã‚¸ã®æ§‹é€ やレイアウトã«é–¢ã™ã‚‹è¨å®šãŒè¨˜è¿°ã•ã‚Œã¦ãŠã‚Šã€ã™ã¹ã¦ã®ãƒ†ãƒ¼ãƒžã§å…±é€šã—ã¦åˆ©ç”¨ã•ã‚Œã¾ã™ã€‚ 一方ã€ãƒ†ãƒ¼ãƒžCSSã¯ã€data-theme属性ã§æŒ‡å®šã—ãŸãƒ†ãƒ¼ãƒžï¼ˆãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯ã€Œaã€ï½žã€Œeã€ã¾ã§ã®5種類）ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’記述ã—ãŸCSSã§ã€æŒ‡å®šã—ãŸãƒ†ãƒ¼
パãƒãƒ«ã‚’é–‹é–‰ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト
幅：480pxã§è¡¨ç¤º [ad#ad-2] 実装 HTML å„パãƒãƒ«ã¯ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ リストè¦ç´ を内包ã™ã‚‹divè¦ç´ ã®idã¨classã«ã€Œst-accordionã€ã‚’付与ã—ã¾ã™ã€‚ <div id="st-accordion" class="st-accordion"> <ul> <li> <a href="#"> Item Title <span class="st-arrow">Open or Close</span> </a> <div class="st-content"> <p>Some content</p> </div> </li> <li> ... </li> </ul> </div> スクリプトã®ã‚ªãƒ—ション スクリプトã®ã‚ªãƒ—ションã§ã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ç¨®é¡žã€ã‚¹ãƒ”ードãªã©ãŒè¨å®šã§ãã¾ã™ã€‚ $.Accordion.defaults = { // index of ope
1
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
WordPressã®ã‚«ã‚¹ã‚¿ãƒ 投稿タイプã¨ã‚«ã‚¹ã‚¿ãƒ タクソノミーを使ã£ã¦æ–°ãŸã«åˆ¥ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を作ã£ãŸã®ã§ã€åˆ¶ä½œãƒ—ãƒã‚»ã‚¹ã‚’書ãã¾ã—㟠- ã‹ã¡ã³ã¨.net
{{#tags}}- {{label}}
{{/tags}}