ryo_n574ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ - ã¯ã¦ãªãƒ

ryo_n574 id:ryo_n574

ryo_n574ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7,374)

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

ã¾ã‚‹ã§é»’ã®M2 MacBook Air! MacBookã¨iPadã‚’dbrandã®é»’ã‚¹ã‚ãƒ³ã§ãƒ‡ã‚³ã£ã¦ã¿ãŸ
ã„ã¾ã¾ã§Appleè£½å“ã¯ç´ ã®ã¾ã¾ã§ä½¿ã†ã“ã¨ãŒå¤šã‹ã£ãŸã‚“ã§ã™ãŒã€MacBook Pro 16-inchã«ã‚«ãƒŠãƒ€ã®dbrandã¨ã„ã†ä¼šç¤¾ ã®çœŸã£é»’ã‚¹ã‚ãƒ³ã‚’ã¤ã‘ã¦ã¿ã¾ã—ãŸã€‚ãƒžãƒƒãƒˆãªæ„Ÿã˜ã§ãªã‹ãªã‹ã„ã„æ„Ÿã˜ã§ã—ã‚‡ï¼Ÿç¬‘ å®Ÿã¯M2 MacBook Airã®é»’ãƒ¢ãƒ‡ãƒ« ãŒç™ºè¡¨ã•ã‚ŒãŸæ™‚ã«ã€ã€Œã‚ã£ã¡ã‚ƒã‹ã£ã“ã„ã„ï¼ã€ã¨æ€ã£ã¦è¡å‹•çš„ã«Appleã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚¹ãƒˆã‚¢ã§äºˆç´„ã¾ã§ã—ã¦ãŸã‚“ã§ã™ãŒã€å¾…ã£ã¦ã„ã‚‹é–“ã«å†·é™ã«ãªã£ã¡ã‚ƒã£ã¦ã€è¿·ã„ã«è¿·ã£ã¦ã‚ãƒ£ãƒ³ã‚»ãƒ«ã—ã¦ä»£ã‚ã‚Šã«M1 Pro MacBook Pro 16-inch ã‚’è²·ã„ã¾ã—ãŸã€‚ ãã‚“ãªçµŒç·¯ã‚‚ã‚ã£ã¦ã€ã‚ã®é»’ã„M2 MacBook Airã«æ†§ã‚Œã¦ã€äººç”Ÿã§åˆã‚ã¦Appleè£½å“ã«ã‚¹ã‚ãƒ³ã‚’ã¤ã‘ã¦ã¿ã¾ã—ãŸã€‚ çµæžœã€æ‰‹åž¢ã¯ã‚ã¾ã‚Šç›®ç«‹ãŸãªã„ã—ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã¯ã§ã£ã‹ã„ã—ã€ãƒãƒ¼ãƒˆã¯ãŸãã•ã‚“ã‚ã‚‹ã—ã§ã€è‡ªåˆ†ã«ã¨ã£ã¦ã¯è‰¯ã„é¸æŠžã ã£ãŸã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ã‚ã£ã¡ã‚ƒãƒ‡ã‚«ãã¦æŒã¡é‹ã³ã«ã¯å‘ã„ã¦ã¾ã›ã‚“ã‘
ryo_n574 2023/01/04
mac

ipad

macbook

gadget
ãƒªãƒ³ã‚¯
The State of Digital Accessibility: Three Key Challenges
ryo_n574 2022/09/15
accessibility
ãƒªãƒ³ã‚¯
The case for using Sass in 2022
Is Sass still relevant? It seems like we need to have this conversation every few months. Most recently, it was Jeremy Keith who suggested in his CSS Day talk that Sass has become obsolete. "A great tool becomes so successful it becomes obsolete. They are like R&D for the web platform and become polyfills when they get implemented in browsers" â€” @adactio #cssday â€” @Una, June 9, 2022 I think his in
ryo_n574 2022/08/13
css

sass
ãƒªãƒ³ã‚¯
pictureè¦ç´ ã§ä½¿ã†sourceã‚¿ã‚°ã«ã‚‚widthã¨heightå±žæ€§ã‚’æ›¸ãã¨ã„ã„ã‚‰ã—ã„
çªç„¶ã§ã™ãŒã€pictureè¦ç´ ã‚’ä½¿ã£ã¦ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ãŒé•ã†ç”»åƒã‚’èªã¿è¾¼ã‚€å ´åˆã§ã‚‚ã€imgã¨sourceã«widthã¨heightã‚’è¨˜è¿°ã™ã‚Œã°ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚·ãƒ•ãƒˆãŒèµ·ã“ã‚‰ãªããªã‚‹ã£ã¦çŸ¥ã£ã¦ã¾ã—ãŸï¼Ÿ <picture> <source srcset="img/img-800x480px.jpg" media="(min-width: 820px)" width="800" height="480"> <img src="img/img-480x480px.jpg" width="480" height="480" alt="ç”»åƒã®èª¬æ˜Ž"> </picture> å®Ÿã¯1å¹´ä»¥ä¸Šå‰ã«å…¬é–‹ã•ã‚ŒãŸChrome 90ã‹ã‚‰ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ãŸãã†ã§ï¼ˆåƒ•ã¯ã¤ã„å…ˆæ—¥çŸ¥ã‚Šã¾ã—ãŸï¼‰ã€ä¸Šã®ã‚³ãƒ¼ãƒ‰ã®ã‚ˆã†ã«imgã¨sourceã®ä¸¡æ–¹ã«widthã¨heightã‚’è¨˜è¿°ã™ã‚Œã°ã€ãƒ–ãƒ©ã‚¦ã‚¶ãŒãã‚Œã‚‰ã®å€¤ã‚’èªè˜ã—ã¦ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚€å‰ã‹
ryo_n574 2022/07/18
responsive images

responsive-image

responsive web
ãƒªãƒ³ã‚¯
2022 Logo Trend Report | Articles | LogoLounge Logo Design Inspiration and Logo Design Competition
2022 Logo Trend Report The 20th Annual Logo Trend Report presented by LogoLounge is full of all the good, the badass, and the ugly. I was recently asked to reflect back on the past 20 years of the LogoLounge Trend Report. How has it shaped the way I design? What has the impact been on me personally? What came to mind was a phrase I often use, but that others seldom understand: â€œItâ€™s more important
ryo_n574 2022/07/13
logo

inspiration

design
ãƒªãƒ³ã‚¯
Why Tailwind CSS
ryo_n574 2022/07/13
tailwind
ãƒªãƒ³ã‚¯
Figma ã® Component Properties ã‚’å¦ã¶ï½œãµã˜ã‘ã‚“ / kenshir0f
ã“ã‚“ã«ã¡ã¯ã€ãµã˜ã‘ã‚“(@kenshir0f)ã§ã™ã€‚ Figma Config 2022 ã§æ–°ã—ãè¿½åŠ ã•ã‚ŒãŸ Component PropertiesÂ ã«ã‚ˆã£ã¦ UI ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ã‚ˆã‚Šå†åˆ©ç”¨ã—ã‚„ã™ã„å½¢ã§ä½œã‚‹ã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã§ã¯ Figma ã® Component Properties ã‚’ä½¿ã£ãŸ UI ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«ã¤ã„ã¦ã€ä½¿ã„æ–¹ã¨ãƒ¡ãƒªãƒƒãƒˆãªã©ã«ã¤ã„ã¦ã¾ã¨ã‚ãŸã„ã¨æ€ã„ã¾ã™ã€‚ å…¬å¼ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯ã“ã¡ã‚‰â†“ Component Properties ã¨ã¯ï¼ŸComponent Properties (ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ—ãƒãƒ‘ãƒ†ã‚£) ã¯åå‰ã®é€šã‚Š UI ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’è¨å®šã™ã‚‹ã“ã¨ãŒã§ãã‚‹æ©Ÿèƒ½ã§ã™ã€‚ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ä»¥ä¸‹ã®3ã¤ã‚’è¨å®šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Boolean ãƒ—ãƒãƒ‘ãƒ†ã‚£ (è¦ç´ ã®è¡¨ç¤ºãƒ»éžè¡¨ç¤ºã‚’åˆ‡ã‚Šæ›¿ãˆã‚‰ã‚Œã‚‹) Text ãƒ—ãƒãƒ‘ãƒ†ã‚£ (ãƒ†ã‚ã‚¹ãƒˆã‚’ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¨ã—ã¦ç®¡ç†
ryo_n574 2022/06/27
è¦šãˆã¦ãŠãã¨ã™ã”ãå½¹ã«ç«‹ã¡ãã†

figma
ãƒªãƒ³ã‚¯
Why most design systems implode
Atomic Design by Brad Frost inspired frontend developers to create design systems. It shifted our focus from implementing UIs one page at a time to creating reusa ble, atomic components. Design systems went from "nice to have" to "must have". But a majority of design systems ended up imploding. According to the 2021 Design Systems Survey, only 40% of the systems were successful. Why do some design
ryo_n574 2022/06/27
ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã®40%ã—ã‹æˆåŠŸã—ã¦ãªã„ã¨ã®èª¿æŸ»çµæžœã‚‚ã‚ã‚‹ã‚‰ã—ã„ã€‚

design system
ãƒªãƒ³ã‚¯
47éƒ½é“åºœçœŒã®äººã³ã¨ã®ä¾¡å€¤è¦³ã‚’æ¯”ã¹ã¦ã¿ãŸã€ŒåŒ—æµ·é“ãƒ»æ±åŒ—åœ°æ–¹ã€é–¢æ±åœ°æ–¹ç·¨ã€ | ã‚¦ã‚§ãƒ–é›»é€šå ±
é›»é€šç·ç ”ã¨é›»é€šæœªæ¥äºˆæ¸¬æ”¯æ´ãƒ©ãƒœã¯ã€æ±äº¬çµŒæ¸ˆå¤§å¦ãƒ»æŸ´å†…åº·æ–‡æ•™æŽˆã®ç›£ä¿®ã®ã‚‚ã¨ã€ã€Œã‚¯ã‚ªãƒªãƒ†ã‚£ãƒ»ã‚ªãƒ–ãƒ»ã‚½ã‚µã‚¨ãƒ†ã‚£å¹´æ¬¡èª¿æŸ»2021ã€ã‚’ã€2021å¹´10æœˆã«å…¨å›½ã®ç”·å¥³1ä¸‡2000äººã‚’å¯¾è±¡ã«å®Ÿæ–½ã—ã¾ã—ãŸã€‚åŒèª¿æŸ»ã¯ã€ç¤¾ä¼šã«é–¢ã™ã‚‹äººã³ã¨ã®æ„è˜ãƒ»ä¾¡å€¤è¦³ã‚’æŠŠæ¡ã™ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ã¦ã€2019å¹´12æœˆã«ç¬¬1å›žèª¿æŸ»ã‚’é–‹å§‹ã—ã€ä»Šå›žã§3å›žç›®ã¨ãªã‚Šã¾ã™ã€‚ä»Šå¾Œã‚‚å®šæœŸçš„ã«ãƒ‡ãƒ¼ã‚¿ã‚’åŽé›†ãƒ»è“„ç©ã—ã¦ã„ãè¨ˆç”»ã§ã™ã€‚ ã‚¯ã‚ªãƒªãƒ†ã‚£ãƒ»ã‚ªãƒ–ãƒ»ã‚½ã‚µã‚¨ãƒ†ã‚£ã«ã¤ã„ã¦ https://institute.dentsu.com/philosophy/ æœªæ¥äºˆæ¸¬æ”¯æ´ãƒ©ãƒœã«ã¤ã„ã¦ https://www.dentsu-fsl.jp/ æœªæ¥äº‹æ¥å‰µç ”ã«ã¤ã„ã¦ https://dentsumirai.com/ ã“ã‚Œã¾ã§ã®é€£è¼‰ã§ã¯ã€æ—¥æœ¬å…¨ä½“ã¨ã—ã¦ã®ã€å¤§ããªç¤¾ä¼šå¤‰åŒ–ã‚„äººã³ã¨ã®æ„è˜ã®ç¾åœ¨åœ°ã‚’ç´¹ä»‹ã—ã¦ãã¾ã—ãŸã€‚ ä»Šå›žã‹ã‚‰ã¯ã€å…¨å›½èª¿æŸ»ã¨ã„ã†è¦æ¨¡ãªã‚‰ã§ã¯ã®è¦–ç‚¹ã§ã€éƒ½é“åºœçœŒå˜
ryo_n574 2022/06/27
é¢ç™½ã„ã€‚åœ°åŸŸå·®ã£ã¦ãã‚“ãªã«ã‚ã‚‹ã‚‚ã‚“ã‹ãªã

statistics

stats
ãƒªãƒ³ã‚¯
Untitled UI Icons â€” The Ultimate Figma Icon Library
The ultimate UI kit and design system for Figma. 10,000+ components.
ryo_n574 2022/06/27
figma

icon

ui
ãƒªãƒ³ã‚¯
Lets get your new site up and running in no time! - webui.design: à¸šà¸£à¸´à¸à¸²à¸£à¸à¸à¸à¹à¸šà¸š UI/UX à¹à¸¥à¸°à¹€à¸§à¹‡à¸šà¹„à¸‹à¸•à¹Œà¸—à¸µà¹ˆ Web UI Design
The page is built with Page Builder Sandwich! Give it a try for free! Page Builder sandwich is a very light weight and non-intrusive WordPress page builder. That is easy to use & wont break your website. It comes free with several templates for easy and fast page construction too. Your installation also includes the exclusive Tranzly.io WordPress Translation plugin. Which will allow you to use a p
ryo_n574 2022/06/27
ui

web

design
ãƒªãƒ³ã‚¯
The Best JavaScript & CSS Animation Libraries for UI Designers
Today weâ€™re going to run-through 9 free, well-coded animation libraries best-suited to UI design work â€” covering their strengths and weaknesses, and when to choose each one. Front-end web design has been through a revolution in the last decade. In the late noughties, most of us were still designing static magazine layouts. Nowadays, weâ€™re building â€œdigital machinesâ€ with thousands of resizing, coo
ryo_n574 2022/06/27
animation

javascript
ãƒªãƒ³ã‚¯
How to Animate SVG Shapes on Scroll | Codrops
ryo_n574 2022/06/27
svg

animation
ãƒªãƒ³ã‚¯
Peering into the accessibility of Dark Mode
ryo_n574 2022/06/22
ãƒ€ãƒ¼ã‚¯ãƒ¢ãƒ¼ãƒ‰ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«ã¤ã„ã¦ã€‚ãƒ¦ãƒ¼ã‚¶ã«é¸ã¹ã‚‹ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’æä¾›ã™ã‚‹ã®ãŒä¸€ç•ª...ã¨

accessibility
ãƒªãƒ³ã‚¯
10 Dos and Donâ€™ts of Web Design in 2022 | WDD
ryo_n574 2022/06/21
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚„ã£ã¦è‰¯ã„ã“ã¨ãƒ»æ‚ªã„ã“ã¨ãƒªã‚¹ãƒˆ æœ€å¾Œã®ã“ã‚ŒãŒä¸€ç•ªé›£ã—ã„ã‹ã‚‚ã€‚ â€œDonâ€™t try to be originalâ€¦ â€¦Just try to be good.â€ ã‚ªãƒªã‚¸ãƒŠãƒ«ã§ã‚ã‚‹å¿…è¦ã¯ãªã„ã®ã«äººã¨é•ã†ã“ã¨ã‚’ã‚„ã‚ã†ã¨ã™ã‚‹ã®ãŒãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã‚µã‚¬ã§ã‚‚ã‚

design

web
ãƒªãƒ³ã‚¯
How To Easily Build And Support Tables In Figma â€” Smashing Magazine
User interface designers work with tables on a daily basis. The table is often a complex combination of text components, lines, rectangles, and icons which could be very difficult to work with, especially if you also need to support different screen resolutions, change the order of columns, and use real-life content. In this article, Andrii shares his approach to managing tables in Figma with a bi
ryo_n574 2022/06/21
Smashing Magã§Figmaã®ä½¿ã„æ–¹ã‚’ç´¹ä»‹ã—ã¦ã‚‹ðŸ¤”

figma
ãƒªãƒ³ã‚¯
Web Design Tool Wish List
ryo_n574 2022/06/21
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã¯ã“ã‚“ãªã‚“ãŒã„ã„ãªãã¨ã„ã†ã‚¦ã‚£ãƒƒã‚·ãƒ¥ãƒªã‚¹ãƒˆ â†’ ãªã‚‹ã»ã©ã

responsive web

design
ãƒªãƒ³ã‚¯
Responsive Design Process that Works
ryo_n574 2022/06/21
ãŸã—ã‹ã«ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã¨æƒ…å ±ã®å„ªå…ˆåº¦ã‚„å¯†åº¦ã‚’çªãè©°ã‚ã¦è€ƒãˆã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã‚ˆã†ã«ãªã‚‹ã‚ˆã â€œIt required reconsidering the information priority and density to make it all fit.â€

responsive web

design

web
ãƒªãƒ³ã‚¯
éŽåŽ»2å¹´é–“ã®Webãƒ»ã‚¢ãƒ—ãƒªåˆ©ç”¨çŠ¶æ³ç™ºè¡¨ã€€æ–°åž‹ã‚³ãƒãƒŠã®å½±éŸ¿ã§ã‚µã‚¤ãƒˆåˆ©ç”¨å¢—åŠ ã€Amplitudeèª¿æŸ»ã€‘
ã€ŽMarkeZineã€ãŒä¸»å‚¬ã™ã‚‹ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãƒ»ã‚¤ãƒ™ãƒ³ãƒˆã€ŽMarkeZine Dayã€ã€ŽMarkeZine Academyã€ã€ŽMarkeZine ãƒ—ãƒ¬ãƒŸã‚¢ãƒ ã‚»ãƒŸãƒŠãƒ¼ã€ã® æœ€æ–°æƒ…å ±ã‚’ã¯ã˜ã‚ã€æ§˜ã€…ãªã‚¤ãƒ™ãƒ³ãƒˆæƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ MarkeZine Day
ryo_n574 2022/06/14
ã‚³ãƒãƒŠã§ã‚¦ã‚§ãƒ–ã®åˆ©ç”¨ã‚‚å¢—åŠ ã—ã¦ã‚‹ã€ã¨

statistics
ãƒªãƒ³ã‚¯
Useful VS Code Extensions For Front-End Developers â€” Smashing Magazine
Meet useful Visual Studio Code extensions for web developers: little helpers to minimize slow-downs and frustrations, and boost developerâ€™s workflow along the way. Recently, weâ€™ve also covered CSS auditing tools, CSS generators and accessible front-end components â€” you might find them useful, too. We spend so much time in our text editors, and every now and again we encounter those little frustrat
ryo_n574 2022/06/07
vscode
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸