[B! class] tuki0918ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

tuki0918 id:tuki0918

classã«é–¢ã™ã‚‹tuki0918ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ãƒªã‚¯ã‚¨ã‚¹ãƒˆãƒãƒ³ãƒ‰ãƒªãƒ³ã‚° - 2.x
ãƒªã‚¯ã‚¨ã‚¹ãƒˆãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°Â¶ class RequestHandlerComponent(ComponentCollection $collection, array $settings = array())Â¶ RequestHandler ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¯ã€ HTTP ãƒªã‚¯ã‚¨ã‚¹ãƒˆã«ã¤ã„ã¦ã®è¿½åŠ æƒ…å ±ã‚’å–å¾—ã™ã‚‹ãŸã‚ã« ä½¿ã‚ã‚Œã¾ã™ã€‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãŒå—ä»˜ã‘ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¿ã‚¤ãƒ—ã‚’å¾—ã‚‹ã“ã¨ã‚„ã€ï¼ˆè¨å®šã—ã¦ã„ã‚‹å ´åˆï¼‰ æ‹¡å¼µåã«ã‚ã‚ã›ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã«è‡ªå‹•çš„ã«å¤‰æ›´ã™ã‚‹ã“ã¨ã ã‘ã§ãªãã€ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã« AJAX ã«ã¤ã„ã¦ã®æƒ…å ±ã‚’æ¸¡ã™ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ RequestHandler ã¯åˆæœŸçŠ¶æ…‹ã§ã€å¤šãã® JavaScript ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒä½¿ç”¨ã—ã¦ã„ã‚‹ HTTP-X-Requested-With ãƒ˜ãƒƒãƒ€ã«åŸºã¥ã„ãŸ AJAX ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’è‡ªå‹•çš„ã«åˆ¤å®šã—ã¾ã™ã€‚ Router::parseExtensions() ã¨çµ„ã¿åˆã‚
tuki0918 2013/07/17
class

cakephp
ãƒªãƒ³ã‚¯
Responsive Multi-Level Menu | Codrops
A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage. Today we want to share an experimental drop-down menu with you. The main idea is to save space for menus that have a lot of content and sub-levels. Each sub-level in this menu will be shown in its own context, making the â€œparentâ€ level disappear. This is done with subtle
tuki0918 2013/04/21
class

webãƒ‡ã‚¶ã‚¤ãƒ³

css3
ãƒªãƒ³ã‚¯
CSSã§iOSé¢¨ã®ãƒã‚§ãƒƒã‚¯ãƒœã‚¿ãƒ³ã‚’ã¤ãã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚ï¼ˆCSS ãŠã‚ŒãŠã‚Œ Advent Calendar 2012 â€“ 21æ—¥ç›®ï¼‰ | Ginpen.com
CSS ãŠã‚ŒãŠã‚Œ Advent Calendar 2012 â€“ 21æ—¥ç›® ã‚»ãƒ•ã‚»ãƒ•ã€‚ iOSã®é¸æŠžãƒœã‚¿ãƒ³ã€‚HTMLã§ã„ã†ãƒã‚§ãƒƒã‚¯ãƒœã‚¿ãƒ³çš„ãªã‚‚ã®ã€‚â€Switch Controlâ€ã¨ã„ã†ã‚‰ã—ã„ã§ã™ã€‚ Switch Controlé¢¨ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ HTML ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ <p> <label class="switch"> <input type="checkbox" /> <span class="label"> <span class="on">ON</span ><span class="separator"></span ><span class="off">OFF</span> </span> </label> </p>
tuki0918 2013/04/17
class
ãƒªãƒ³ã‚¯
CSSã ã‘ã§ç°¡å˜ã«å¹ãå‡ºã—ã‚’ä½œæˆã™ã‚‹æ–¹æ³•4ã¤ï¼
ã“ã‚“ã«ã¡ã¯ã€æ©‹æœ¬ã§ã™ã€‚ ä»Šæ—¥ã¯CSSã ã‘ã§ãŠæ‰‹è»½ã«å¹ãå‡ºã—ã‚’ä½œã‚‹æ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã”ç´¹ä»‹ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã¯4ã¤ ä¸€èˆ¬çš„ãªä¸‰è§’ã®å¹ãå‡ºã— ä¸€èˆ¬çš„ãªä¸‰è§’ã®å¹ãå‡ºã—ï¼ˆãƒœãƒ¼ãƒ€ãƒ¼ä»˜ãï¼‰ ã½ã‚ã‚ãƒ¼ã‚“ã¨ã—ãŸå¹ãå‡ºã— ä¸¸ã„ï¼ˆæ›²ç·šã®ï¼‰å¹ãå‡ºã— 4ã¤ã®ã‚µãƒ³ãƒ—ãƒ«ã®å®Ÿè¡Œçµæžœã¯ã€ã“ã“ã§ç¢ºèªã§ãã¾ã™ã€‚ IE9ä»¥ä¸Šã¨IEä»¥å¤–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚ã‚Œã°ã¡ã‚ƒã‚“ã¨è¡¨ç¤ºã•ã‚Œã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ IE8ä»¥ä¸‹ã¯border-radiusãŒä½¿ç”¨å‡ºæ¥ãªã„ãŸã‚ã€ã‚µãƒ³ãƒ—ãƒ«3ã¨ã‚µãƒ³ãƒ—ãƒ«4ãŒã¡ã‚ƒã‚“ã¨è¡¨ç¤ºã•ã‚Œã¾ã›ã‚“ã€‚ ãã‚Œã§ã¯1ã¤1ã¤è¦‹ã¦è¡Œãã¾ã—ã‚‡ã†ã€‚ 1.ä¸€èˆ¬çš„ãªä¸‰è§’ã®å¹ãå‡ºã— ã¾ãšã¯ã‚½ãƒ¼ã‚¹ã‹ã‚‰ã€‚ <!DOCTYPEÂ HTML> <htmlÂ lang="ja"> <head> <metaÂ charset="UTF-8"> <styleÂ type="text/css"> *Â { box-sizing:Â border-box; } .wrapp
tuki0918 2013/03/06
class
ãƒªãƒ³ã‚¯
ç„¡åŠ¹ãªURLã§ã™
ç„¡åŠ¹ãªURLã§ã™ã€‚ ãƒ—ãƒã‚°ãƒ©ãƒ è¨å®šã®åæ˜ å¾…ã¡ã§ã‚ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ ã—ã°ã‚‰ãæ™‚é–“ã‚’ãŠã„ã¦å†åº¦ã‚¢ã‚¯ã‚»ã‚¹ã‚’ãŠè©¦ã—ãã ã•ã„ã€‚
tuki0918 2013/01/28
class

JavaScript
ãƒªãƒ³ã‚¯
CSS Image Replacement Museum
Get affordable and hassle-free WordPress hosting plans with Cloudways, now offering 40% off for 4 months, and 40 free migrations. CSS image replacement is a technique of replacing a text element (usually a header tag like an <h1>) with an image (often a logo). It has its origins in the time before web fonts and SVG. For years, web developers battled against browser inconsistencies to craft image r
tuki0918 2012/11/26
class

CSS
ãƒªãƒ³ã‚¯
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®æœ‰ç”¨ãªã‚¹ãƒ‹ãƒšãƒƒãƒˆã®ã¾ã¨ã‚ | ã‚³ãƒªã‚¹
ã‚ˆãä½¿ã†clearfixã‹ã‚‰ã€è¦‹å‡ºã—ã®ç”»åƒç½®æ›ã‚„è¦‹ãŸç›®éžè¡¨ç¤ºã®æ–°ã—ã„ã‚¹ãƒ‹ãƒšãƒƒãƒˆã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ã‚ˆãåˆ©ç”¨ã•ã‚Œã‚‹ã‚¹ãƒ‹ãƒšãƒƒãƒˆãªã©ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã‚ˆãä½¿ç”¨ã™ã‚‹æœ‰ç”¨ãªã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ A Collection of Handy CSS Snippets ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã‚·ãƒ§ãƒ¼ãƒˆãƒãƒ³ãƒ‰ã®class ãƒ‡ã‚¶ã‚¤ãƒ³é–¢é€£ã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆ é–‹ç™ºé–¢é€£ã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆ å°åˆ·ãƒ»Retinaãƒ»æ¤œè¨¼ç”¨ã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆ ã‚·ãƒ§ãƒ¼ãƒˆãƒãƒ³ãƒ‰ã®class ã‚ˆãä½¿ç”¨ã™ã‚‹ã‚·ãƒ§ãƒ¼ãƒˆãƒãƒ³ãƒ‰ã®classã‹ã‚‰å§‹ã‚ã¾ã—ã‚‡ã†ã€‚ ãƒã‚¤ãƒ³ãƒˆã¯ã‚»ãƒ¬ã‚¯ã‚¿ã§ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’å®šç¾©ã™ã‚‹ã®ã§ã¯ãªãã€ã™ãã«åˆ©ç”¨ã§ãã‚‹ã“ã¨ã‚’å‰æã«ã—ã¦ã„ã¾ã™ã€‚ ã¾ãšã¯ã€ãƒ†ã‚ã‚¹ãƒˆã¨ç”»åƒã‚’é…ç½®ã™ã‚‹æ™‚ã«ç°¡å˜ã«ä½¿ãˆã‚‹floatã§ã™ã€‚ .float-left /* ã“ã‚“ãªæ„Ÿã˜ã«ç›´è¦³çš„ã«åˆ†ã‹ã‚‹åå‰ã§ */ { float: left; } .float-right /* ã“ã‚“ãªæ„Ÿã˜
tuki0918 2012/11/02
class

css3
ãƒªãƒ³ã‚¯
æ§˜ã€…ãªãƒ–ãƒ©ã‚¦ã‚¶ç’°å¢ƒã«å¯¾å¿œã™ã‚‹ç‚ºã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒModernizrã€
é…å¸ƒå…ƒï¼šModernizr ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ï¼šMIT & BSD licenses. Modernizrã¯Twitterãªã©ã®å¤§æ‰‹ã‚µã‚¤ãƒˆã§ã‚‚æŽ¡ç”¨ã•ã‚Œã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã®æ©Ÿèƒ½ã®å®Ÿè£…çŠ¶æ³ã‚’èª¿æŸ»ã™ã‚‹ãŸã‚ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ãŸã¨ãˆã°Modernizrã‚’èªã¿è¾¼ã‚“ã ã‚µã‚¤ãƒˆã§ã¯htmlè¦ç´ ãŒæ¬¡ã®ã‚ˆã†ã«æ›¸ãæ›ãˆã‚‰ã‚Œã¾ã™ã€‚ <html lang="ja" class="no-js"> â†“ <html lang="ja" class="js flexbox flexbox-legacy rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity css animations csscolumns cssgradients cssreflections csstransf orms c
tuki0918 2012/09/11
class

Modernizr
ãƒªãƒ³ã‚¯
ã‚‚ã†ã€classåã‚„idåã§æ‚©ã¾ãªã„ã‚“ã ã‹ã‚‰ã£ï¼ï¼ï½œCSS HappyLife
classåã‚„idåã£ã¦ä»˜ã‘ã‚‹æ™‚æ‚©ã¿ã¾ã›ã‚“ã‹ï¼Ÿ ä»Šã§ã‚‚ãƒœã‚¯ã¯çµæ§‹æ‚©ã‚€ã‚“ã§ã™ãŒã€ãã‚“ãªæ‚©ã¿ã‚’è§£æ±ºã™ã‚‹ç‚ºã«ã€äººã•ã¾ã®ã‚½ãƒ¼ã‚¹è¦—ãã¾ãã£ã¦ã‚ˆãã‚ã‚‹classåã¨idåã‚’æ‹¾ã£ã¦ãã¾ã—ãŸã€‚ ã“ã‚Œã§ã€ãƒãƒ§ãƒƒãƒˆã ã‘ä½œæ¥åŠ¹çŽ‡ã‚¢ãƒƒãƒ—ï¼ï¼Ÿ 2010å¹´6æœˆ10æ—¥è¿½è¨˜ï¼š ã“ã®è¨˜äº‹è‡ªä½“ã€2007å¹´ 1æœˆ15æ—¥ã«æ›¸ã‹ã‚Œã¦ã‚‹ã‚“ã§ã‹ãªã‚Šå¤ã„ã§ã™ã€‚ ã‚ãã¾ã§ã‚‚å‚è€ƒç¨‹åº¦ã«ç•™ã‚ã¦ã‚‚ã‚‰ã†ã®ãŒè‰¯ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ä»Šã ã£ãŸã‚‰ã€html5ã®è¦ç´ ã‚’å‚è€ƒã«ã—ãŸã‚Šã—ã¦ä»˜ã‘ã‚‹ã®ãŒã€ä»Šå¾Œã®äº‹ã‚’è€ƒãˆã‚‹ã¨è‰¯ã„ã®ã‹ãªãƒ¼ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸã€å–„ã—æ‚ªã—ã®åˆ¤æ–ã¯ã›ãšã«å…¬é–‹ã—ã¦ã„ã‚‹ã‚‚ã®ã§ã™ãŒã€ä½ç½®ã«é–¢ã™ã‚‹ã®ã¯ä»•æ§˜å¤‰æ›´ã«å¼±ããªã‚‹ã®ã§ã‚ªã‚¹ã‚¹ãƒ¡ã¯ã—ã¾ã›ã‚“ã€‚ å…¨ä½“ã«ä½¿ãˆãã†ãªæ„Ÿã˜ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
tuki0918 2012/04/28
webãƒ‡ã‚¶ã‚¤ãƒ³

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

class
ãƒªãƒ³ã‚¯
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼»CSSï¼½/CSSã®åŸºæœ¬/å±žæ€§ã‚’ä½¿ã£ãŸæŒ‡å®š - TAG index Webã‚µã‚¤ãƒˆ
è¦ç´ åã«ç¶šã‘ã¦ [ ] ã‚’è¨˜è¿°ã—ã¦ã€ãã®ä¸ã§å±žæ€§åã‚„å±žæ€§å€¤ã‚’æŒ‡å®šã—ã¾ã™ã€‚ span[title] { border-bottom: 1px #c0c0c0 dashed; } ä¸Šè¨˜ã®ä¾‹ã§ã¯ã€titleå±žæ€§ãŒæŒ‡å®šã•ã‚ŒãŸspanè¦ç´ ã«ã®ã¿ã€ã‚¹ã‚¿ã‚¤ãƒ«ãŒé©ç”¨ã•ã‚Œã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ã¾ãŸã€æ¬¡ã®ã‚ˆã†ã«è¤‡æ•°ã®å±žæ€§ã‚»ãƒ¬ã‚¯ã‚¿ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ a[href][title] { background-color: #e0e0e0; } ä¸Šè¨˜ã®ä¾‹ã§ã¯ã€hrefå±žæ€§ã¨titleå±žæ€§ãŒæŒ‡å®šã•ã‚ŒãŸaè¦ç´ ã«ã®ã¿ã€ã‚¹ã‚¿ã‚¤ãƒ«ãŒé©ç”¨ã•ã‚Œã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ è¦ç´ å[å±žæ€§å] ã§æŒ‡å®šã™ã‚‹ã¨ã€ãã®ã‚¿ã‚¤ãƒ—ã®è¦ç´ ã®ã†ã¡ã€æŒ‡å®šã—ãŸå±žæ€§ã‚’æŒã¤è¦ç´ ã«ã®ã¿ã‚¹ã‚¿ã‚¤ãƒ«ãŒé©ç”¨ã•ã‚Œã¾ã™ã€‚ cite[title] { border-bottom: 1px #c0c0c0 dashed; } æ¬¡ã®ä¾‹ã§ã¯ã€titleå±žæ€§ãŒæŒ‡å®šã•ã‚ŒãŸciteè¦ç´ ã«ã®
tuki0918 2012/04/18
class

css
ãƒªãƒ³ã‚¯
å¤‰æ•°ã¨ãƒ¡ã‚½ãƒƒãƒ‰ã®å‘½åãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹15 - æ‰é¢¨å‘‚2.0 - A Lifelog -
ã“ã®è¨˜äº‹ã¯ã€Cagdas Basarane æ°ã®ãƒ–ãƒã‚°ã€ CodeBuild ã‹ã‚‰ 2012å¹´2æœˆ20æ—¥ã®è¨˜äº‹ "15 Best Practices of Variable & Method Naming" ã‚’ç¿»è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ åŽŸæ–‡URL http://codebuild.blogspot.com/2012/02/15-best-practices-of-variable-method.html ååˆ†çŸãååˆ†é•·ã„å¤‰æ•°åã‚’ã‚¹ã‚³ãƒ¼ãƒ—ã”ã¨ã«ä½¿ç”¨ã™ã‚‹ã€‚ä¸€èˆ¬çš„ã«ã€ãƒ«ãƒ¼ãƒ—ã‚«ã‚¦ãƒ³ã‚¿ã«ã¯1æ–‡å—ã€æ¡ä»¶ã‚„ãƒ«ãƒ¼ãƒ—å¤‰æ•°ã«ã¯1å˜èªžã€ãƒ¡ã‚½ãƒƒãƒ‰ã«ã¯1-2å˜èªžã€ã‚¯ãƒ©ã‚¹ã«ã¯2-3å˜èªžã€ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ã«ã¯3-4å˜èªžã‚’ä½¿ç”¨ã™ã‚‹ã€‚ å…·ä½“çš„ãª(specific)åå‰ã‚’ä½¿ç”¨ã™ã‚‹ã€‚ä¾‹ãˆã°ã€"value"ã€"equals"ã€"data"ã¨ã„ã£ãŸå¤‰æ•°åã¯ã„ã‹ãªã‚‹å ´åˆã‚‚æœ‰åŠ¹ã§ã¯ãªã„ã€‚ æ„å‘³ã®ã‚ã‚‹(meaningful)åå‰ã‚’ä½¿ç”¨ã™ã‚‹ã€‚å¤‰æ•°
tuki0918 2012/02/27
class
ãƒªãƒ³ã‚¯
1