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

JHashimoto id:JHashimoto

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

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

ç¾ä»£é–‹ç™ºè€…ã®ãŸã‚ã®CSSåŸºç¤ŽæŠ€è¡“ - Qiita
ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã«ãŠã‘ã‚‹ã€ç¾ä»£çš„ãªCSSã®åŸºç¤ŽæŠ€è¡“ã«ã¤ã„ã¦ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã¡ã¾ãŸã«ã¯ã€ŒCSSã¨ã¯ä½•ã‹ã€ã‚’å¦ã¶æ•™æã¯ãŸãã•ã‚“ã‚ã£ã¦ã‚‚ã€ã€ŒCSSã‚’ã©ã†ã‚„ã£ã¦ã†ã¾ãä½¿ã†ã‹ã€ã«ã¤ã„ã¦ã¯ã‚ã¾ã‚Šè©³ã—ãè§¦ã‚Œã‚‰ã‚Œã¾ã›ã‚“ã€‚ ä»•æ§˜ã‚’ãŸãã•ã‚“è¨˜æ†¶ã—ãŸã¨ã“ã‚ã§ã€ã„ã¤ã«ãªã£ã¦ã‚‚é–‹ç™ºåŠ›ã¯ã‚ãŒã‚‰ãªã„ã®ã§ã™ã€‚ æœ¬è¨˜äº‹ã¯ã€ŒCSSã‚’ã†ã¾ãä½¿ã†æŠ€è¡“ã€ã«ç„¦ç‚¹ã‚’ã‚ã¦ã¦ã€å®Ÿéš›ã«ç¾ä»£çš„ãªã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«æ±‚ã‚ã‚‰ã‚Œã‚‹ãƒ¬ãƒ™ãƒ«ã®CSSã‚’æ›¸ããŸã‚ã®çŸ¥è˜ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ç‰¹ã« ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°çµŒé¨“ã¯ã‚ã‚‹ã‚‚ã®ã®ã‚¦ã‚§ãƒ–ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®çµŒé¨“ãŒæµ…ã„æ–¹ åˆç´šãƒ¬ãƒ™ãƒ«ã®CSSã¯ã‚ã‚‹ç¨‹åº¦ç†è§£ã—ãŸã‚‚ã®ã®ã€æ¬¡ã«ã©ã†ã—ãŸã‚‰ã„ã„ã‹ã‚ã‹ã‚‰ãªã„æ–¹ ã«ãŠå‹§ã‚ã§ã™ã€‚ ãƒ—ãƒãƒãƒ¼ã‚° CSSã®æ›¸ãæ–¹ã¯ä¸€é€šã‚Šã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ å¥½ããªæ›¸ãæ–¹ã‚’è‡ªç”±ã«é¸ã¶ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã‚Œã¯ä¸€è¦‹ã™ã‚‹ã¨è‰¯ã„ã“ã¨ã§ã™ãŒã€è£ã‚’è¿”ã™ã¨æœ€é©ã§ã¯ãªã„æ›¸ãæ–¹ãŒãŸãã•ã‚“ã‚ã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã€‚ ã“ã®å ´ã«ãŠã„ã¦
JHashimoto 2020/07/06
CSS
ãƒªãƒ³ã‚¯
Updating a CSS Variable with JavaScript | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways â€” start your free trial today. Hereâ€™s a CSS variable (formally called a â€œCSS custom propertyâ€œ): :root { --mouse-x: 0px; --mouse-y: 0px; } Perhaps you use them to set a position: .mover { left: var(--mouse-x); top: var(--mouse-y); } To update those values from JavaScript, youâ€™d: let root = document.documentElement; root.addEventL
JHashimoto 2018/09/14
CSS
ãƒªãƒ³ã‚¯
CSSã¯ã‚‚ã†æ–°ç¨®ã®JavaScript
ã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ã‚·ãƒ– HTMLï¼‹CSSï¼†JavaScriptï¼ˆç´¹ä»‹è¨˜äº‹ï¼‰ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ï¼ˆç´¹ä»‹è¨˜äº‹ï¼‰ã®è‘—è€…ãƒ˜ã‚¤ãƒ‰ãƒ³ãƒ»ãƒ”ã‚«ãƒªãƒ³ã‚°æ°ã®è¨˜äº‹ãŒèˆˆå‘³æ·±ã‹ã£ãŸã®ã§ã€ç´¹ä»‹ã—ã¾ã™ã€‚ CSS: A New Kind Of JavaScript ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ JavaScriptã§ã®ã‚¹ã‚¿ã‚¤ãƒ« CSS æœ€å¾Œã« JavaScriptã§ã®ã‚¹ã‚¿ã‚¤ãƒ« Webåˆ¶ä½œã«æºã‚ã£ã¦ã„ã‚‹äººã¯ã€2ã¤ã®è£œå®Œçš„ãªãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã«è©³ã—ã„ã¨æ€ã„ã¾ã™ã€‚1ã¤ã¯æ–‡ç« ã¨ãã®æ§‹é€ ã®ãŸã‚ã®HTMLã€ã‚‚ã†1ã¤ã¯ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã¨ã‚¹ã‚¿ã‚¤ãƒ«ã™ã‚‹ãŸã‚ã®JavaScriptã§ã™ã€‚ JavaScriptã§ã‚¹ã‚¿ã‚¤ãƒ«ï¼Ÿã¨æ€ã£ãŸã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ãã†ã§ã™ã€ã‚ã‚‰ã‚†ã‚‹DOMã«ãŠã‘ã‚‹ãƒŽãƒ¼ãƒ‰ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹JavaScriptã®styleãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ã“ã¨ã§ã™ã€‚
JHashimoto 2018/07/26
CSS
ãƒªãƒ³ã‚¯
ã€Œå‡ºä¼šãˆãŸã“ã¨ã«æ„Ÿè¬ã—ãŸã„CSSãƒ™ã‚¹ãƒˆ3ã€ã¾ã¨ã‚
ã‚¹ãƒ€æ° @sudarexyz å‡ºä¼šãˆãŸã“ã¨ã«æ„Ÿè¬ã—ãŸã„CSSãƒ™ã‚¹ãƒˆ3 1ä½ display: flex; 2ä½ box-sizing: border-box; 3ä½ height: 100vh; 2018-04-07 21:44:27 ã‚¹ãƒ€æ° @sudarexyz justify-content: space-between; align-it ems: center; ã“ã®è¾ºã‚‚å…¥ã‚ŒãŸã‹ã£ãŸã‘ã©å…¨éƒ¨FlexBoxé–¢ä¿‚ã«ãªã£ã¡ã‚ƒã†ã—ã€ãƒ©ãƒ³ã‚ãƒ³ã‚°ã¯ä»Šç€æ‰‹ã—ã¦ã„ã‚‹æ¡ˆä»¶ã«å¼·ãä¾å˜ã—ã¦ã‚‹ã€‚ ä»–ã®äººã®ã‚‚è¦‹ã¦ã¿ãŸã„ã€‚ #å‡ºä¼šãˆãŸã“ã¨ã«æ„Ÿè¬ã—ãŸã„CSSãƒ™ã‚¹ãƒˆ3 2018-04-07 22:02:07
JHashimoto 2018/06/25
CSS
ãƒªãƒ³ã‚¯
AdminLTE 2 | Dashboard
Support Team 5 mins Why not buy a new awesome theme?
JHashimoto 2017/10/25
CSS

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
ãŸã£ãŸã®3ã‚¹ãƒ†ãƒƒãƒ—ã§ãƒœã‚¿ãƒ³ä½œæˆï¼ãƒ—ãƒ¬ãƒ‡ã‚¶ã‚¤ãƒ³CSSã€ŒButns.cssã€ã®ä½¿ã„æ–¹
é€šå¸¸ã€CSSã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã¯ã€ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„ãƒ•ã‚©ãƒ¼ãƒ ãªã©ã®ä¸€é€£ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ãƒ³ã‚°ã•ã‚Œã¦ã„ã¾ã™ãŒã€ãƒœã‚¿ãƒ³ã«é–¢ã—ã¦ã¯ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ãŒãã‚Œã»ã©é«˜ããªã„ã®ãŒç¾çŠ¶ã§ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³æ€§ã®é«˜ã„ãƒœã‚¿ãƒ³ã‚’ä½œã‚ŠãŸã„æ™‚ã«ä¾¿åˆ©ãªã®ãŒ*ã€ŒButns.cssã€*ã§ã™ã€‚ ä»Šå›žã¯ã€ãƒœã‚¿ãƒ³ä½œæˆã«ç‰¹åŒ–ã—ãŸ*ãƒ—ãƒ¬ãƒ‡ã‚¶ã‚¤ãƒ³CSSã€ŒButns.cssã€*ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã€ŒButns.cssã€ã‚’ä½¿ã†ã¨ã€ãƒ•ãƒ©ãƒƒãƒˆã§ã‚·ãƒ³ãƒ—ãƒ«ã€ãã—ã¦ã‚«ãƒ©ãƒ•ãƒ«ãªãƒœã‚¿ãƒ³ã‚’ç°¡å˜ã«ä½œæˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Butns.cssã¨ã¯ï¼Ÿ Butns.cssã¨ã¯ã€ãƒœã‚¿ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã«ç‰¹åŒ–ã—ãŸCSSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ä¸€èˆ¬çš„ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨é•ã„ã€Butns.cssã¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆè¦ç´ ãªã©ã‚’å«ã‚“ã§ã„ãªã„è»½é‡ãªCSSãƒ•ã‚¡ã‚¤ãƒ«ã«ãªã£ã¦ãŠã‚Šã€ãƒœã‚¿ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã«ç‰¹åŒ–ã—ã¦ã„ã‚‹ãŸã‚*ã€Œãƒ—ãƒ¬ãƒ‡ã‚¶ã‚¤ãƒ³CSSã€(Pre-designed CSS)*ã¨å‘¼ã°ã‚Œã‚‹ã“
JHashimoto 2017/03/20
CSS

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
JavaScript / CSS ãƒ•ã‚¡ã‚¤ãƒ«ã®è‡ªå‹•ç¸®å°ãƒ»çµåˆå‡¦ç†: ASP.NET MVC 4 æ–°æ©Ÿèƒ½ã‚·ãƒªãƒ¼ã‚º
ä»Šå›žã¯ã€ASP.NET MVC 4 / ASP.NET 4.5 æ–°æ©Ÿèƒ½ã® JavaScript / CSS ãƒ•ã‚¡ã‚¤ãƒ«ã®è‡ªå‹•ç¸®å°ãƒ»çµåˆå‡¦ç†ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ â—† æ¦‚è¦ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã«ãŠã‘ã‚‹ JavaScript ã‚„ CSS ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒãƒ¼ãƒ‰æ™‚ã®ãƒšã‚¤ãƒãƒ¼ãƒ‰å‰Šæ¸›ã¨ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹å‘ä¸Šã®ãŸã‚ã«ã€JavaScript ã‚„ CSS ãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¹ãƒšãƒ¼ã‚¹ã‚„æ”¹è¡Œã®å‰Šé™¤ï¼ˆç¸®å°åŒ–ï¼‰ã¨ã€è¤‡æ•°ãƒ•ã‚¡ã‚¤ãƒ«ã®çµåˆï¼ˆå˜ä¸€ãƒ•ã‚¡ã‚¤ãƒ«åŒ–ï¼‰ã‚’è‡ªå‹•ã§ãŠã“ãªã†ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ASP.NET MVC 4 Beta ã® Internet Application ãªã©ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§ã¯ã€JavaScript ã‚„ CSS ãƒ•ã‚¡ã‚¤ãƒ«ã®ç¸®å°åŒ–ã¨çµåˆå‡¦ç†ãŒçµ„ã¿è¾¼ã¾ã‚Œã¦ã„ã¾ã™ã€‚ä¸‹è¨˜ã¯ Internet Application ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã® _Layout.cshtml ã® head è¦ç´ å†…ã®è¨˜è¿°ã§ã™ã€‚ 1: <head> 2
JHashimoto 2016/07/23
CSS

ASP.NET
ãƒªãƒ³ã‚¯
StyleDocco
StyleDocco generates documentation and style guide documents from your stylesheets. Stylesheet comments will be parsed through Markdown and displayed in a generated HTML document. You can write HTML code prefixed with 4 spaces or between code fences (```) in your comments, and StyleDocco shows a preview with the styles applied, and displays the example HTML code. The previews are rendered in resiz
JHashimoto 2016/07/10
"StyleDocco generates documentation and style guide documents from your stylesheets."

CSS

ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰
ãƒªãƒ³ã‚¯
aigis - Style Guide Generator
Ai gis is a style guide generator. Make easier and maintainable. View on GitHub What is ai gis? Ai gis is a Node.js package that parses comments in your CSS and auto-generate a style guide. It is similar to Hologram , like a Node.js implementation of Hologram. Why did we create ai gis? We didn't want the dependence on Ruby environment only to generate a style guide. Less dependencies is better. So we
JHashimoto 2016/07/10
CSS

ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰
ãƒªãƒ³ã‚¯
hologramã§ã‚«ã‚¹ã‚¿ãƒ ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ | CodeGrid
hologramã¨ã„ã†Rubyãƒ™ãƒ¼ã‚¹ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã‚’è§£èª¬ã—ã¾ã™ã€‚ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‹ã‚‰åŸºæœ¬çš„ãªä½¿ã„æ–¹ã€ç´°ã‹ãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ–¹æ³•ã¾ã§ã‚’ç´¹ä»‹ã—ã€ä¸€é€šã‚Šä½¿ã„ã“ãªã›ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚
JHashimoto 2016/07/10
CSS

ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰
ãƒªãƒ³ã‚¯
ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã® KSS ãŒè‰¯ã•ãã† - text.ykhs.org
KSS ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã§ã™ã€‚ Github ã®ä¸ã®äººã€Kyle Neath æ°ã‚’ä¸å¿ƒã«é–‹ç™ºã•ã‚Œã¦ã„ã¦ã€Github è‡ªä½“ã«ã‚‚ä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ æ™®æ®µã¯ SCSS ã§ä½¿ã£ã¦ã„ã¾ã™ãŒã€CSS, SCSS, LESS ã¨ã„ã£ãŸå½¢å¼ã«å¯¾å¿œã—ã¦ã„ã‚‹ãã†ã§ã™ã€‚ KSS Â· Knyle Style Sheets http://warpspire.com/kss/ Ruby è£½ã®ãƒ„ãƒ¼ãƒ«ã§ Rails ã‚„ Sinatra ã«çµ„ã¿è¾¼ã‚“ã§ä½¿ç”¨ã—ã¾ã™ã€‚ ãã—ã¦ Github ã®ãƒªãƒã‚¸ãƒˆãƒªã«ã¯ Sinatra ã§å‹•ã‹ã™å ´åˆã®ã‚µãƒ³ãƒ—ãƒ«ã‚‚å«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ kss/example at master Â· kneath/kss Â· GitHub https://github.com/kneath/kss/tree/master/example ä¸Šè¨˜ã‚µãƒ³ãƒ—ãƒ«ã® views ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’è¦‹ã¦ã‚‚ã‚ã‹ã‚‹ã‚ˆã†ã« vie
JHashimoto 2016/07/10
â€œã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã£ã¦ã„ã†ã®ã¯ CSS ã§ä½œã£ãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚’ä¸€è¦§ã—ã¦ç¢ºèªå‡ºæ¥ã‚‹ã‚ˆã†ã«ã—ãŸä¸€ç¨®ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã§ã€â€

CSS

ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰
ãƒªãƒ³ã‚¯
ã¾ã ä¸å¤®å¯„ã›ã§æ¶ˆè€—ã—ã¦ã‚‹ã®ï¼Ÿ - @yoshiko_pg
JHashimoto 2015/12/17
CSS
ãƒªãƒ³ã‚¯
OOCSSã®è¨è¨ˆæ€æƒ³ã‚’å‚è€ƒã«ã—ãŸã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’ä½œã£ã¦ã¿ãŸ - Qiita
ä¼šç¤¾ã‚„ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã§ç‰¹ã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ãŒæ±ºã‚ã‚Œã¦ãªã‹ã£ãŸã‚Šã€ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã ã‘ã©çµæ§‹å¥½ãå‹æ‰‹ã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã„ã‚‹ã€ãªã‚“ã¦æ™‚ã«1ã¤ã®æŒ‡é‡ã«ã§ãã‚‹ã‚ˆã†ãªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ã¾ãŸã€Compass+SCSSè¨˜æ³•ã‚’ä½¿ç”¨ã™ã‚‹å ´åˆã¯BEMï¼ˆMindB EMdingï¼‰ã‚’ä½¿ã£ãŸæ–¹ãŒè‰¯ã„ã¨ã¯æ€ã†ã‘ã©ã€è¤‡æ•°äººãªã©ã®ãƒãƒ¼ãƒ ã§åˆã‚ã¦å°Žå…¥ã™ã‚‹æ™‚ã¯å°‘ã—æ•·å±…ãŒé«˜ã„æ°—ãŒã™ã‚‹ã®ã§ã€å‘½åè¦å‰‡ã«é–¢ã—ã¦ã¯OOCSSã€ç•¥èªžã¯MCSSã®æ€æƒ³ã«åŸºã¥ãã“ã¨ã¨ã—ã¾ã™ã€‚ å‰æ ä¸Šè¨˜ã§æ›¸ã„ãŸã‚ˆã†ã«æœ¬æ¥ã¯BEMã‚‹ã®ãŒãƒ™ã‚¹ãƒˆã ã‘ã©ã‚ãã¾ã§BEMã‚‰ãªã„æ™‚ã«ä½¿ã†ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã§ã™ã€‚ è¨˜è¿°ã«é–¢ã—ã¦çµæ§‹å½“ãŸã‚Šå‰ã¨ã—ã¦ã„ã‚‹ã¨ã“ã‚ã¯ã™ã£é£›ã°ã—ã¾ã™ã€‚ï¼ˆCSSã§ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¨ãƒãƒªãƒ¥ãƒ¼ã®é–“ã¯ç©ºã‘ã‚‹ã€ã¨ã‹ï¼‰ æ€æƒ³ã ã‘ã˜ã‚ƒè¶³ã‚Šãªã„ãƒ«ãƒ¼ãƒ«ã¯ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã«READEME.mdãªã©ã«ãƒ«ãƒ¼ãƒ«ã‚’è¨˜è¼‰ã—ã¦ãŠãã¨è‰¯ã„ã¨æ€ã„ã¾ã™ã€‚ è¨€ã‚ãšã‚‚ãŒãªæ—¢
JHashimoto 2015/12/07
HTML

CSS

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ«ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
Sassç‰ˆanimate.cssã§ç°¡å˜ãƒ»ä¾¿åˆ©ã«é«˜å“è³ªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ - Qiita
#ã¯ã˜ã‚ã« animate.cssã¯è‰²ã€…ãªcssã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç°¡å˜ã«å°Žå…¥ã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ã‚ã‚‰ã‹ã˜ã‚æ±ºã¾ã£ãŸclassåã‚’htmlè¦ç´ ã«ä»˜ä¸Žã™ã‚‹ã“ã¨ã§ã€é«˜å“è³ªã§é¢ç™½ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå†ç¾ã§ãã¾ã™ã€‚ ãã‚“ãªanimate.cssã‚’Sassç‰ˆã¨ã—ã¦ç§»æ¤ã—ã€ã‚ˆã‚ŠæŸ”è»Ÿã«ä½¿ãˆã‚‹ã‚ˆã†ã«ã—ãŸ**animate.scss**ã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’è¦‹ã¤ã‘ã¾ã—ãŸã€‚æ—¢ã«Sass(Scss)ãƒ™ãƒ¼ã‚¹ã§ã®é–‹ç™ºãŒä¸»ã¨ãªã£ã¦ã„ã‚‹è‡ªåˆ†ã«ã¨ã£ã¦ã€ã“ã‚Œã¯ä¾¿åˆ©ãã†ã ã¨æ€ã„ä½¿ã„æ–¹ãªã©ã‚’ãƒ¡ãƒ¢ã—ã¾ã—ãŸã€‚ä½•ã‹ã®å‚è€ƒã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ ãªãŠanimate.cssã‚’ãã¡ã‚“ã¨ä½¿ã£ãŸã“ã¨ãŒç„¡ã‹ã£ãŸãŸã‚ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å‹•ä½œãŒåˆ†ã‹ã‚‹ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã‚’ä½œã‚Šã¾ã—ãŸã€‚ [è‡ªä½œã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸] http://nekoneko-wanwan.github.io/demo/animate-sass/ (ã‚¤ãƒ¡ãƒ¼ã‚¸) ##æ³¨æ„äº‹é …!! ãŠãã‚‰ãanimate.c
JHashimoto 2015/11/23
â€œanimate.cssã¯è‰²ã€…ãªcssã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç°¡å˜ã«å°Žå…¥ã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ã‚ã‚‰ã‹ã˜ã‚æ±ºã¾ã£ãŸclassåã‚’htmlè¦ç´ ã«ä»˜ä¸Žã™ã‚‹ã“ã¨ã§ã€é«˜å“è³ªã§é¢ç™½ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå†ç¾ã§ãã¾ã™ã€‚â€

CSS

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
[CSS]ã“ã‚Œã¯ã‚¹ã‚´ã‚¤ãžï¼å†™çœŸã®ä»•ä¸ŠãŒã‚Šã‚’ã‚¤ãƒ³ã‚¹ã‚¿ã‚°ãƒ©ãƒ é¢¨ã«ã‹ã£ã“ã‚ˆãã€ã‹ã‚ã„ãã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -CSSgram
å†™çœŸã‚’ã‹ã‚ã„ãã™ã‚‹ã®ã«ã€ç‰¹åˆ¥ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¯å¿…è¦ãªããªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ æ™®é€šã®å†™çœŸã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ä¸€è¡Œè¿½åŠ ã™ã‚‹ã ã‘ã§ã€ã‚¤ãƒ³ã‚¹ã‚¿ã‚°ãƒ©ãƒ é¢¨ã«ã‹ã£ã“ã‚ˆãã€ãã—ã¦ã‹ã‚ã„ãä»•ä¸Šã’ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€ŒCSSgramã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
JHashimoto 2015/10/29
CSS
ãƒªãƒ³ã‚¯
input[type=file]ã‚’ã„ã„æ„Ÿã˜ã«ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
Styling & Customizing File Inputs the Smart Way | Codrops input[type=file]ã‚’ã„ã„æ„Ÿã˜ã«ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« æ¬¡ã®ã‚ˆã†ãªãƒ•ãƒ©ãƒƒãƒˆã§ãƒ¢ãƒ€ãƒ³ãªæ„Ÿã˜ã«ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒCodropsã§å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª è¶…ã‚«ãƒƒã‚³è‰¯ã„æ¤œç´¢ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï¼†ãƒ‡ãƒ¢ ãƒ—ãƒãƒ€ã‚¯ãƒˆã®ãƒ„ã‚¢ãƒ¼ã‚’jQueryã¨CSSã§å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« ç”»åƒãƒ›ãƒãƒ¼æ™‚ã®ã‚¯ãƒ¼ãƒ«ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆå®Ÿè£…ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚ˆã‚‹ã‚¯ãƒªãƒƒã‚¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å®Ÿè£…ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
JHashimoto 2015/10/12
CSS
ãƒªãƒ³ã‚¯
GitHub - OfficeDev/office-ui-fabric-core: The front-end CSS framework for building experiences for Office and Microsoft 365.
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
JHashimoto 2015/09/04
"The front-end framework for building experiences for Office 365."

CSS

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
ã€CSSã€‘imgç”»åƒã®ç¸¦æ¨ªæ¯”ã¯å…ƒã®ã¾ã¾ã€è¡¨ç¤ºã•ã›ãŸã„ãƒœãƒƒã‚¯ã‚¹ã‚µã‚¤ã‚ºã®å¤§ãã„æ–¹ã«åˆã‚ã›ã¦ç¸®å°ã—ã¦è¡¨ç¤ºã•ã›ã‚‹ã€‚ã¤ã„ã§ã«ä¸Šä¸‹å·¦å³ä¸å¤®å¯„ã›ã§ã€‚ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
JHashimoto 2015/08/22
CSS
ãƒªãƒ³ã‚¯
CSSã§ã‚‚ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ã‚’å®Ÿç¾ã™ã‚‹æ›¸ãæ–¹ - Qiita
è‹±èªžç‰ˆã¯ã“ã¡ã‚‰ã€‚ OOCSSã¨ã¯ç•°ãªã‚Šã€CSSã§ã¡ã‚ƒã‚“ã¨ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã®æ–¹æ³•ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ 0. ã¾ãšã€Œã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ã€ã¨ã¯ ã€Œã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ã€ã¯ITæ¥ç•Œã‚’æ”¯ãˆã¦ã„ã‚‹é‡è¦ãªãƒ‘ãƒ©ãƒ€ã‚¤ãƒ ã®ã²ã¨ã¤ã§ã€JavaScriptã‚’å«ã‚€æ§˜ã€…ãªãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã§ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã™ã€‚ç‰¹å¾´ã¨ã—ã¦ã¯ã€Œåž‹ã€ã‚„ã€Œã‚¯ãƒ©ã‚¹ã€ã¨ã„ã£ãŸé››å½¢ã‚’æŒã¡ã€é››å½¢ã‹ã‚‰ç”Ÿæˆã•ã‚ŒãŸã€Œã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã€ã¨ã‚¯ãƒ©ã‚¹ã¨ã‚’åŒºåˆ¥ã—ã¾ã™ã€‚ ã‚¯ãƒ©ã‚¹ã¨ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã¨ã‚’åŒºåˆ¥ã™ã‚‹ã“ã¨ã§ã€é•·æœŸçš„ã«ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã—ã‚„ã™ã„ãƒ—ãƒã‚°ãƒ©ãƒ ã«ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã‚¯ãƒ©ã‚¹ã‚’ä¿®æ£ã—ãŸã‚Šã€ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã«å¤‰æ›´ã‚’åŠ ãˆãŸã‚Šã€ãã‚Œãžã‚Œè‡ªç”±ã«æ‹¡å¼µã§ãã¾ã™ã€‚ ã“ã†ã„ã£ãŸã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ãƒ—ãƒã‚°ãƒ©ãƒ è¨€èªžï¼ˆOOPLï¼‰ã«å…±é€šã®ç‰¹å¾´ã¯ã€CSSã§ã¯è¦‹ã‚‰ã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚2008å¹´ã«OOCSSã¨ã„ã†æ‰‹æ³•ãŒç™»å ´ã—ãŸå¾Œã‚‚ã§ã™ã€‚ ãã‚Œã‚‚ä»Šæ—¥ã§ãŠçµ‚ã„ã§ã™ã€‚ã•ã£ããè¦‹ã¦ã„ãã¾ã—ã‚‡ã†ã€‚
JHashimoto 2015/08/13
CSS

ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘
ãƒªãƒ³ã‚¯
"height: 100%" ã®è¦ç´ ãŒç”»é¢ã®é«˜ã•100%ã«ãªã‚‰ãªã„å ´åˆã®å¯¾å¿œæ–¹æ³• - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
JHashimoto 2015/08/12
â€œã‚ã‚‹è¦ç´ ã®heightã«ç›¸å¯¾å€¤ï¼ˆ%ï¼‰ãŒæŒ‡å®šã•ã‚ŒãŸå ´åˆã€ãã®é«˜ã•ã¯åŒ…å«ãƒ–ãƒãƒƒã‚¯ã®é«˜ã•ã«å¯¾ã—ã¦è¨ˆç®—ã•ã‚Œã¾ã™ã€‚ â€

CSS
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 æ¬¡ã®ãƒšãƒ¼ã‚¸