[B! CSS] kakku22ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kakku22 id:kakku22

CSSã«é–¢ã™ã‚‹kakku22ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (63)

${{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}}

Introduction - Semantic UI React
jQuery FreejQuery is a DOM manipulation library. It reads from and writes to the DOM. React uses a virtual DOM (a JavaScript representation of the real DOM). React only writes patch updates to the DOM, but never reads from it. It is not feasible to keep real DOM manipulations in sync with React's virtual DOM. Because of this, all jQuery functionality has been re-implemented in React.
kakku22 2019/08/27
react

css
ãƒªãƒ³ã‚¯
Webã‚¢ãƒ•ã‚šãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¦ã‚™ 60fpsã‚’(æ¥µåŠ›)ç›®æŒ‡ã™
KMC æ˜¥åˆå®¿2017ã§ç™ºè¡¨ã—ãŸãƒˆãƒ¼ã‚¯ã§ã™ã€‚
kakku22 2017/03/23
é›£ã—ã„

css

javascript
ãƒªãƒ³ã‚¯
2016å¹´ç‰ˆ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒˆã‚™é–‹ç™ºãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆ
4. ä½¿ç”¨ãƒ„ãƒ¼ãƒ«(äº‹å‰çŸ¥è˜) â€¢ CSS Preprocessor: Sassï¼ˆscssè¨˜æ³•ï¼‰ â€¢ Reset CSS: sanitize.css â€¢ HTML Template Engind: Jade â€¢ TaskRunner: Gulp â€¢ VersionControlSystem: Git 4 5. å¾—ã‚‰ã‚Œã‚‹æ©æµ 1. ã‚³ãƒ¼ãƒ‰ã®å“è³ªã®å®‰å®š æ…£ä¾‹ãƒ»å®šçŸ³ã®ä¾‹ã‚’ã¾ã¨ã‚ã‚‹ã“ã¨ã§å“è³ª(æ‹¡å¼µæ€§, ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§, å¯èªæ€§, ãƒ ã‚°ã®å›žé¿)ã‚’æ‹…ä¿ã™ã‚‹ 2. ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚³ã‚¹ãƒˆã®å‰Šæ¸› ãƒ«ãƒ¼ãƒ«ã«æ²¿ã£ãŸæ›¸ãæ–¹ã‚’ã™ã‚‹äº‹ã§é€£çµ¡ã‚„è³ªå•äº‹é …ã‚’æ¸›ã‚‰ã™ 3. çµŒé¨“å€¤ã®å…±æœ‰ HTML/CSSã®ä»•æ§˜ä¸Šèµ·ãã‚„ã™ã„ãƒŸã‚¹ã‚’é˜²ã 5
kakku22 2016/03/29
ã“ã“ã«æ›¸ã‹ã‚Œã¦ã‚‹ãƒ«ãƒ¼ãƒ«ã‚’è‡ªå‹•ã§ãƒã‚§ãƒƒã‚¯ã§ãã‚‹ lint ãŒã‚ã‚Œã°è‰¯ã•ãã†

css
ãƒªãƒ³ã‚¯
CSS ã®ã‚«ãƒãƒ¬ãƒƒã‚¸ã‚’è¨ˆæ¸¬ã™ã‚‹ Clairvoyance ã¨ã„ã†ãƒ„ãƒ¼ãƒ«ã‚’ä½œã‚Šã¾ã—ãŸ - ã‚¢ã‚¸ãƒ£ã‚¤ãƒ«SEã®æ†‚é¬±
ã‚¿ã‚¤ãƒˆãƒ«ã®é€šã‚Šã€CSS ã®ã‚«ãƒãƒ¬ãƒƒã‚¸ã‚’è¨ˆæ¸¬ã™ã‚‹ãƒ„ãƒ¼ãƒ«ã‚’ä½œã‚Šã¾ã—ãŸã€‚ github.com ã“ã‚Œã¯ä½•ï¼Ÿ css ã«æ›¸ã‹ã‚ŒãŸã‚¹ã‚¿ã‚¤ãƒ«ãŒ html ã®ä¸ã§ã©ã®ãã‚‰ã„ä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã‹è¨ˆæ¸¬ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ ä½¿ç”¨é »åº¦ã®å¤šã„ã‚¹ã‚¿ã‚¤ãƒ«ã‚’èª¿ã¹ã‚‹ï¼ˆå½±éŸ¿ç¯„å›²ãŒå¤§ãã„ã®ã§æ°—ã‚’ã¤ã‘ã‚‹ï¼‰ æœªä½¿ç”¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’èª¿ã¹ã‚‹ï¼ˆæ¶ˆã—ãŸã„ï¼‰ ã£ã¦ã®ã‚’èª¿ã¹ã‚‹ãŸã‚ã«ä½œã‚Šã¾ã—ãŸã€‚ ãªã‚“ã¦èªã‚€ã®ï¼Ÿ Clairvoyance ã¯ã€Œã‚¯ãƒ¬ã‚¢ãƒœãƒ¤ãƒ³ã‚¹ã€ã¨èªã¿ã¾ã™ã€‚ åƒé‡Œçœ¼ ã¨ã„ã†æ„å‘³ã§ã™ã€‚ PhantomJS ã‚’ä½¿ã£ã¦ã„ã‚‹ã®ã§ã€è¶…å¸¸ç¾è±¡ã£ã½ã„åå‰ã«ã—ã¦ã¿ã¾ã—ãŸã€‚åŽ¨äºŒç—…ä¹™ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³• npm ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã§ãã¾ã™ã€‚ $ npm install clairvoyance phantomjs ã‚’ä½¿ã£ã¦ã„ã‚‹ã®ã§ã€ã‚‚ã—ã‹ã—ãŸã‚‰ phantomjs ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒåˆ¥é€”å¿…è¦ã‹ã‚‚ã€‚ ä½¿ã„æ–¹ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã¨ clairvoyance ã¨ã„ã†ã‚³ãƒžãƒ³ãƒ‰
kakku22 2016/02/05
npm

css
ãƒªãƒ³ã‚¯
CSSã§ã¯ã¿å‡ºã—ãŸæ–‡å—ã‚’çœç•¥ã™ã‚‹ã€Œtext-overflow: ellipsis;ã€ãŒã„ã¤ã®é–“ã«ã‹PCã§ã‚‚ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ãŸï¼ - tacamy--blog
é ˜åŸŸã‚’ã¯ã¿å‡ºã—ãŸã¨ãã«ä¸‰ç‚¹ãƒªãƒ¼ãƒ€ãƒ¼ï¼ˆâ€¦ï¼‰ã§çœç•¥ã™ã‚‹text-overflow: ellipsis;ã¯ã€ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã§ã¯æ™®é€šã«ä½¿ã£ã¦ã„ãŸã‘ã©ã€PCã§ã¯æ•°å¹´å‰ã«ä½¿ãŠã†ã¨ã—ã¦ãªã‚“ã‹ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ãƒ€ãƒ¡ã ã£ãŸè¨˜æ†¶ãŒã‚ã£ã¦ã€ä½¿ãˆãªã„ã‚‚ã®ã¨ã°ã‹ã‚Šæ€ã„è¾¼ã‚“ã§ã„ãŸã€‚ ã§ã‚‚ã€ãµã¨Can I use CSS3 Text-overflowã‚’ã¿ãŸã‚‰ã€ã‚ã£ã¡ã‚ƒå¯¾å¿œã—ã¦ãŸï¼IEãªã‚“ã¦6ã‹ã‚‰å¯¾å¿œã—ã¦ã‚‹ã—ã€Firefoxã‚‚7ã‹ã‚‰ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ãŸã€‚ å®Ÿéš›ã«æ›¸ã„ã¦ã¿ãŸã‚‰ã€ã„ã¤ã‚‚ã®ã“ã‚“ãªæ„Ÿã˜ã®ã‚³ãƒ¼ãƒ‰ã§æ™®é€šã«ä½¿ãˆã¾ã—ãŸã€‚ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; æ˜”ã€JSã§ãªã‚“ã¨ã‹ãã‚Œã£ã½ãã§ããªã„ã‹ã¿ãŸã„ã«ã€èª°ã‹ãŒãŒã‚“ã°ã£ã¦ã„ãŸã®ã¯ãªã‚“ã ã£ãŸã®ã‹ã€‚ ã‚ãŸã—ã¿ãŸã„ã«ä½¿ãˆãªã„ã¨æ€ã„è¾¼ã‚“ã§ã¦ã€æ„å¤–ã¨ã—ã‚‰ãªã„äººã„ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã®ã§ã€ãƒ–ãƒã‚°ã«æ›¸ã„ã¦ã¿ã¾
kakku22 2015/11/16
mb_substr() ãŒæ•£åœ¨ã—ã¦ã‚‹

css
ãƒªãƒ³ã‚¯
ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿Hologramã¨BrowserStackã§ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ãƒã‚§ãƒƒã‚¯ã‚’ã™ã‚‹ - Groovesé–‹ç™ºãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒ¼ãƒ ã®@_ringogirlã§ã™ã€‚ å¼Šç¤¾ã§ã¯ç¾åœ¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã®æ§‹ç¯‰ã‚’Hologramã¨ã„ã†gemã‚’ä½¿ã£ã¦é€²ã‚ã¦ã„ã¾ã™ã€‚ æ§‹ç¯‰ã®éŽç¨‹ã§æ©Ÿèƒ½ã®æ‹¡å¼µãŒå¿…è¦ã«ãªã‚Šãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½œã‚‹ã“ã¨ã«ã—ã¾ã—ãŸãŒã€ Hologramã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«é–¢ã™ã‚‹è¨˜äº‹ãŒå°‘ãªã„ãŸã‚ã€ä½œã‚Šæ–¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ä»Šå›žã¯ã‚µãƒ³ãƒ—ãƒ«ã¨ã—ã¦BrowserStackã‚’ä½¿ã£ã¦è¤‡æ•°ã®ãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’æ’®ã‚Šã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã«è²¼ã‚Šä»˜ã‘ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½œã£ã¦ã¿ã¾ã™ã€‚ Hologram Rubyè£½ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã§ã™ã€‚CSSã«æ›¸ã„ãŸã‚³ãƒ¡ãƒ³ãƒˆã‹ã‚‰ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’ç”Ÿæˆã—ã¦ãã‚Œã¾ã™ã€‚ Sassã‚„LESSã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ trulia/hologram Hologramã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ READMEã«ã¯è¼‰ã£ã¦ã„ã¾ã›ã‚“ãŒHologramã¯ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½œã‚‹æ©Ÿèƒ½ã‚’æä¾›ã—ã¦ã„ã¾ã™ã€‚ ã“ã®ãƒ—ãƒ«ãƒªã‚¯ã‚¨ã‚¹ãƒˆã§ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½œã‚‹
kakku22 2015/11/15
hologram

css
ãƒªãƒ³ã‚¯
GitHub - trulia/hologram: A markdown based documentation system for style guides.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
kakku22 2015/11/13
gem

css

sass
ãƒªãƒ³ã‚¯
dfltweb1.onamae.com â€“ ã“ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã¯ãŠåå‰.comã§å–å¾—ã•ã‚Œã¦ã„ã¾ã™ã€‚
ã“ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã¯ ãŠåå‰.com ã‹ã‚‰å–å¾—ã•ã‚Œã¾ã—ãŸã€‚ ãŠåå‰.com ã¯ GMOã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚°ãƒ«ãƒ¼ãƒ—(æ ª) ãŒé‹å–¶ã™ã‚‹å›½å†…ã‚·ã‚§ã‚¢No.1ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ç™»éŒ²ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ â€»è¡¨ç¤ºä¾¡æ ¼ã¯ã€å…¨ã¦ç¨Žè¾¼ã§ã™ã€‚ â€»ã‚µãƒ¼ãƒ“ã‚¹å“è³ªç¶æŒã®ãŸã‚ã€ä¸€æ™‚çš„ã«å¯¾è±¡ã¨ãªã‚‹æ–™é‡‘ã¸ä¸€å®šå‰²åˆã®ã€Œã‚µãƒ¼ãƒ“ã‚¹ç¶æŒèª¿æ•´è²»ã€ã‚’åŠ ç®—ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ â€»1 ã€Œå›½å†…ã‚·ã‚§ã‚¢ã€ã¯ã€ICANN(ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã®ãƒ‰ãƒ¡ã‚¤ãƒ³åãªã©ã®è³‡æºã‚’ç®¡ç†ã™ã‚‹éžå–¶åˆ©å›£ä½“)ã®å…¬è¡¨æ•°å€¤ã‚’ã‚‚ã¨ã«é›†è¨ˆã€‚gTLDãŒé›†è¨ˆã®å¯¾è±¡ã€‚ æ—¥æœ¬ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ç™»éŒ²æ¥è€…(ãƒ¬ã‚¸ã‚¹ãƒˆãƒ©)ï¼ˆã€ŒICANNãŒãƒ¬ã‚¸ã‚¹ãƒˆãƒ©ã¨ã—ã¦èªå®šã—ãŸä¼æ¥ã€ä¸€è¦§ï¼ˆInterNICæä¾›ï¼‰å†…ã«ã€ŒJapanã€ã®è¨˜è¼‰ãŒã‚ã‚‹ã‚‚ã®ï¼‰ã‚’å¯¾è±¡ã€‚ ãƒ¬ã‚¸ã‚¹ãƒˆãƒ©ã€ŒGMO Internet Group, Inc. d/b/a Onamae.comã€ã®ã‚·ã‚§ã‚¢å€¤ã‚’é›†è¨ˆã€‚ 2024å¹´5æœˆæ™‚ç‚¹ã®èª¿æŸ»ã€‚
kakku22 2015/11/10
html

css
ãƒªãƒ³ã‚¯
yoshiko-pg.github.io
kakku22 2015/11/10
css

goodpatch

githubio
ãƒªãƒ³ã‚¯
CSSã®ã€Œ:beforeã€ã€ã€Œ:afterã€ã£ã¦ä½•ï¼Ÿ | ãŸãã£ã±ï¼
CSSã®:before,:afterã¯ä»–ã®ã‚‚ã®ã¨ã¯é•ã†ç‹¬ç‰¹ã®å‹•ãã‚’ã—ã¦ãŠã‚Šã€åˆå¿ƒè€…ãŒç†è§£ã—é›£ã„ãŸã‚é¿ã‘ã‚‰ã‚ŒãŒã¡ãªå†…å®¹ã‹ã¨æ€ã„ã¾ã™ã€‚ä»Šå›žã¯ã€ãã‚“ãª:before, :afterã‚’åˆå¿ƒè€…ã§ã‚‚å‡ºæ¥ã‚‹ã ã‘ã‚ã‹ã‚Šã‚„ã™ã„ã‚ˆã†ã«ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ CSSã®:before,:afterã¯ä»–ã®ã‚‚ã®ã¨ã¯é•ã†ç‹¬ç‰¹ã®å‹•ãã‚’ã—ã¦ãŠã‚Šã€åˆå¿ƒè€…ãŒç†è§£ã—é›£ã„ãŸã‚é¿ã‘ã‚‰ã‚ŒãŒã¡ãªå†…å®¹ã‹ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã¯ã€ãã‚“ãª:before, :afterã‚’åˆå¿ƒè€…ã§ã‚‚å‡ºæ¥ã‚‹ã ã‘ã‚ã‹ã‚Šã‚„ã™ã„ã‚ˆã†ã«ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ æœ¬è¨˜äº‹ã®å¯¾è±¡è€… æœ¬è¨˜äº‹ã¯ã€ä»¥ä¸‹ã®3ç‚¹ã‚’å…¨ã¦æº€ãŸã™æ–¹ã‚’å¯¾è±¡ã¨ã—ã¦æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ HTML/CSSã®åˆå¿ƒè€… :before,:afterã‚’ç†è§£ã—ã¦ã„ãªã„ã€ã¾ãŸã¯åˆã‚ã¦åå‰ã‚’èžã„ãŸã¨ã„ã†æ–¹ ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã€ãƒ–ãƒãƒƒã‚¯è¦ç´ ã‚’ç†è§£ã—ã¦ã„ã‚‹(ã¾ã ã‚ˆãã‚ã‹ã£ã¦ãªã„ï¼ã¨ã„ã†æ–¹ã¯ã“ã¡ã‚‰ã§å‹‰å¼·ã—ã‚ˆã†ï¼) :before, :afterã®
kakku22 2015/11/09
css
ãƒªãƒ³ã‚¯
CSSã‚»ãƒ¬ã‚¯ã‚¿20å€‹ã®ãŠã•ã‚‰ã„
CSSã‚»ãƒ¬ã‚¯ã‚¿ã£ã¦æ„å¤–ã¨åˆ†ã‹ã£ã¦ã„ãªã‹ã£ãŸã‚Šã™ã‚‹ã®ã§å‹‰å¼·ã¤ã„ã§ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚æ¯”è¼ƒçš„å®Ÿç”¨çš„ã‹ãªã¨æ€ã†ã‚‚ã®ã‚’20å€‹ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ã„ã„å¾©ç¿’ã«ãªã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ CSSã‚»ãƒ¬ã‚¯ã‚¿ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹å¯¾è±¡ã‚’æŒ‡å®šã™ã‚‹ã‚‚ã®ã§ã™ã€‚æ™®æ®µä½•æ°—ãªãä½¿ã£ã¦ã„ã‚‹classã‚„idãªã©ã‚‚ã‚»ãƒ¬ã‚¯ã‚¿ã®ï¼‘ã¤ã§ã™ã€‚ å±žæ€§ã‚„è¦ç´ ã¨ã„ã£ãŸå …è‹¦ã—ã„ç”¨èªžãŒå‡ºã¦ãã¾ã™ã®ã§å›³ã§ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚ ç§ã®ã‚ˆã†ã«åŸºç¤Žã‹ã‚‰å‹‰å¼·ã—ã¦ã„ãªã„ã¨ã€è¦ç´ ã‚„å±žæ€§ã¨èžã„ã¦ã‚‚ãƒ”ãƒ³ã¨ãã¾ã›ã‚“ãŒã€çŸ¥ã£ã¦ã¿ã‚‹ã¨ãªã‚“ã¦ã“ã¨ã¯ãªã„ã§ã™ãã€‚ ã¾ãŸã€IEãŒå¯¾å¿œã—ãã‚Œã¦ã„ãªã„CSS3ã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚‚ã‚ã‚Šã¾ã™ãŒã€IE6ï½ž8ã§ã‚‚CSS3ã‚»ãƒ¬ã‚¯ã‚¿ãŒåˆ©ç”¨ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã®æ±ºå®šç‰ˆã€ŒSelectivizrã€ ã§ç´¹ä»‹ã—ãŸã‚ˆã†ã«CSS3ã‚»ãƒ¬ã‚¯ã‚¿ã¯ieå¯¾ç–ã‚‚å®¹æ˜“ãªã®ã§ãœã²ãŠè©¦ã—ãã ã•ã„ã€‚ Selectivizrã¯CSSã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã§æŒ‡å®šã—ãŸæ–¹ãŒã„ã„ã®ã§ã™ãŒã€ä»Šå›žã®ã‚µãƒ³ãƒ—ãƒ«ã¯CSSã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«
kakku22 2015/11/03
html

css

jquery
ãƒªãƒ³ã‚¯
ç¤¾å†…Sasså‹‰å¼·ä¼šã‚’é–‹å‚¬ã—ã¾ã—ãŸ
ã“ã‚“ã«ã¡ã¯ã€ã‚¯ãƒ¬ã‚¤ã®äº€äº•ã§ã™ã€‚ã‚‚ã†ã™ã£ã‹ã‚Šç§‹ã§ã™ãï¼ã‚³ãƒ³ãƒ“ãƒ‹ã‚„ã‚±ãƒ¼ã‚å±‹ã•ã‚“ã«èŠ‹æ —å—ç“œã®ã‚¹ã‚¤ãƒ¼ãƒ„ãŒã‚‚ã‚Šã ãã•ã‚“ã§ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ä¸ŠãŒã‚Šã£ã±ãªã—ã§ã™ ã•ã¦æœ¬é¡Œã«å…¥ã‚Šã¾ã™ã€‚å…ˆæ—¥9æœˆ30æ—¥ã«ã‚¯ãƒ¬ã‚¤ç¤¾å†…ã§ Sass å‹‰å¼·ä¼šã‚’é–‹å‚¬ã—ã€CSS è¨è¨ˆã«ã¤ã„ã¦ç™ºè¡¨ã—ã¾ã—ãŸã€‚ãã®ã“ã¨ã«ã¤ã„ã¦ä»Šå›žã¯ãƒ–ãƒã‚°ã«æ›¸ã“ã†ã¨æ€ã„ã¾ã™ã€‚ é–‹å‚¬ã™ã‚‹ã“ã¨ã«ãªã£ãŸçµŒç·¯ æ•°ãƒ¶æœˆå‰ã‹ã‚‰ç¤¾å“¡ã®ã‚ãƒ£ãƒªã‚¢ã‚¢ãƒƒãƒ—ã®ãŸã‚ã€ã€Žã‚¯ãƒ¬ã‚¤ç¤¾å“¡è£œå®Œè¨ˆç”»ã€ãŒé–‹å§‹ã—ã¾ã—ãŸã€‚é€±ã«4æ™‚é–“ã¾ã§è‡ªåˆ†ã®å¥½ããªã“ã¨ã‚’å‹‰å¼·ã™ã‚‹æ™‚é–“ã‚’ã¨ã‚Œã€2ãƒ¶æœˆã«ä¸€åº¦ãƒ–ãƒã‚°ã‚„å‹‰å¼·ä¼šãªã©ã®å ´ã§æˆæžœã‚’ç™ºè¡¨ã—ã¾ã™ã€‚ ç§ã¯ã¯ã˜ã‚åˆ¥ã®ãƒ†ãƒ¼ãƒžã«ã—ã¦ã„ãŸã®ã§ã™ãŒã€ã„ã¾ã„ã¡ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ãŒä¸ŠãŒã‚‰ãšã€ç›¸è«‡ã—ãŸçµæžœ Sass ã‚’ãƒ†ãƒ¼ãƒžã«å‹‰å¼·ä¼šã‚’é–‹å‚¬ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ ç¤¾ä¼šäººã«ãªã£ã¦ã‹ã‚‰2å¹´åŠã€ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’åˆ¶ä½œã—ã¦ç™ºè¡¨ã‚’ã™ã‚‹ã¨ã„ã†çµŒé¨“ãŒãªã‹ã£ãŸã®ã§ã™ãŒã€ã„ã¤ã‹å¤–éƒ¨ã®å‹‰å¼·ä¼šã§ LT ãªã©ã—ã¦ã¿ãŸã„ã¨æ€ã£ã¦ã„ãŸãŸã‚ã„
kakku22 2015/10/14
css
ãƒªãƒ³ã‚¯
ãƒšãƒ‘ãƒœã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ ã«é–¢ã™ã‚‹è¨˜äº‹ä¸€è¦§ - ãƒšãƒ‘ãƒœãƒ†ãƒƒã‚¯ãƒ–ãƒã‚°
GMO ãƒšãƒ‘ãƒœã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ»ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã‚ˆã‚‹æŠ€è¡“ãƒ–ãƒã‚° / ãƒšãƒ‘ãƒœã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ ã«é–¢ã™ã‚‹è¨˜äº‹ä¸€è¦§
kakku22 2014/11/27
js

CSS

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
CSSã‚ªã‚¸ã‚µãƒ³ #0ã«è¡Œã£ã¦ããŸ - morishitter blog
æ˜¨æ—¥å¤§é˜ªã§é–‹å‚¬ã•ã‚ŒãŸã€CSSã‚ªã‚¸ã‚µãƒ³ã£ã¦ã„ã†CSSã®å‹‰å¼·ä¼šã«è¡Œã£ã¦ããŸã®ã§ãã®é›‘æ„Ÿã€‚CSSã‚ªã‚¸ã‚µãƒ³ã£ã¦ã ã‘ã«è‹¥è€…ã¯å°‘ãªã‹ã£ãŸã€‚å¥³æ€§ã®äººãŒæ€ã£ãŸã‚ˆã‚Šã„ãŸå°è±¡ã‚ã‚‹ã€‚ ç™ºè¡¨ã¯ã€æœ€åˆãŒCSSè¨è¨ˆã®æ•™ç§‘æ›¸ã®è‘—è€…ã§ã‚ã‚‹@hilokiã•ã‚“ã€‚@hilokiã•ã‚“ã¨è¨€ãˆã°CSSè¨è¨ˆã€‚ã€Œãƒ¡ãƒ³ãƒ†ãªãƒ–ãƒ«ã§ã‚ã‚Šç¶šã‘ã‚‹ãŸã‚ã®CSSè¨è¨ˆã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã®ç™ºè¡¨ã ã£ãŸã€‚CSSã‚’ç‰‡æ‰‹é–“ã«æ›¸ã„ã¦ã„ã‚‹äººãŸã¡ã€@hilokiã•ã‚“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã¯ä¸€èªã™ã¹ãã ã¨æ€ã†ã€‚ ãƒ¡ãƒ³ãƒ†ãƒŠãƒ–ãƒ«ã§ã‚ã‚Šã¤ã¥ã‘ã‚‹ãŸã‚ã®CSSè¨è¨ˆ from æ‹“æ¨¹ è°· æ¬¡ãŒ@cssradarã•ã‚“ã§ã€ã€ŒCSS Investigation: CSS ã‚³ãƒ¼ãƒ‰ãƒ¬ãƒ“ãƒ¥ãƒ¼ã®ä»•æ–¹æ•™ãˆã¾ã™ã€ã¨ã„ã†ç™ºè¡¨ã€‚ã‚³ãƒ¼ãƒ‰ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚’ã™ã‚‹å´ã®å¿ƒæ§‹ãˆã‚„ã€ãŠãªã˜ã¿ã®ä¾¿åˆ©ãƒ„ãƒ¼ãƒ«ã®ç´¹ä»‹ã€ã‚³ãƒ¼ãƒ‰ã®ä¸å‰ãªåŒ‚ã„ã®è¦‹ã¤ã‘æ–¹ã¨ã‹ã®è©±ã ã£ãŸã€‚ æœ€å¾ŒãŒ@t32kã•ã‚“ã€‚ã€ŒCSSã‚ªã‚¸ã‚µãƒ³ã€ã“ã®å…ˆç”Ÿãã®ã“ã‚‹ãŸã‚ã«ã¯ã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§ã€@t
kakku22 2014/11/09
css
ãƒªãƒ³ã‚¯
ãƒ¢ãƒ€ãƒ³ãªCSSè¨è¨ˆãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’è€ƒãˆã‚‹
The document summarizes Hiroki Tani's presentation at the QCon Tokyo 2014 conference on modern CSS architecture. Some key points discussed include: - Adopting modular approaches like OOCSS and SMACSS to separate structure from skin/style and improve maintainability. - Using techniques like BEM naming to further decouple CSS from HTML. - Developing reusa ble CSS modules and components with flexible
kakku22 2014/11/05
CSS
ãƒªãƒ³ã‚¯
CSS Lecture: CSS backgroundãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã¤ã„ã¦ã®ã¾ã¨ã‚
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
kakku22 2014/10/05
css
ãƒªãƒ³ã‚¯
CSS ãƒžãƒ¼ã‚¸ãƒ³ã¨ä½™ç™½
ï¼‘ï¼Žãƒœãƒƒã‚¯ã‚¹ã®æ§‹é€ ãƒžãƒ¼ã‚¸ãƒ³ã€æž ã€ä½™ç™½ã®é–¢ä¿‚ã¯ä¸‹å›³ã®ã‚ˆã†ã«ãªã‚‹ã€‚ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨æž ã®é–“ã«ã‚ã‚‹é–“éš”ãŒä½™ç™½ï¼ˆpaddingï¼‰ã§ã‚ã‚Šã€æž ã®å¤–å´éƒ¨åˆ†ãŒãƒžãƒ¼ã‚¸ãƒ³ï¼ˆmarginï¼‰ã¨ãªã‚‹ã€‚ èƒŒæ™¯è‰²ã‚„èƒŒæ™¯ç”»åƒã‚’è¨å®šã—ãŸå ´åˆã¯ã€æž ã®å†…å´ã«é©ç”¨ã•ã‚Œã‚‹ã€‚ãƒžãƒ¼ã‚¸ãƒ³éƒ¨åˆ†ã¯é€éŽè‰²ã¨ãªã‚‹ãŸã‚ã€èƒŒæ™¯ã¯ä»˜ã‹ãªã„ã€‚ ï¼’ï¼Žãƒžãƒ¼ã‚¸ãƒ³ã€ä½™ç™½ã€æž ç·šã®è¨å®š ãƒžãƒ¼ã‚¸ãƒ³æŒ‡å®šã€€ï½›ã€€marginã€€ï¼šã€€ï¼ˆãƒžãƒ¼ã‚¸ãƒ³ã®é•·ã•ï¼‰ã€€ï¼›ã€€ï½ ä½™ç™½ã®æŒ‡å®šÂ Â Â Â ï½›ã€€paddingã€€ï¼šã€€ï¼ˆä½™ç™½ã®é•·ã•ï¼‰ã€€ï¼›ã€€ï½ æž ã®æŒ‡å®šÂ Â Â Â Â Â Â ï½›ã€€borderã€€ï¼šã€€ï¼ˆç·šã®å¤ªã•ï¼‰ã€€ï¼ˆç·šã®ã‚¹ã‚¿ã‚¤ãƒ«ï¼‰ã€€ï¼ˆç·šã®è‰²ï¼‰ã€€ï¼›ã€€ï½ ï¼ˆä¾‹ï¼‰ãƒžãƒ¼ã‚¸ãƒ³å¹…30pxï¼ˆãƒ”ã‚¯ã‚»ãƒ«ï¼‰ã€ä½™ç™½20pxã€æž ã®å¤ªã•5pxï¼ˆèŒ¶ã®å®Ÿç·šï¼‰ã€èƒŒæ™¯è‰²ãƒ©ã‚¤ãƒˆã‚°ãƒªãƒ¼ãƒ³ã®ãƒœãƒƒã‚¯ã‚¹ã€‚ divÂ Â { marginÂ :Â 30pxÂ ; paddingÂ :Â 20pxÂ ; borderÂ :Â 5pxÂ solidÂ maroonÂ ; backgro
kakku22 2014/10/05
ä»Šã•ã‚‰ã“ã‚“ãªã®ã¯ã¦ãƒ–ã™ã‚‹åƒ•...ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãªã‚“ã§ã™...(è‡ªç²›w)

css
ãƒªãƒ³ã‚¯
CSS Message Boxes for different message types : Janko Jovanovic
Can you believe this: Few days ago I went to my bank to check my credit score with the Credit Bureau. The bank official typed in my personal data and sent a request. Web application responded by displaying a yellow message box with an exclamation icon saying that data processing is still in progress. He checked several more times, but he didn't notice that at one moment the message changed to "Acc
kakku22 2014/10/05
å‚è€ƒã«ãªã‚‹

css
ãƒªãƒ³ã‚¯
zen-coding - Set of plugins for HTML and CSS hi-speed coding - Google Project Hosting
Code Archive Skip to content Google About Google Privacy Terms
kakku22 2014/09/23
html

css

zen-coding

emmet
ãƒªãƒ³ã‚¯
æœ€è¿‘ã¯ã‚„ã‚Šã®ã¡ã‚‡ã£ã¨ã‚ªã‚·ãƒ£ãƒ¬ãªNotFoundãƒšãƒ¼ã‚¸ã‚’ä½œã£ã¦ã¿ãŸ - Qiita
ä¸–é–“çš„ã«ã¯ä¼‘æ—¥ãªã®ã«ä»•äº‹ã‚’ã—ã¦ã„ã‚‹ã¨ã€è„³ã®å‰µé€ çš„æ´»å‹•ã‚’å¸ã‚‹é ˜åŸŸãŒç ´å£Šã•ã‚Œã¦ã„ãã‚ˆã†ãªæ°—ãŒã—ã¦ã—ã¾ã„ã¾ã™ã€‚ ã‚ã‚‹æ—¥è¦‹ãŸWWFã®404ãƒšãƒ¼ã‚¸ã«æ„ŸéŠ˜ã‚’å—ã‘ã¦ã€ã„ã¤ã‹é¢ç™½ã„404ãƒšãƒ¼ã‚¸ã‚’ä½œã£ã¦ã¿ãŸã„ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ ã„ã„æ©Ÿä¼šãªã®ã¨ã€æ¯æŠœãã‚’å…¼ãã¦404 Not Foundãƒšãƒ¼ã‚¸ã‚’ã¡ã‚‡ã£ã¨ãƒ•ã‚¡ãƒ‹ãƒ¼ãªæ„Ÿã˜ã«ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ â€»æ³¨æ„ï¼šã“ã®æŠ•ç¨¿ã¯æŠ€è¡“çš„ã«ãŸã‚ã«ãªã‚‹ã‚ˆã†ãªã“ã¨ã¯æ®†ã©æ›¸ã„ã¦ã„ã¾ã›ã‚“ã€‚ ã©ã‚“ãªNot Foundãƒšãƒ¼ã‚¸ã‚’ä½œã£ãŸã®ï¼Ÿ èƒŒæ™¯ç”»åƒãŒãƒ©ãƒ³ãƒ€ãƒ ã§é¸æŠžã•ã‚Œã¾ã™ã€‚ èƒŒæ™¯ç”»åƒã«æ²¿ã£ãŸãƒ†ã‚ã‚¹ãƒˆãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã€Œ404 Not Foundã€ã®ãƒ†ã‚ã‚¹ãƒˆãŒãƒ©ãƒ³ãƒ€ãƒ ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ ãƒãƒ¼ãƒ‰æ™‚é–“ã¨ã‹ä¸€åˆ‡è€ƒæ…®ã—ã¦ã„ãªã„ ãƒ–ãƒ©ã‚¦ã‚¶äº’æ›ã‚‚å…¨ãæ°—ã«ã—ã¦ã„ãªã„chromã§è©¦ã—ãŸã ã‘ã€‚ ç´ æã‚„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã¤ã„ã¦ ã“ã®Not Foundãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹ã«ã‚ãŸã£ã¦ä»¥ä¸‹ã®ç´ æãƒ»ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™
kakku22 2013/12/18
é¢ç™½ã„ï¼

HTML

CSS
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸