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

morobitokozou id:morobitokozou

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

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

ã¤ã„ã«ã€Webã‚¢ãƒ—ãƒªã§ã®å¸³ç¥¨å°åˆ·ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã‚’ç·¨ã¿å‡ºã—ã¾ã—ãŸðŸ’¡
PHPã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ 2021 1é€±é–“å‰ã‚¤ãƒ™ãƒ³ãƒˆ ã€œ å¸°ã£ã¦ããŸPHPå‹‰å¼·ä¼š@æ±äº¬ ã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚ https://phpcon.connpass.com/event/224128/
morobitokozou 2021/09/25
HTML

CSS

Webåˆ¶ä½œ

PDF

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
æ–‡å—é¸æŠžå‡ºæ¥ãªã„ã‚µã‚¤ãƒˆã§æ–‡å—é¸æŠžå¯èƒ½ã«ã™ã‚‹ - æ°—ã«ãªã‚‹ã‚¬ã‚¸ã‚§ãƒƒãƒˆ
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§é¸æŠžä¸å¯ã«ã—ã¦ã„ã‚‹ Firefoxã®å ´åˆ ã‚¢ãƒ‰ã‚ªãƒ³ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ç‹¬è‡ªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®é©ç”¨ ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆ HTML ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆé©ç”¨å¾Œ Chromeã®å ´åˆ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§é¸æŠžä¸å¯ã«ã—ã¦ã„ã‚‹ ãƒãƒƒãƒˆã§èª¿ã¹ç‰©ã—ã¦ã¦ã€ã¡ã‚‡ã£ã¨ãƒ¡ãƒ¢ã‚’å–ã‚‹ã®ã«é¸æŠžã—ã¦ã‚³ãƒ”ãƒ¼ã—ã‚ˆã†ã¨æ€ã£ãŸã‚‰ã€æ–‡å—ã‚’é¸æŠžã§ããªã‹ã£ãŸã“ã¨ã¯ãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ ã‚ã‚ŒãŒæ„å¤–ã¨ã‚¤ãƒ©ãƒƒã¨ãã‚‹ã®ã§ã€è§£é™¤æ–¹æ³•ã‚’èª¿ã¹ã¾ã—ãŸã®ã§ã”ç´¹ä»‹ã—ã¾ã™ã€‚ æœ€åˆã¯JavaScriptã‚’ç„¡åŠ¹ã«ã™ã‚Œã°ã€æ–‡å—ã®é¸æŠžãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã‹ã¨æ€ã£ã¦ã„ãŸã®ã§ã™ãŒã€ä»¥ä¸‹ã®è¨˜è¿°ãŒã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã«è¨˜è¿°ã•ã‚Œã¦ã„ã‚‹ã¨é¸æŠžã§ããªããªã‚‹ã‚ˆã†ã§ã™ã€‚ user-select: none; -webkit-user-select: none; -webkit-user-drag: none; -moz-user-select: none;
morobitokozou 2021/04/17
.åŠ©ã‹ã£ãŸ

Firefox

ãƒ†ã‚ã‚¹ãƒˆ

é¸æŠž

ã‚¢ãƒ‰ã‚ªãƒ³

CSS
ãƒªãƒ³ã‚¯
:visitedã¨ä¸€ç·’ã«background-imageã¨ã‹ã¯ä½¿ãˆãªã„ã‚ˆã†ã«ãªã£ã¦ã‚‹ã‚ˆã€‚ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼ä¿è·ãŒç†ç”±ã€‚ï¼ˆCSS ãŠã‚ŒãŠã‚Œ Advent Calendar 2012 â€“ 15æ—¥ç›®ï¼‰ | Ginpen.com
è¨ªå•æ¸ˆã¿ãƒªãƒ³ã‚¯ã‚’ç¤ºã™ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã§ã™ã€‚ãªãŠæœªè¨ªå•ã®ãƒªãƒ³ã‚¯ã¯:linkã§å¾—ã‚‰ã‚Œã¾ã™ã€‚ ã„ãšã‚Œã‚‚ãƒªãƒ³ã‚¯ã‚’å‰æã¨ã—ã¦ã„ã‚‹ã®ã§ã€è¦ç´ aã®æŒ‡å®šã¯çœç•¥ã—ã¦å•é¡Œãªã„ã§ã—ã‚‡ã†ã€‚ èƒŒæ™¯ç”»åƒã‚’æŒ‡å®šã™ã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã™ã€‚èªã¿è¾¼ã¿ã«æ™‚é–“ãŒã‹ã‹ã‚‹å ´åˆã‚‚ã‚ã‚‹ã®ã§ã€background-colorã‚‚ä¸€ç·’ã«æŒ‡å®šã—ã¦ãŠãã¾ã—ã‚‡ã†ã€‚ï¼ˆã—ã¦ãªã„ã¨ã“å¤šã„ã‚“ã§ã™ã‚ˆãâ€¦â€¦ã€‚ï¼‰ background-positionã‚’ä½¿ã£ãŸCSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã¨ã„ã†æŠ€è¡“ã‚‚æœ‰åã§ã™ãã€‚ ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼æƒ…å ±æ¼æ´©ã®ä»•çµ„ã¿ ã•ã¦é–‘è©±ä¼‘é¡Œã€‚ã“ã®äºŒã¤ã‚’çµ„ã¿åˆã‚ã›ã¦æ‚ªç”¨ã™ã‚‹ã¨ã€ã€Œï¼ˆä»–ã‚µã‚¤ãƒˆã¸ã®ï¼‰è¨ªå•å±¥æ´ã€ã‚’å¾—ã‚‹äº‹ãŒå‡ºæ¥ã¦ã—ã¾ã„ã¾ã™ã€‚ background-imageãŒ:visitedã¨ä¸€ç·’ã«ä½¿ãˆã‚‹å ´åˆã‚’è€ƒãˆã¾ã™ã€‚ ã“ã®æ™‚ã«å•é¡Œã«ãªã‚‹ã®ãŒã€ã€Œç”»åƒã‚’èªã¿è¾¼ã‚€ã€ã¤ã¾ã‚Šã€Œç”»åƒã‚’ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒãƒ¼ã¸è¦æ±‚ã™ã‚‹ã€ã¨ã„ã†å½“ãŸã‚Šå‰ã®è¡Œç‚ºã§ã™ã€‚ è¦æ±‚ã‚’å—ã‘å–ã£ãŸã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒãƒ¼ã¯ã€è¦æ±‚ã—ã¦ã„ã‚‹ç”»åƒã®
morobitokozou 2018/05/27
CSS

ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼

JavaScript

Firefox
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã©ã®ã‚ˆã†ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã—ã¦ã„ã‚‹ã®ã‹ï¼Ÿ
By Fabio Lanari ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã¯HTMLãªã©ã§æ›¸ã‹ã‚ŒãŸæ–‡ç« ã‚’è§£é‡ˆã—ã€ãƒ†ã‚ã‚¹ãƒˆã‚„ç”»åƒã‚’é…ç½®ã™ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ãã®ãƒ†ã‚ã‚¹ãƒˆã‚„ç”»åƒãªã©ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã™ã‚‹ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã®ä»•çµ„ã¿ã‚’ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚»ãƒƒã‚·ãƒ§ãƒ³åˆ†æžã‚„UXæœ€é©åŒ–ã‚µãƒ¼ãƒ“ã‚¹ã‚’æä¾›ã—ã¦ã„ã‚‹SessionStackã®CEOã§ã‚ã‚‹Alexander Zlatkovæ°ãŒã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ How JavaScript works: the rendering engine and tips to optimize its performance https://blog.sessionstack.com/how-javascript-works-the-rendering-engine-and-tips-to-optimize-its-performance-7b95553baeda ãƒ–ãƒ©ã‚¦ã‚¶ã®ä¸»è¦ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«ã¯ã€Œ
morobitokozou 2018/03/23
Webãƒ–ãƒ©ã‚¦ã‚¶

ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°

JavaScript

HTML

CSS
ãƒªãƒ³ã‚¯
_blankãªãƒªãƒ³ã‚¯ã®ã‚«ãƒ¼ã‚½ãƒ«ã‚’å¤‰æ›´(userContent.css) - Fedora 39(ã¯ã¦ãª)
userContent.css ã‚’ä½¿ã£ã¦_blankãªãƒªãƒ³ã‚¯ã®ã‚«ãƒ¼ã‚½ãƒ«ã‚’å¤‰æ›´ã—ã¾ã™ã€‚ /home/hiroyuki/.mozilla/firefox/dpktw7xz.default/chrome/userContent-sample.css ãŒã‚ã‚‹ã®ã§ã€ ãƒ•ã‚¡ã‚¤ãƒ«åã‚’ã€userContent.css ã«å¤‰æ›´ã—ã¦ã€ ä¸€ç•ªä¸‹ã« a[target="_blank"] { cursor: alias !important; }ã‚’è¿½åŠ ã—ã¦Firefoxã‚’å†èµ·å‹•ã—ã¾ã™ã€‚ å‹•ä½œç¢ºèª Firefoxã‚’å†èµ·å‹•ã—ã¦ã€ã¯ã¦ãªã€€ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã¦ã„ã‚‹é–“ã€ã‚«ãƒ¼ã‚½ãƒ«ãŒå¤‰ã‚ã‚Šã¾ã™ã€‚ target="_blank" ã®ãƒžã‚¦ã‚¹ãƒã‚¤ãƒ³ã‚¿å¤‰æ›´ - memo hail2u.net - Weblog - Firefoxã®userContent.cssãƒã‚¿
morobitokozou 2017/02/16
Firefox

CSS

ã‚«ãƒ¼ã‚½ãƒ«

.åŠ©ã‹ã£ãŸ
ãƒªãƒ³ã‚¯
ã©ã‚“ã©ã‚“ä½œã‚ã†ã€‚ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§HTML5/JavaScript/CSS3ã®å®Ÿè¡Œç¢ºèªãŒã§ãã‚‹Webã‚µãƒ¼ãƒ“ã‚¹Ã—16é¸
ã©ã‚“ã©ã‚“ä½œã‚ã†ã€‚ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§HTML5/JavaScript/CSS3ã®å®Ÿè¡Œç¢ºèªãŒã§ãã‚‹Webã‚µãƒ¼ãƒ“ã‚¹Ã—16é¸ WebæŠ€è¡“ã®è‰¯ã„ã¨ã“ã‚ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã•ãˆã‚ã‚Œã°å®Ÿè¡Œç¢ºèªãŒã§ãã¦ã€ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã ã‘ã§ä½œã‚Œã¦ã—ã¾ã†æ‰€ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ã•ã‚‰ã«ä»Šå›žç´¹ä»‹ã™ã‚‹ã‚ˆã†ãªã‚µãƒ¼ãƒ“ã‚¹ã¯Webä¸Šã«HTML5/JavaScript/CSS3ã‚’ä¿å˜ã—ã¦å…±æœ‰ã§ãã‚‹ã®ã§ã€HTML5ã®æ–°ã—ã„APIã‚’è©¦ã™ã®ã«ä½¿ã£ãŸã‚Šã€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’æŠ«éœ²ã™ã‚‹ã®ã«ä½¿ãˆã¾ã™ã‚ˆã€‚ JSFiddle å¤šç¨®å¤šæ§˜ãªJavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®èªã¿è¾¼ã¿ã‚‚å¯èƒ½ã§ã€HTML/JavaScript/ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®è¨˜è¿°ãŒã§ãã¾ã™ã€‚ Create a new fiddle â€“ JSFiddle CodePen ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ç³»ã®æŠ•ç¨¿ã‚‚è‰¯ãè¦‹ã‹ã‘ã‚‹Webãƒ—ãƒ¬ã‚¤ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã§ã™ã€‚ CodePen â€“ Front End Developer Playground &
morobitokozou 2016/11/15
Webã‚µãƒ¼ãƒ“ã‚¹

ã‚¨ãƒ‡ã‚£ã‚¿

HTML

JavaScript

CSS
ãƒªãƒ³ã‚¯
Loading...
morobitokozou 2016/11/06
Stylish

Firefox

CSS

.åŠ©ã‹ã£ãŸ
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’è‡ªç”±ã«å¤‰ãˆã‚‰ã‚Œã‚‹userstyles.orgã®é…åŠ›ã¨å±é™ºæ€§
ã‚µãƒ¼ãƒ“ã‚¹ãŒå¥½ãã§è‰¯ãä½¿ã†ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ã‚‚ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¥½ãã˜ã‚ƒãªã„å ´åˆã£ã¦ã‚ã‚Šã¾ã™ã‚ˆãã€‚ãã‚“ãªæ™‚ã«ä¾¿åˆ©ãªã®ãŒã€Œusersyltes.org ã€ã§ã™ã€‚ ãŸã¨ãˆã°userstyles.orgè‡ªä½“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ã™ã”ãã¾ãã¾ãã§ã™ã‚ˆãã€‚ ãŸã¶ã‚“ã€ã‚ã–ã¨ãªã‚“ã§ã—ã‚‡ã†ã‘ã©w ã“ã‚Œã‚’ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®æ‹¡å¼µæ©Ÿèƒ½ã‚’å…¥ã‚Œã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é¸ã¶ã ã‘ã§ã€ä»¥ä¸‹ã®ã‚ˆã†ã«ç°¡å˜ã«å¤‰æ›´ã§ãã¾ã™ã€‚ ãŸã¨ãˆã°ã€Reddit ã‚„YouTube ã‚‚userstyles.orgã«è¡Œãã¨ãƒ¦ãƒ¼ã‚¶ãŒä½œã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ Redditã®å ´åˆ ã‚µã‚¤ãƒˆã‚„ã‚¹ã‚¿ã‚¤ãƒ«ã«ã‚ˆã‚Šã¾ã™ãŒã€Redditã®å ´åˆã¯åºƒå‘Šã®è¡¨ç¤ºãƒ»éžè¡¨ç¤ºã‚‚é¸æŠžã§ãã¾ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãŒä½œã£ãŸã¨æ€ã‚ã‚Œã‚‹550ç¨®é¡žã‚‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰é¸ã¹ã¾ã™ã€‚ è‡ªç”±ãªã‚¦ã‚§ãƒ–ã®é¢ç™½ã• ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£é¢ã‚„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®è¦‹ã›æ–¹ã‚’å¤‰ãˆã¦ã—ã¾ã†ã“ã¨ã§èµ·ã“ã‚‹å•é¡Œã‚’è€ƒãˆã‚‹ã¨å¿ƒé…ã§ã¯ã‚ã‚‹ã‚“ã§ã™ãŒã€ã“ã®è‡ªç”±ãªæ„Ÿã˜ãŒã‚¦ã‚§ãƒ–ã®æœ€å¤§ã®é…åŠ›ã¨ã„ã£
morobitokozou 2016/11/06
CSS

Firefox

Chrome

Stylish
ãƒªãƒ³ã‚¯
Loading...
morobitokozou 2016/10/11
Yahoo!ã‚·ãƒ§ãƒƒãƒ”ãƒ³ã‚°ã®Buyeeåºƒå‘Šæ¶ˆã—ãŸã£ãŸ

Firefox

ã‚¢ãƒ‰ã‚ªãƒ³

CSS

.åŠ©ã‹ã£ãŸ

Stylish
ãƒªãƒ³ã‚¯
â—†Yahoo!ãƒ‹ãƒ¥ãƒ¼ã‚¹
morobitokozou 2016/06/28
Stylish

CSS
ãƒªãƒ³ã‚¯
YouTubeã‚’åŸ‹ã‚è¾¼ã‚“ã§ã‚‚é‡ããªã‚‰ãªã„ã‚ˆã†ã«ã™ã‚‹æ–¹æ³•ãŒã‚ã£ã¡ã‚ƒè‰¯ã‹ã£ãŸ - SHIROMAG
Site will be available soon. Thank you for your patience!
morobitokozou 2016/05/22
å‹•ç”»

CSS
ãƒªãƒ³ã‚¯
[CSS]é«˜ã•ãŒåˆ†ã‹ã‚‰ãªã„è¦ç´ ã‚„ãƒ†ã‚ã‚¹ãƒˆã‚’ä¸å¤®å¯„ã›ã«é…ç½®ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚
ãƒ†ã‚ã‚¹ãƒˆã‚„divè¦ç´ ãªã©ã€é«˜ã•ãŒåˆ†ã‹ã‚‰ãªã„è¦ç´ ã‚’å¤–å´ã®å®¹å™¨ã®é«˜ã•ãŒä¸æ˜Žã§ã‚‚ã€ä¸Šä¸‹ãƒ»å·¦å³ãƒ»ä¸Šä¸‹å·¦å³ãƒ»ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã®ä¸Šä¸‹å·¦å³ã®ä¸å¤®å¯„ã›ã«é…ç½®ã™ã‚‹CSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¤ãƒ©ã‚¹ãƒˆ: Girls Design Materials 2016å¹´1æœˆ12æ—¥ã«IEã®å¤ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ã‚µãƒãƒ¼ãƒˆãŒçµ‚äº†ã—ã€Windows 7/8ã¯IE11ã€Vistaã¯IE9ãŒã‚µãƒãƒ¼ãƒˆãƒ–ãƒ©ã‚¦ã‚¶ã«ãªã‚Šã¾ã—ãŸã€‚Vistaã¯ã‚¢ãƒ¬ãªã®ã§ã€å®Ÿè³ªIE11ã‚’è€ƒãˆã¦Webåˆ¶ä½œã‚’ã™ã‚Œã°ã‚ˆã„ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ å‚è€ƒ: Internet Explorer ã‚µãƒãƒ¼ãƒˆãƒãƒªã‚·ãƒ¼å¤‰æ›´ã®é‡è¦ãªãŠçŸ¥ã‚‰ã› ãã‚“ãªIE11æ™‚ä»£ã€ãã—ã¦ä¸‡ãŒä¸€ã®IE9ã‚’è€ƒæ…®ã—ãŸä¸å¤®å¯„ã›ã«é…ç½®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ†ã‚ã‚¹ãƒˆã‚„è¦ç´ ã‚’å·¦å³ã®ä¸å¤®å¯„ã›ã«é…ç½® ãƒ†ã‚ã‚¹ãƒˆã‚„è¦ç´ ã‚’ä¸Šä¸‹ã®ä¸å¤®å¯„ã›ã«é…ç½® ãƒ†ã‚ã‚¹ãƒˆã‚„è¦ç´ ã‚’ä¸Šä¸‹å·¦å³ã®ä¸å¤®å¯„ã›ã«é…ç½® ãƒ†ã‚ã‚¹ãƒˆã‚„è¦ç´ ã‚’ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã®ä¸Šä¸‹å·¦å³ã®ä¸å¤®å¯„ã›
morobitokozou 2016/01/21
CSS
ãƒªãƒ³ã‚¯
CSSï¼š widthãªã©ã®æ•°å€¤ã‚’è‡ªå‹•è¨ˆç®—ã—ã¦ãã‚Œã‚‹ç¥žæ©Ÿèƒ½ã€Œcalcã€
ã“ã‚“ã«ã¡ã¯ã€ã•ã¡ ã§ã™ã€‚ CSS ã«ã¯ã€Œmarginã€ã€Œpaddingã€ã€Œwidthã€ã€Œheightã€ãªã©ã€æ•°å€¤ã‚’æŒ‡å®šã™ã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚ ãŸã ã€ã‚µã‚¤ãƒˆã®æ§‹é€ ãŒè¤‡é›‘ã«ãªã‚‹ã¨å›ºå®šã®æ•°å€¤ã‚’æŒ‡å®šã™ã‚‹ã ã‘ã§ã¯è¶³ã‚Šãªã„å ´é¢ã‚‚ã‚ã‚Šã€æ•°å€¤ã‚’è‡ªå‹•ç®—å‡ºã—ã¦æ¬²ã—ã„ã¨æ€ã†ã“ã¨ãŒâ€¦ã€‚ ãã‚“ãªã¨ãã«è¶…ä¾¿åˆ©ãªã®ãŒã€Œcalcã€ã§ã™ã€‚ã€Œcalcã€ã¯ CSSï¼ˆCSS3ï¼‰ ã®æ¨™æº–æ©Ÿèƒ½ãªã®ã§å‰æº–å‚™ã¯ä¸è¦ã€‚ä»Šã™ãä½¿ãˆã¾ã™ã€‚ ã€Œcalcã€ã§å¼ã‚’æ›¸ã‘ã°æ•°å€¤ã‚’è¨ˆç®—ã—ã¦ãã‚Œã‚‹ ã€Œcalcã€ã¯ CSSï¼ˆCSS3ï¼‰ ã«æ¨™æº–ã§å‚™ã‚ã£ã¦ã„ã‚‹æ©Ÿèƒ½ã§ã€è¨ˆç®—å¼ã‚’æ›¸ãã¨ãã‚Œã‚’è‡ªå‹•è¨ˆç®—ã—ã¦ãã‚Œã¾ã™ã€‚ ä¾‹ãˆã°ã€ã€Œwidthã€ã®å€¤ã‚’ã“ã†æ›¸ã‘ã°è‡ªå‹•çš„ã«ã€Œ33.3333â€¦%ã€ã¨è¨ˆç®—ã—ã¦ãã‚Œã¾ã™ã€‚å‰²ã‚Šåˆ‡ã‚Œãªã„æ•°ã‚’æŒ‡å®šã™ã‚‹ã®ãŒç°¡å˜ã«ãªã‚Šã¾ã™ãã€‚ .OneThird { width: calc(100% / 3); /* =33.3333â€¦% */ fl
morobitokozou 2015/12/25
CSS
ãƒªãƒ³ã‚¯
ã¾ã ä¸å¤®å¯„ã›ã§æ¶ˆè€—ã—ã¦ã‚‹ã®ï¼Ÿ - @yoshiko_pg
morobitokozou 2015/12/16
CSS
ãƒªãƒ³ã‚¯
ãã‚ãã‚çœŸé¢ç›®ã«ã€HTMLã§å¸³ç¥¨ã‚’æãè©±ã‚’ã—ã‚ˆã†ã‹ - Qiita
å¸³ç¥¨ã¨ã„ãˆã°PDFã¨ã—ã¦ç”Ÿæˆã™ã‚‹ã®ãŒä¸€èˆ¬çš„ã§ã—ã‚‡ã†ã‹? ã§ã‚‚ã€2015å¹´ã®ä»Šã€ã‚ãˆã¦HTMLã§æãã®ãŒãƒ›ãƒƒãƒˆã§ã™(å€‹äººçš„ã«)ã€‚ãƒŸãƒªå˜ä½ã§è¨å®šã•ã‚ŒãŸé«˜åº¦ãªå¸³ç¥¨ã‚‚ã€CSSã‚’é§†ä½¿ã—ã¦ç°¡å˜ã«ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ã§ã‚‚ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã‚’é¸æŠžã™ã‚‹ã“ã¨ãŒå¢—ãˆã€@pageãªã©ã‚‚ç©æ¥µçš„ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸã“ã¨ã€SPA(Single Page Application)ã®å°é ã€ã„ã‚ã„ã‚ã¨æ¡ä»¶ãŒæƒã£ã¦ãã¾ã—ãŸã€‚ æ›¸ã„ã¦ãŸã‚‰çµæ§‹é•·ããªã£ã¡ã‚ƒã£ãŸã®ã§ã€ã•ãã£ã¨ã‚³ãƒ¼ãƒ‰ã ã‘è¦‹ãŸã„æ–¹ã¯ã€Paper CSSãƒªãƒã‚¸ãƒˆãƒªã‚’ã©ã†ãžã€‚ ã¯ã˜ã‚ã« HTMLå¸³ç¥¨ã®ãƒ¡ãƒªãƒƒãƒˆ 2015å¹´ç¾åœ¨ã€HTMLå¸³ç¥¨ã‚’é¸æŠžã™ã‚‹å¹¾ã¤ã‹ã®ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚Šã¾ã™ã€‚ ãƒ©ã‚¤ãƒ–ãƒªãƒãƒ¼ãƒ‰ã§ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãªã‚¹ã‚¿ã‚¤ãƒ«èª¿æ•´ ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã§ã¯ãªããƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ç”Ÿæˆã§ãã‚‹ å‰è€…ã¯ã€gulpã‚„Gruntã®æ™®åŠã§ã€CSSã«ã—ã‚HTMLã«ã—ã‚ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã§ãã‚‹ç’°
morobitokozou 2015/10/05
HTML

CSS
ãƒªãƒ³ã‚¯
GoogleãŒæŽ¨è–¦ã™ã‚‹HTMLã¨CSSã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ–¹æ³•
2012å¹´7æœˆ12æ—¥ã®Google ã‚¦ã‚§ãƒ–ãƒžã‚¹ã‚¿ãƒ¼å‘ã‘å…¬å¼ãƒ–ãƒã‚°ã®è¨˜äº‹ã€ŒHTML ã¨ CSS ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ã§ç´¹ä»‹ã•ã‚Œã¦ã„ãŸã€ŒGoogle HTML/CSS Style Guideã€ã«æ›¸ã„ã¦ã‚ã‚‹ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ–¹æ³•ã¨æ„Ÿæƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Google HTML/CSS Style Guideã®æ—¥æœ¬èªžç¿»è¨³ Google HTML/CSS Style Guideã¯è‹±èªžãªã®ã§Google Chromeã§ç¿»è¨³ã—ã¦ç¢ºèªã—ã¦ã„ãŸã‚“ã§ã™ãŒã€ã™ã§ã«ç¿»è¨³ã—ã¦ã‚ã‚‹ã‚µã‚¤ãƒˆãŒã‚ã£ãŸã®ã§ã“ã¡ã‚‰ã‚‚å‚è€ƒã«ä¸¡æ–¹ã‚’è¦‹ã¦ç¢ºèªã—ã¦ã„ãã¾ã—ãŸã€‚ Google HTML/CSS Style Guideã‚’ç¿»è¨³ã—ã¦ã‚ã‚‹è¨˜äº‹ã€ŒGoogle HTML/CSS Style Guideã€ã‚’é©å½“ã«å’Œè¨³ã—ã¦ã¿ãŸã¯ã€ã‹ãªã‚ŠåŠ©ã‹ã‚Šå‚è€ƒã«ãªã‚Šã¾ã—ãŸã€‚ ãã‚Œã§ã¯Google HTML/CSS Style Guideã«æ›¸ã„ã¦ã‚ã‚‹HTMLã¨CSSã®ã‚³
morobitokozou 2015/08/01
Google

CSS

HTML
ãƒªãƒ³ã‚¯
ãƒ—ãƒã‚°ãƒ©ãƒ çµ„ã‚“ã ã‚‰è² ã‘ï¼å®Ÿã¯HTML/CSSã ã‘ã§ã§ãã‚‹ã“ã¨2015å¤
2. 2015 Yusuke Hirao, CC BY-ND. è‡ªå·±ç´¹ä»‹ å¹³å°¾å„ªå…¸ï¼ˆã²ã‚‰ãŠ ã‚†ã†ã¦ã‚“ï¼‰ === æ ªå¼ä¼šç¤¾ãƒ‡ã‚£ãƒ¼ã‚¼ãƒ Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ ## ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£æ´»å‹• - ç¦å²¡ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‹ã®ä¼š Fukuoka Frontend Frogs - ç¦å²¡ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—å‹‰å¼·ä¼š - baserCMSãƒ¦ãƒ¼ã‚¶ãƒ¼ä¼š Yusuke Hirao @cloud10designs 3. 2015 Yusuke Hirao, CC BY-ND. è‡ªå·±ç´¹ä»‹ ## ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ç´¹ä»‹ ### ç¦å²¡ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‹ã®ä¼š Fukuoka Frontend Frogs ### ç¦å²¡ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—å‹‰å¼·ä¼š ### baserCMSãƒ¦ãƒ¼ã‚¶ãƒ¼ä¼š ã€Œäº•ã®ä¸ã®è›™ã€ã«ã¯ãªã‚‰ãªã„ã‚ˆã†ã«ã¨é›†ã¾ã£ãŸ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã€‚ Webã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ»ã‚¢ãƒ—ãƒªé–‹ç™ºã®æ‚©ã‚ã‚‹è›™ãŸã¡ãŒ ãã®å ´ã§è©±é¡Œã‚’æ±ºã‚ã¦ã€ã‚¢ãƒ³ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹å½¢å¼ã§
morobitokozou 2015/07/26
ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

HTML

CSS
ãƒªãƒ³ã‚¯
ã€ŒGreasemonkey ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¹ã‚¯ãƒªãƒ—ãƒˆè¨å®šã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã€ã®ãƒªã‚¹ãƒˆé ˜åŸŸã®é«˜ã•ã‚’ä¸‹ã’ã‚‹ - Firefox userChrome.js greasemonkeyã‚¹ã‚¯ãƒªãƒ—ãƒˆï½½ï¾š30Â©2ch.net
morobitokozou 2015/07/19
Firefox

Greasemonkey

2ch

.åŠ©ã‹ã£ãŸ

CSS
ãƒªãƒ³ã‚¯
AniCollection - The easiest way to find, use and share CSS3 animations.
The easiest way to find, use and share CSS3 animations.
morobitokozou 2015/03/31
CSS
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ å‘¨ã‚Šã§è¦šãˆã¦ãŠãã¨ä¾¿åˆ©ãªCSS Snippets - NxWorld
ãƒ•ã‚©ãƒ¼ãƒ å‘¨ã‚Šã§CSSã‚’ä½¿ã£ã¦ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã—ã¦ã„ãéš›ã«ã€å€‹äººçš„ã«ã‚ˆãã©å¿˜ã‚Œã—ã¦ã—ã¾ã†ã‚‚ã®ã‚„ä¾¿åˆ©ã ã¨æ€ã†ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚„ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ å…¨ä½“çš„ã«æ™®æ®µã‹ã‚‰CSSã‚’ã‚ˆãè§¦ã£ã¦ã„ã‚‹äººã«ã¨ã£ã¦ã¯ç‰¹åˆ¥ç›®æ–°ã—ã„ã‚‚ã®ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ãŒã€ã¾ã CSSã‚’è§¦ã‚Šå§‹ã‚ã¦é–“ã‚‚ãªã„æ–¹ã‚„ã“ã‚Œã‹ã‚‰CSSã‚’è§¦ã£ã¦ã¿ã‚ˆã†ã¨ã„ã†æ–¹ã¯è¦šãˆã¦ãŠãã¨ä¾¿åˆ©ã ã¨æ€ã†ã®ã‚‚ã„ãã¤ã‹ã‚ã‚‹ã®ã§å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ç´¹ä»‹ã—ã¦ã„ã‚‹å†…å®¹ã¯ãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆç‰¹ã«IE9ä»¥ä¸‹ï¼‰ã«ã‚ˆã£ã¦ã¯ä½¿ç”¨ã§ããªã„ã‚‚ã®ã‚„è¡¨ç¤ºç¢ºèªãŒã§ããªã„ã‚‚ã®ã‚‚ã„ãã¤ã‹å«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ å„è¦ç´ ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã‚’å‰Šé™¤ ãƒ•ã‚©ãƒ¼ãƒ ã§ä½¿ç”¨ã™ã‚‹inputã‚„textareaãªã©ã®è¦ç´ ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã‚„ãƒ‡ãƒã‚¤ã‚¹ã«ã‚ˆã£ã¦è¦‹ãŸç›®ã¯ç•°ãªã‚Šã¾ã™ãŒã€äºˆã‚ãƒœãƒ¼ãƒ€ãƒ¼ãƒ»ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»è§’ä¸¸ã¨ã„ã£ãŸã‚¹ã‚¿ã‚¤ãƒ«ãŒé©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ ç‰¹ã«ã“ã ã‚ã‚ŠãŒãªã‘ã‚Œã°ã“ã®ã¾ã¾ä½¿ç”¨ã—ãŸã‚Šã€å¤šå°‘æ‰‹ã‚’åŠ ãˆã‚‹ã ã‘ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ãŒã€ç•°ãªã‚‹ãƒ–ãƒ©ã‚¦
morobitokozou 2015/03/28
CSS

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 æ¬¡ã®ãƒšãƒ¼ã‚¸