[B! css] fujimognã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

fujimogn id:fujimogn

cssã«é–¢ã™ã‚‹fujimognã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (704)

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

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

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

{{#following_bookmarks}}

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

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

{{/following_bookmarks}}

{{/is_wiped}}

CSSã®ã¿ã§è¡¨ç¾OK äººæ°—ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„UIãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’é›†ã‚ãŸä¾¿åˆ©ãƒ©ã‚¤ãƒ–ãƒ©ãƒª CSS Layout
ä¾å˜æ€§ãªã—ã§ã€ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚‚å¿…è¦ãªã—ã€‚ CSSã®ç‰¹åˆ¥ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚‚å¿…è¦ã¨ã›ãšã€ãƒªã‚¢ãƒ«ã«ä½¿ãˆã‚‹CSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„UIãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’é›†ã‚ãŸã‚µã‚¤ãƒˆ CSS Layout ãŒæ³¨ç›®ã‚’é›†ã‚ã¦ã„ã¾ã™ã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦åƒãã²ã¨ã¯ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆåˆ¶ä½œã«ãŠã„ã¦ã©ã‚Œã ã‘å¤šãã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æ‰±ã†å¿…è¦ãŒã‚ã‚‹ã‹ã‚ˆãåˆ†ã‹ã‚‹ã§ã—ã‚‡ã†ã€‚ äººæ°—ã®ã‚ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æä¾›ã™ã‚‹CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ãŒã€ã™ã¹ã¦ã‚’è‡ªåˆ†ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«åŠ ãˆãŸããªã„ã¨ãã‚‚ã€‚ ãã‚“ãªæ‚©ã¿ã‚’è§£æ±ºã™ã¹ãã€CSS Layout ã§ã¯CSSã®ã¿ã§æ§‹ç¯‰ã§ãã‚‹äººæ°—ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’é›†ã‚ã€ã‚«ãƒ†ã‚´ãƒªåˆ¥ã«ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ Flexboxã‚„CSS Gridã¨ã„ã£ãŸæœ€æ–°CSSæ©Ÿèƒ½ã«ã‚ˆã£ã¦å®Ÿç¾ã•ã‚ŒãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯ã€ãã‚Œãžã‚Œã®ãƒ‹ãƒ¼ã‚ºã«åˆã‚ã›ã¦ç°¡å˜ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã€ã‚¹ã‚¿ãƒ¼ã‚¿ãƒ¼ã‚ãƒƒãƒˆã¨ã—ã¦ã‚‚æœ€é©ã§ã™ã€‚ ãƒ‘ãƒ¼ãƒ„ã‚’çµ„ã¿åˆã‚
fujimogn 2022/03/10
css

ui
ãƒªãƒ³ã‚¯
Utility-FirstãªCSS,UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æ¯”è¼ƒã—ã¦ã¿ãŸ(TailwindCSS, Chakra UI, MUI)
ã“ã‚“ã«ã¡ã¯ãã‚ˆã¾ã‚‹ã§ã™@kiyokiyoabc æœ€è¿‘è©±é¡Œã®Utility-Firstã€‚çš†ã•ã‚“ã‚‚ä¸€åº¦ã¯è€³ã«ã—ãŸã“ã¨ãŒã‚ã‚‹ã¯ãšã§ã™ã€‚åŽ»å¹´CSSè¨è¨ˆå®Œå…¨ã‚¬ã‚¤ãƒ‰ ãŒç™ºå£²ã•ã‚ŒãŸã°ã‹ã‚Šï¼ˆï¼Ÿï¼‰ã«ã‚‚é–¢ã‚ã‚‰ãšã€ã“ã®æœ¬ãŒæŒ‡å—ã™ã‚‹CSSã¨äººé¡žã®æ ¼é—˜ã®æˆæžœã‚’ç„¡ç‚ºã«ã™ã‚‹ã‚ˆã†ãªæ€æƒ³ã‚’æŒã£ã¦ã„ã¾ã™ã€‚(ã‚ã£ã¡ã‚ƒã„ã„æœ¬ã§ã™) Utility-Firstã®æ€æƒ³ãã®ä¸€ ã‚¯ãƒ©ã‚¹åã¨ãã®CSSã‚’ã‚ã‚‰ã‹ã˜ã‚ç”¨æ„ã—ã¦ãŠã“ã† çµ‚ åˆ¶ä½œãƒ»è‘—ä½œ â”â”â”â”â” â“ƒâ’½â“€ ã¾ã‚ãã®ä¸€ã¨ã„ã„ã¾ã—ãŸãŒUtility-Firstã«é–¢ã—ã¦ã¯ä¸€ã¤ã®æ€æƒ³ã—ã‹ãªã„ã§ã™ï¼ˆå¤šåˆ†ï¼‰ã€‚ è¦ã™ã‚‹ã«ã‚¯ãƒ©ã‚¹åã‚’è‡ªåˆ†ã§è€ƒãˆã¦ãã‚Œã«CSSã‚’ã¤ã‘ã‚‹ã®ã§ã¯ãªãã€ã‚ã‚‰ã‹ã˜ã‚ç”¨æ„ã•ã‚ŒãŸãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ã‚¯ãƒ©ã‚¹ï¼ˆæ±Žç”¨çš„ã§å®Ÿç”¨çš„ãªã‚¯ãƒ©ã‚¹ï¼‰ã‚’ä½¿ã£ã¦è£…é£¾ã—ã¾ã—ã‚‡ã†ã¨ã„ã†ã“ã¨ã§ã™ã€‚ Utility-Firstã®ä½•ãŒã„ã„ã®ã‹ ä»Šã¾ã§æ¨¡ç¯„ã¨ã•ã‚Œã¦ããŸCSSè¨è¨ˆã®ã‚³ãƒ¼ãƒ‰ã¨ã€Utility-Firstãªã‚³ãƒ¼ãƒ‰
fujimogn 2022/02/24
react

css

framework

ui
ãƒªãƒ³ã‚¯
React UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ãƒˆãƒ¬ãƒ³ãƒ‰æ¯”è¼ƒ - Qiita
æ¦‚è¦ React.jsã®UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’é¸å®šã™ã‚‹ã«ã‚ãŸã‚Šã€ ä»¥ä¸‹ã®è¨˜äº‹ã‚’å‚è€ƒã«ã€ã„ãã¤ã‹ã®UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®GitHub Starã®æ•°ã¨NPMãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰æ•°ã‚’æ¯”è¼ƒã—ã¾ã—ãŸã€‚ Github Starã®æ•° Name Github Star URL
fujimogn 2022/02/24
react

css

framework

ui
ãƒªãƒ³ã‚¯
Gradients for Tailwind CSS | Hypercolor
A curated collection of beautiful Tailwind CSS gradients using the full range of Tailwind CSS colors. Easily copy and paste the class names, CSS or even save the gradients as an image.
fujimogn 2022/02/02
css

tailwind
ãƒªãƒ³ã‚¯
Pico CSS â€¢ Minimal CSS Framework for semantic HTML
Minimal CSSÂ Framework for SemanticÂ HTMLA minimalist and lightweight starterÂ kit that prioritizes semanticÂ syntax, making every HTMLÂ element responsive and elegantÂ byÂ default. WriteÂ HTML, AddÂ PicoÂ CSS, andÂ VoilÃ ! 12.1K GitHub Stars 74.1K Monthly Npm Downloads (Last month) 3.2M Monthly JSDelivr Requests (Last month) AÂ Superpowered HTMLÂ ResetWith just the rightÂ amount ofÂ everything, Pico is a great s
fujimogn 2022/01/10
semantic

css
ãƒªãƒ³ã‚¯
Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
Rapidly build modern websites without ever leaving your HTML.A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup. <figure class="md:flex bg-slate-100 rounded-xl p-8 md:p-0 dark:bg-slate-800"> <img class="w-24 h-24 md:w-48 md:h-auto md:rounded-none rounded-full mx-auto" src="/sarah-dayan.jpg"
fujimogn 2019/05/21
framework

css
ãƒªãƒ³ã‚¯
Bulma: Free, open source, and modern CSS framework based on Flexbox
The most beautifully written framework I've ever had the pleasure of working with.
fujimogn 2018/11/07
css

framework
ãƒªãƒ³ã‚¯
GitHub - manabuyasuda/class-name: CSSã®ã‚¯ãƒ©ã‚¹åã«ä½¿ã‚ã‚Œã‚‹å˜èªžä¸€è¦§
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
fujimogn 2018/08/30
css
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯ä¾¿åˆ©ã ï¼CSSã§ã‚¤ãƒ©ãƒ¬ã¿ãŸã„ã«è¡Œæƒãˆã‚’èª¿æ•´ã§ãã‚‹text-align-lastã‚’è¦šãˆãŸ
æœ€å¾Œã®è¡Œã ã‘å³æƒãˆï¼ˆã¾ãŸã¯å·¦æƒãˆã«ï¼‰ã—ã¦ï¼ ãªã‚“ã¦ã¨ãã«ã¯CSSã®text-align-lastãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã¡ã‚‡ã£ã¨ä¾¿åˆ©ã§ã™ã€‚çŸ¥ã‚‰ãªã‹ã£ãŸæ–¹ã¯ã“ã¡ã‚‰ã®è¨˜äº‹ã§ã©ã†ãžã€‚ ã¨ãã«ã€ã»ã¨ã‚“ã©æ°—ã¥ã‹ã‚Œãªã„ã‚ˆã†ãªã•ã•ã„ãªç®‡æ‰€ãŒãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ»ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚’å·¦å³ã™ã‚‹ã‚‚ã®ã§ã™ã€‚ãã®ã•ã•ã„ãªç®‡æ‰€ã«ã¯ã€Webãƒšãƒ¼ã‚¸ã®è¦‹å‡ºã—ã«è¿½åŠ ã•ã‚ŒãŸãƒ†ã‚ã‚¹ãƒˆã‚·ãƒ£ãƒ‰ã‚¦ã‚„é©åˆ‡ãªè¡Œé–“ã‚‚å«ã¾ã‚Œã¾ã™ã€‚ ãã®ç‚¹ã€text-align-lastãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯å½¹ç«‹ã¤ã‚‚ã®ã§ã™ã€‚æ®µè½ã®æœ€å¾Œã®è¡Œã¾ãŸã¯å¼·åˆ¶æ”¹è¡Œã®ç›´å‰ã®è¡Œã‚’ã©ã®ã‚ˆã†ã«é…ç½®ã™ã‚‹ã‹ã‚’æŒ‡å®šã—ã¾ã™ã€‚æ®µè½ã®æœ€å¾Œã®è¡Œã¯é€šå¸¸ã€1è¡Œã‚’åŸ‹ã‚ã‚‹ãŸã‚ã®ååˆ†ãªãƒ†ã‚ã‚¹ãƒˆé‡ã¯ç”¨æ„ã•ã‚Œã¾ã›ã‚“ã€‚ã ã‹ã‚‰ã“ãã€text-align-lastãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯é‡è¦ãªã®ã§ã™ã€‚é•ã„ã«æ°—ã¥ãã‹æ°—ã¥ã‹ãªã„ã‹ãã‚‰ã„ã®é•ã„ã§ã™ãŒã€Webã‚µã‚¤ãƒˆã®å…¨ä½“çš„ãªè¦‹æ „ãˆã‚’æ”¹å–„ã™ã‚‹ã‚‚ã®ãªã®ã§ã™ã€‚ ã“ã®è¨˜äº‹ã¯ã€text-align-lastãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ã™ã¹ã¦
fujimogn 2016/08/15
css
ãƒªãƒ³ã‚¯
GitHub - you-dont-need/You-Dont-Need-JavaScript: CSS is powerful, you can do a lot of things without JS.
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
fujimogn 2016/07/09
css
ãƒªãƒ³ã‚¯
Pure.css
CSS with a minimal footprint.Pure is ridiculously tiny. The entire set of modules clocks in at 3.5KB* minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes. * We can add correctly :) the numbers above are individu
fujimogn 2015/04/21
css
ãƒªãƒ³ã‚¯
GitHub - kriswallsmith/assetic: Asset Management for PHP
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
fujimogn 2015/04/05
javascript

css

php
ãƒªãƒ³ã‚¯
Center and crop images with a single line of CSS
Itâ€™s simple. Set your image crop dimensions and use this line in your CSS: img { object-fit: cover; }Thatâ€™s it. No need for unsemantic, wrapping divs or any other nonsense. This technique works great for cropping awkwardly-sized avatar pictures down to squares or circles. Take this wide photo of a bear below for example. Once object-fit: cover is applied to the image and a width and height are set
fujimogn 2015/03/28
image

css
ãƒªãƒ³ã‚¯
Blog â—© CSS PREprocessors
How to round decimal numbers with custom precision, set decimal places, using ceil and floor functions
fujimogn 2015/03/17
css
ãƒªãƒ³ã‚¯
gumbyframework.com
This domain may be for sale!
fujimogn 2015/03/13
framework

css
ãƒªãƒ³ã‚¯
MUI - Material Design CSS Framework
The MUI package includes all the necessary code to use MUI components on the web and over em ail. In addition, we're working on React and WebComponents libraries to give developers more flexibility on the web. mui-0.10.3/ â”œâ”€â”€ angular â”‚Â Â â”œâ”€â”€ mui-angular.js â”‚Â Â â””â”€â”€ mui-angular.min.js â”œâ”€â”€ css â”‚Â Â â”œâ”€â”€ mui.css â”‚Â Â â”œâ”€â”€ mui.min.css â”‚Â Â â”œâ”€â”€ mui-rtl.css â”‚Â Â â””â”€â”€ mui-rtl.min.css â”œâ”€â”€ em ail â”‚Â Â â”œâ”€â”€ mui-em ail-i
fujimogn 2015/02/21
framework

react

css
ãƒªãƒ³ã‚¯
Gallery CSS
Include gallery.css & gallery.theme.css <link rel="stylesheet" href="css/gallery.theme.css"> <link rel="stylesheet" href="css/gallery.min.css"> Mark up your gallery <div class="gallery it ems-3"> <div id="it em-1" class="control-operator"></div> <div id="it em-2" class="control-operator"></div> <div id="it em-3" class="control-operator"></div> <figure class="it em"> <h1>1</h1> </figure> <figure class="
fujimogn 2015/02/12
css

gallery

slide
ãƒªãƒ³ã‚¯
Turret
A library of Documentation, Elements, Components, Icons, and a Grid for rapid responsive website development.Simple and Stylish Create accessible, semantic, and responsive websites easily with Turret. Turret is a front-end styles and browser behaviour normalisation framework for rapid development of responsive and accessible websites. Responsive Turret has a simple and intuitive grid system and re
fujimogn 2015/02/10
responsive

css

framework
ãƒªãƒ³ã‚¯
BlessCSS
Summer sizzler! Score a bonza 80% off HostPapa's 3-year plan - only $2.36/month! Get Deal Thanks for stopping by guys. It's been a while since I updated the original Bless CSS framework. I stopped hosting the site as server costs were getting a bit much. Instead my friend Nathan and I started working on a new site helping Australians better understand web hosting providers. Feel free to contact me
fujimogn 2015/02/09
css

ie
ãƒªãƒ³ã‚¯
CSS Flexbox Please!
CSS Flexbox Please! The CSS Flexible Box Layout Model, or "flexbox", is one of the specification in CSS3. It provides for the arrangement of elements on a page such that the elements behave predictably when the page layout must accommodate different screen sizes and different display devices. For many applications, the flexible box model provides an improvement over the block model in that it does
fujimogn 2015/01/28
css

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

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@HatenaBookmark
ãƒªãƒªãƒ¼ã‚¹ã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“ã‚¹ã®ãŠçŸ¥ã‚‰ã›
@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx