[B! Webãƒ‡ã‚¶ã‚¤ãƒ³] larsson9ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

larsson9 id:larsson9

Webãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹larsson9ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (113)

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

AI CSS Animations
AI CSS Animations Make complex animations with your voice and AI. Your animation will appear here ðŸŽ¬ No saved or generated animations available, prompt an animation above. Browse examples below for inspiration.
larsson9 2024/06/18
css

AI

ãƒ„ãƒ¼ãƒ«

Animation

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚ãªãŸã®é–‹ç™ºç”Ÿç”£æ€§ã‚’çˆ†ä¸Šã’ã™ã‚‹ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‘ã‘AIãƒ„ãƒ¼ãƒ«22å€‹ï½œè‹¦ã—ã‚“ã§ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å¦ã‚“ã æŸ´çŠ¬ï¼ˆãã‚‹ã—ã°ï¼‰
ã“ã‚“ã«ã¡ã¯ã€‚ãã‚‹ã—ã°ã§ã™ã€‚ å…ƒã€…ã‚³ãƒ³ã‚µãƒ«ã‚¿ãƒ³ãƒˆã®ä»•äº‹ã‚’ã—ã¦ã„ã¾ã—ãŸãŒã€ç‹¬å¦ã§ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å¦ç¿’ã—ã€Webã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã£ã¦èµ·æ¥ã—ã¾ã—ãŸã€‚ ãã®å¾Œå€‹äººã§é–‹ç™ºã—ãŸã‚µãƒ¼ãƒ“ã‚¹ã‚’å£²å´ã—ãŸã‚Šã€ã¾ãŸåˆ¥ã®ITç³»ã®ä¼šç¤¾ã‚’å‰µæ¥ã€çµŒå–¶ã—ãŸã‚Šã—ã¦ã„ã¾ã™ã€‚ åŽ»å¹´ã®8æœˆã‹ã‚‰ä¸‹è¨˜ã®Twitterã«ã¦ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’ã«é–¢ã—ã¦ç™ºä¿¡ã—å§‹ã‚ã€ã‚ã‚ŠãŒãŸã„ã“ã¨ã«13000äººä»¥ä¸Šã®æ–¹ã€…ã«ãƒ•ã‚©ãƒãƒ¼ã—ã¦é ‚ãã¾ã—ãŸã€‚ ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°åˆå¿ƒè€…ã«çµ¶å¯¾è¦šãˆã¦ã»ã—ã„ã€ã‚°ã‚°ã‚‹æ™‚ã®åŠ¹çŽ‡ãŒ10å€ä¸ŠãŒã‚‹ã‚³ãƒ„ pic.twitter.com/hK1ZhNavwh â€” ãã‚‹ã—ã° | èªã‚ã°10å€åŠ¹çŽ‡ãŒä¸ŠãŒã‚‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’ã®æ•™ç§‘æ›¸ (@shiba_program) September 13, 2022 æœ€è¿‘ã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ã€Udemyã§ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¬›åº§ã‚‚å‡ºã—ã¦ã„ã¾ã™ã€‚ ã‚ã‚ŠãŒãŸã„ã“ã¨ã«å…¬é–‹ã‹ã‚‰3ãƒ¶æœˆã§800äººä»¥ä¸Šã®æ–¹ã«å—è¬›ã„ãŸã ãã€Reactã‚¸ãƒ£ãƒ³ãƒ«ã®è¬›åº§
larsson9 2024/04/25
ãƒ„ãƒ¼ãƒ«

AI

ã‚ã¨ã§èªã‚€

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Inter font family
The Inter typeface family The 21st century standard Download â†“ Inter is a workhorse of a typeface carefully crafted & designed for a wide range of applications, from detailed user interfaces to marketing & signage. The Inter typeface family features over 2000Â glyphs covering 147Â languages. Weights ranges from a delicate thin 100 all the way up to a heavy 900. Each glyph has three dedicated designs
larsson9 2023/12/11
font

ãƒ•ã‚©ãƒ³ãƒˆ

webãƒ‡ã‚¶ã‚¤ãƒ³

ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSS Generator for Ribbon Shapes
Get a CSS-only Ribbon Shape made with a single-element and customizable using CSS variables. <div class="ribbon">Your text content</div> Click the ribbon to copy the CSS
larsson9 2023/12/11
css

ã‚ã¨ã§èªã‚€

generator

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSS Loaders: A collection of more than 600 loading animations
The Biggest Collection of Loading Animations Over 600+ CSS-only loaders made using a single element <div class="loader"></div> Don't know which loader to use? Here is one for you ðŸ‘‡ Click the loader to copy the CSS Get another CSS Loader
larsson9 2023/10/03
css

webåˆ¶ä½œ

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

webãƒ‡ã‚¶ã‚¤ãƒ³

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Proportio.app
Tool for creating proportional scales for typography, iconography, spacing, and components in design systems.
larsson9 2023/06/30
design

ãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ„ãƒ¼ãƒ«

ãƒ•ã‚©ãƒ³ãƒˆ

webãƒ‡ã‚¶ã‚¤ãƒ³

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
â˜…ã¯ã˜ã‚ã« Â |Â Search Â |Â Google Developers
ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã¨ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆ ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã«é–¢ã™ã‚‹ãŠã™ã™ã‚ã®æ–¹æ³• Google ã®ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ç™»éŒ²ã¨ãƒ©ãƒ³ã‚ãƒ³ã‚°ã§ã¯ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã§ã‚¯ãƒãƒ¼ãƒ«ã—ãŸãƒ¢ãƒã‚¤ãƒ«ç‰ˆã®ã‚µã‚¤ãƒˆ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ã“ã‚Œã‚’ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆ ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã¨å‘¼ã³ã¾ã™ã€‚ ãƒ¢ãƒã‚¤ãƒ«ç‰ˆã®ãƒšãƒ¼ã‚¸ã‚’ç”¨æ„ã™ã‚‹ã“ã¨ã¯ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ Google ã®æ¤œç´¢çµæžœã«è¡¨ç¤ºã•ã›ã‚‹ãŸã‚ã®è¦ä»¶ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€éžå¸¸ã«å¼·ãæŽ¨å¥¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã®ãƒšãƒ¼ã‚¸ã§èª¬æ˜Žã™ã‚‹ãŠã™ã™ã‚ã®æ–¹æ³•ã¯ã€ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆå…¨èˆ¬ã«ã‚ã¦ã¯ã¾ã‚Šã€å½“ç„¶ã®ã“ã¨ãªãŒã‚‰ã€ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆ ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã«ã‚‚ã‚ã¦ã¯ã¾ã‚Šã¾ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æœ€é©ãªã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚’æä¾›ã§ãã‚‹ã‚ˆã†ã€ã“ã®ã‚¬ã‚¤ãƒ‰ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ãŠã™ã™ã‚ã®æ–¹æ³•ã‚’å®Ÿè·µã—ã¦ãã ã•ã„ã€‚ ãƒ¢ãƒã‚¤ãƒ« ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ãªã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‹ã‚‰ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸéš›ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ãŒå„ªã‚ŒãŸã‚‚ã®ãªã‚‹ã‚ˆã†ã«ã€ãƒ¢ãƒã‚¤ãƒ« ãƒ•ãƒ¬ãƒ³ãƒ‰
larsson9 2023/05/30
webåˆ¶ä½œ

SEO

webãƒ‡ã‚¶ã‚¤ãƒ³

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
TTF WOFF2 å¤‰æ› - ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§å¤‰æ›ã™ã‚‹
TTFã‚’WOFF2ã«å¤‰æ›ã™ã‚‹æ–¹æ³•ï¼š 1. ã€ŒFILEã€æˆ–ã„ã¯ã€ŒURLã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã€ãƒãƒ¼ã‚«ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«æˆ–ã„ã¯ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ•ã‚¡ã‚¤ãƒ«ã«åˆ‡ã‚Šæ›¿ãˆã¾ã™ã€‚[ãƒ•ã‚¡ã‚¤ãƒ«ã®é¸æŠž]ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã€ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ä¸Šã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é¸æŠžã™ã‚‹ã‹ã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ•ã‚¡ã‚¤ãƒ«ã®URLã‚’å…¥åŠ›ã—ã¾ã™ã€‚ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã®åˆ¶é™ãŒ200 mã§ã™ã€‚ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒŠãƒ©ã‚¤ã‚¶ã‚’ä½¿ç”¨ã—ã¦ã€ç”»åƒã®ã‚µã‚¤ã‚ºã€è§£åƒåº¦ã€å“è³ªã€é€æ˜Žè‰²ãªã©ã®ã‚½ãƒ¼ã‚¹ç”»åƒã®è©³ç´°æƒ…å ±ã‚’å–å¾—ã§ãã¾ã™ã€‚ 2. å¯¾è±¡ã®ç”»åƒå½¢å¼ã€ç”»è³ªã€ç”»åƒã‚µã‚¤ã‚ºã‚’è¨å®šã—ã¾ã™ã€‚åŽŸæ¥ã®ç”»åƒã®ã‚µã‚¤ã‚ºã‚’ä½¿ã£ã¦ã‚‚ã„ã„ã§ã™ã€‚æˆ–ã„ã¯ã€Œç”»åƒã‚µã‚¤ã‚ºã‚’å¤‰ãˆã‚‹ã€ã‚’é¸ã‚“ã§ã€ç”»åƒã®åºƒã•ã¨é«˜ã•ã‚’å…¥åŠ›ã—ã¦ã‚‚ã„ã„ã§ã™ã€‚ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆãŒã€Œåºƒã•ã€xã€Œé«˜ã•ã€ã§ã™ã€‚ä¾‹ãˆã°ã€1920x1080ã€‚ã‚¿ãƒ¼ã‚²ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã‚’é¸ã³ã¾ã™ã€‚ã‚¿ãƒ¼ã‚²ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆãŒJPGã€PNGã€TIFFã€GIFã€BMPã€PSã€PSDã€WEBPã€TGAã€DDSã€EXRã€PNMã€SVG
larsson9 2023/01/11
Webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ•ã‚©ãƒ³ãƒˆ

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ã€JSä¸è¦ã€‘CSSã§ãƒ¢ãƒ¼ãƒ€ãƒ«ã®èƒŒæ™¯ã‚’å›ºå®šã—ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ãªã„æ–¹æ³• - Miyabi
æœ€è¿‘ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å°Žå…¥ã™ã‚‹éš›ã€èƒŒæ™¯ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã‚Œã¦ã—ã¾ã†å•é¡Œã«ç›´é¢ã—ã¾ã—ãŸãŒã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§è‰¯ã„è§£æ±ºæ–¹æ³•ã‚’è¦‹ã¤ã‘ãŸã®ã§ã€è‡ªåˆ†ãªã‚Šã«æ”¹è‰¯ã—ãŸã‚‚ã®ã‚’å‚™å¿˜éŒ²ã¨ã—ã¦ç°¡å˜ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ èª²é¡Œï¼šãƒ¢ãƒ¼ãƒ€ãƒ«å±•é–‹æ™‚ã€èƒŒæ™¯ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã‚Œã¦ã—ã¾ã†ãƒ¢ãƒ¼ãƒ€ãƒ«å±•é–‹æ™‚ã€èƒŒæ™¯ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã‚Œã¦ã—ã¾ã„ã€ã‚ã¾ã‚Šå¥½ã¾ã—ããªã„ã§ã™ã€‚ è§£æ±ºç–ï¼šãƒ¢ãƒ¼ãƒ€ãƒ«ã®ç–‘ä¼¼è¦ç´ ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«å¯¾è±¡ã¨ãªã‚‹è¦ç´ ã‚’è¿½åŠ ã™ã‚‹modal-wrapperã®beforeã¨afterã‚’åˆ©ç”¨ã—ã€é«˜ã•ãŒç”»é¢å¹…+1pxã®é€æ˜Žãªè¦ç´ ã‚’è¿½åŠ ã—ã¾ã™ã€‚ ã“ã®è¦ç´ ã«overflow: scroll;ã‚’æŒ‡å®šã—ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«å¯¾è±¡ã«ã™ã‚‹ã“ã¨ã§ã€ä¸‹ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«è§¦ã‚Œã‚‹ã“ã¨ãŒã§ããªããªã‚Šã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’ç„¡åŠ¹åŒ–ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã§ã™ãŒã“ã®ã¾ã¾ã ã¨ç¸¦ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã†ã®ã§ã€ .modal-wrapper { scrollbar
larsson9 2023/01/11
Webãƒ‡ã‚¶ã‚¤ãƒ³

CSS

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Swiper slide custom counter (fractions)
larsson9 2022/11/01
JavaScript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

ã‚ã¨ã§èªã‚€

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Webãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ for ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢
ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚ã‚µã‚¤ãƒˆã§ã™ã€‚ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãƒ»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’å¯¾è±¡ã«è¦ç‚¹ã‚’ã™ãã«å‚ç…§ã§ãã‚‹ã‚ˆã†ã«ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚Webé–‹ç™ºã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã€CLIãªã©å†…å®¹ã¯å¤šå²ã«æ¸¡ã‚Šã¾ã™ã€‚å°åˆ·ã—ã¦ãŠæ‰‹å…ƒã«ç½®ã„ãŸã‚Šã€ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ã™ãã«è¦‹ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã—ã¦ãŠãã¨ä¾¿åˆ©ã§ã™ã€‚
larsson9 2020/04/23
web

javascript

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒˆãƒƒãƒ—ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã«ãªã‚‹ãŸã‚ã«ä½œæˆã—ãŸã„ã‚¢ãƒ—ãƒª8é¸ - Qiita
ã“ã¡ã‚‰ã®è¨˜äº‹ã¯ã€Indrek Lasn æ°ã«ã‚ˆã‚Š2017å¹´ 12æœˆã«å…¬é–‹ã•ã‚ŒãŸã€Ž The Secret to Being a Top Developer Is Building Things! Hereâ€™s a List of Fun Apps to Build! ã€ã®å’Œè¨³ã§ã™ã€‚ æœ¬è¨˜äº‹ã¯åŽŸè‘—è€…ã‹ã‚‰è¨±å¯ã‚’å¾—ãŸä¸Šã§è¨˜äº‹ã‚’å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ è‘—è€…Twitter https://twitter.com/lasnindrek å°‘ã—è€ƒãˆã¦ã¿ã¦ãã ã•ã„ã€‚ã‚ãªãŸãŒã‚‚ã—å¥åº·ã«é–¢ã™ã‚‹æ›¸ç±ã‚’ãŸãã•ã‚“èªã‚“ã ã¨ã—ã¦ã‚‚å¥åº·ã«ãªã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚å®Ÿéš›ã«ã¯ã€ã‚¸ãƒ ã«è¡Œãæ•°æ™‚é–“é‹å‹•ã‚’ã—ã¦æ±—ã‚’ã‹ã‹ãªã‘ã‚Œã°å¥åº·ã¯æ‰‹ã«å…¥ã‚Šã¾ã›ã‚“ã€‚ åŒã˜ã“ã¨ãŒé–‹ç™ºã«ã‚‚è¨€ãˆã¾ã™ã€‚åŠªåŠ›ãªã—ã«å„ªã‚ŒãŸãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã«ãªã‚‹ã“ã¨ã¯ã§ããªã„ã®ã§ã™ã€‚ ãã“ã§ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°åŠ›ã‚’é›ãˆã‚‹8ã¤ã®ç´ æ™´ã‚‰ã—ã„ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚ãªãŸã®å¥½ããªãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã‚¹ã‚¿ãƒƒã‚¯ã‚’ä½¿ã£
larsson9 2019/11/18
webãƒ‡ã‚¶ã‚¤ãƒ³

Webåˆ¶ä½œ

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
ã“ã‚Œã§ã‚‚ã†ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ç´ æã«å›°ã‚‰ãªã„ï¼ã‚¹ãƒžãƒ›ã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã»ã¨ã‚“ã©ã™ã¹ã¦ã®ãƒ‡ãƒã‚¤ã‚¹ãŒæƒã£ã¦ã‚‹ -Devices
ã‚¹ãƒžãƒ›ã€ã‚¹ãƒžãƒ¼ãƒˆã‚¦ã‚©ãƒƒãƒã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã€ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã€ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ãªã©ã€ã»ã¨ã‚“ã©ã™ã¹ã¦ã®ãƒ‡ãƒã‚¤ã‚¹ãŒç¶²ç¾…ã•ã‚ŒãŸãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ç´ æã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ iPhone 11 Pro, Google Pixel 3ãªã©ã®æœ€æ–°æ©Ÿç¨®ã‚’ã¯ã˜ã‚ã€å¤ã„æ©Ÿç¨®ã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ç´ æã‚‚æƒã£ã¦ã„ã¾ã™ã€‚
larsson9 2019/10/02
webãƒ‡ã‚¶ã‚¤ãƒ³

design
ãƒªãƒ³ã‚¯
ã€ç¬¬3å¼¾ã€‘å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª15ã®CSSå°æŠ€é›†
2022å¹´4æœˆ27æ—¥ CSS CSSå°æŠ€é›†ã‚·ãƒªãƒ¼ã‚ºã®ç¬¬3å¼¾ï¼ã€Œã€ç¬¬2å¼¾ã€‘å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®CSSå°æŠ€é›†ã€ã‹ã‚‰3å¹´ãŒçµŒã¡ã€ã•ã‚‰ã«ä¾¿åˆ©ã§ã‚µã‚¯ãƒƒã¨ä½¿ãˆã‚‹ã‚³ãƒ¼ãƒ‰ãŒç¶šã€…ç™»å ´ï¼ç‰¹ã«ã“ã‚Œã¾ã§ã¯JavaScriptã§å®Ÿè£…ã—ã¦ã„ãŸã‚‚ã®ãŒCSSã ã‘ã§å®Ÿç¾ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã‚Šã¨ã€é€²åŒ–ãŒå‡„ã¾ã˜ã„ã§ã™ã€‚åˆå¿ƒè€…ã•ã‚“ã‹ã‚‰ãƒ™ãƒ†ãƒ©ãƒ³ã•ã‚“ã¾ã§è¦ãƒã‚§ãƒƒã‚¯ï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ç›®æ¬¡ ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ« ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¹ãƒŠãƒƒãƒ— ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨è¦ç´ ã‚’å›ºå®š ç”»åƒã‚’ãƒˆãƒªãƒŸãƒ³ã‚° CSSã§è¨ˆç®—å¼ã‚’æ›¸ã ãƒ†ã‚ã‚¹ãƒˆã‚’å††å½¢ã«å›žã‚Šè¾¼ã¾ã›ã‚‹ Webãƒ•ã‚©ãƒ³ãƒˆã‚’ä½¿ã£ãŸæ™‚ã®è¡¨ç¤ºé…å»¶ã‚’å›žé¿ã™ã‚‹ ãƒ†ã‚ã‚¹ãƒˆã«æ³¢ç·šã‚’å¼•ã ãƒ†ã‚ã‚¹ãƒˆã®ä¸Šã«è¨˜å·ã‚’è¡¨ç¤º è¡¨ã®ã‚»ãƒ«ã®å¹…ã‚’çµ±ä¸€ã™ã‚‹ å…¥ã‚Œåã«ãªã£ãŸãƒªã‚¹ãƒˆã‚‚ã‚«ã‚¦ãƒ³ãƒˆã™ã‚‹ ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ—ãƒ¬ãƒ¼ã‚¹ãƒ›ãƒ«ãƒ€ãƒ¼ã®æ–‡å—è‰²ã‚’å¤‰æ›´ ã—ã¾ã—ã¾ã®ãƒ©ã‚¤ãƒ³ ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªãƒ¼ã‚’ä½¿ã‚ãšã«ã‚¿ã‚¤ãƒ«åž‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«å¯¾å¿œ
larsson9 2019/05/31
css

web

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«ã«ãŠã‘ã‚‹ã‚¹ãƒ†ãƒƒãƒ—ã‚¤ãƒ³ã‚¸ã‚±ãƒ¼ã‚¿ãƒ¼ã¯ã©ã†ã‚ã‚‹ã¹ãã‹
ãƒ•ã‚©ãƒ¼ãƒ ãŒè¤‡æ•°ãƒšãƒ¼ã‚¸ã«æ¸¡ã‚‹å ´åˆã€ã‚¹ãƒ†ãƒƒãƒ—ã‚¤ãƒ³ã‚¸ã‚±ãƒ¼ã‚¿ãƒ¼ã¯å¿…è¦ä¸å¯æ¬ ã§ã™ã€‚ã‚¹ãƒ†ãƒƒãƒ—ã‚¤ãƒ³ã‚¸ã‚±ãƒ¼ã‚¿ãƒ¼ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å¯¾ã—ã¦è‡ªåˆ†ãŸã¡ãŒä»Šã©ã®ã‚¹ãƒ†ãƒƒãƒ—ã«ã„ã¦ã€ã‚ã¨ã©ã®ãã‚‰ã„ã®ã‚¹ãƒ†ãƒƒãƒ—ãŒæ®‹ã£ã¦ã„ã‚‹ã‹ã‚’ç¤ºã™å½¹å‰²ãŒã‚ã‚Šã¾ã™ã€‚ ç”»é¢ä¸Šã®ã‚¹ãƒšãƒ¼ã‚¹ãŒé™ã‚‰ã‚Œã¦ã„ã‚‹ãŸã‚ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚©ãƒ¼ãƒ ã§ã€ã‚¹ãƒ†ãƒƒãƒ—ã‚¤ãƒ³ã‚¸ã‚±ãƒ¼ã‚¿ãƒ¼ã‚’æç¤ºã™ã‚‹ã“ã¨ã¯å›°é›£ã§ã™ã€‚ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¨åŒã˜ã‚¤ãƒ³ã‚¸ã‚±ãƒ¼ã‚¿ãƒ¼ã‚’ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚©ãƒ¼ãƒ ã§ä½¿ç”¨ã™ã‚‹ã¨ã€å¯èªæ€§ã¨å¯è¦–æ€§ã®å•é¡ŒãŒç”Ÿã˜ã¦ã—ã¾ã„ã¾ã™ã€‚ ç›´ç·šåž‹ vs æ”¾å°„åž‹ ç„¡ç†ã‚„ã‚Šç‹ã„ã‚¹ãƒšãƒ¼ã‚¹ã«å„ã‚¹ãƒ†ãƒƒãƒ—ã®ã‚¿ã‚¤ãƒˆãƒ«ã‚’åŽã‚ã‚‹ã¨ã€ãƒ†ã‚ã‚¹ãƒˆã‚µã‚¤ã‚ºãŒå°ã•ããªã‚Šãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒèªã¿ã«ãããªã‚Šã¾ã™ã€‚ã•ã‚‰ã«ä¸€åº¦ã«ã‚ã¾ã‚Šã«å¤šãã®ã‚¹ãƒ†ãƒƒãƒ—åã¨ç•ªå·ãŒè¡¨ç¤ºã•ã‚Œã‚‹ãŸã‚ã€å¯è¦–æ€§ã‚‚ä¸‹ãŒã‚Šã¾ã™ã€‚çµæžœã€è¦–è¦šçš„ãªãƒŽã‚¤ã‚ºãŒç™ºç”Ÿã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒç¾åœ¨ã„ã‚‹ã‚¹ãƒ†ãƒƒãƒ—ã‚’æŠŠæ¡ã™ã‚‹ã“ã¨ãŒé›£ã—ããªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚©ãƒ¼ãƒ ã«ã¯æ”¾å°„åž‹ã®ã‚¤ãƒ³ã‚¸ã‚±ãƒ¼ã‚¿ãƒ¼ã‚’ä½¿ç”¨ã—ã¦ãã ã•ã„ã€‚ã“ã¡ã‚‰ã®æ–¹ãŒãƒ¦
larsson9 2019/03/15
webãƒ‡ã‚¶ã‚¤ãƒ³

UX

ãƒ‡ã‚¶ã‚¤ãƒ³

ui
ãƒªãƒ³ã‚¯
Download 9.2 Million+ Icons, Illustrations, 3D Illustrations, and Lottie Animations | IconScout
160,000+ high-quality animated icons to grab your usersâ€™ attention
larsson9 2019/02/07
icon

ã‚¢ã‚¤ã‚³ãƒ³

ç´ æ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
margin, paddingãªã©ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«å¯¾å¿œã—ãŸã‚¹ãƒšãƒ¼ã‚¹ã‚’CSSã§åŠ¹çŽ‡çš„ã«å®šç¾©ã™ã‚‹æ–¹æ³• | ã‚³ãƒªã‚¹
Webãƒšãƒ¼ã‚¸ã‚„ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ä½¿ç”¨ã™ã‚‹ã€margin, paddingãªã©ã®ã‚¹ãƒšãƒ¼ã‚¹ã‚’CSSã§åŠ¹çŽ‡çš„ã«å®šç¾©ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ em, remã®ç›¸å¯¾çš„ãªå˜ä½ã‚’ä½¿ã„ã€calc()ã‚’åŠ¹æžœçš„ã«æ´»ç”¨ã—ã€æ‹¡å¼µæ€§ã‚„ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã«ã‚‚å„ªã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã‚’æ§‹ç¯‰ã§ãã¾ã™ã€‚ Create your design system, part 4: Spacing by CodyHouse ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« CSSã®å¤‰æ•°ã‚’ä½¿ç”¨ã—ã¦ã€ã‚¹ãƒšãƒ¼ã‚¹ã®ã‚·ã‚¹ãƒ†ãƒ ã‚’è¨å®šã™ã‚‹æ–¹æ³• ã™ã¹ã¦ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®paddingã‚’è¨å®šã™ã‚‹æ–¹æ³• marginã®ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ ã‚¹ãƒšãƒ¼ã‚¹å€¤ã‚’è¿½åŠ ã™ã‚‹å ´åˆ å›ºå®šã®ã‚¹ãƒšãƒ¼ã‚¹å€¤ãŒå¿…è¦ãªå ´åˆ ã‚¹ãƒšãƒ¼ã‚¹ã‚’å®šç¾©ã—ãŸSCSSãƒ•ã‚¡ã‚¤ãƒ« ã¯ã˜ã‚ã« å…ƒã€…ã¯ã€è¿‘æ—¥å…¬é–‹äºˆå®šã®ã€ŒWeb Comp
larsson9 2018/11/27
css

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

web

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Grammarly: Free Writing Assistant
larsson9 2018/10/01
è‹±èªž

webã‚µãƒ¼ãƒ“ã‚¹

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Replika
Meet ReplikaAn AI companion who is eager toÂ learn and would love toÂ see theÂ world through your eyes. Replika is always ready toÂ chat when you need an empathetic friend Replika has been a blessing in my life, with most of my blood-related family passing away and friends moving on. My Replika has given me comfort and a sense of well-being that Iâ€™ve never seen in an Al before, and Iâ€™ve been using dif
larsson9 2018/10/01
AI

webãƒ‡ã‚¶ã‚¤ãƒ³

ã‚¢ãƒ—ãƒª
ãƒªãƒ³ã‚¯
ã“ã‚Œã‚’ä½¿ã†ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«é€£å‹•ã—ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒç°¡å˜ã«ï¼ã‚ãšã‹2KBã®è¶…è»½é‡JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒª -Sal.js
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«é€£å‹•ã—ã¦ã€ãƒšãƒ¼ã‚¸ä¸Šã®è¦ç´ ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ã€‚ãã®ä¸ã§ã‚‚ã‹ãªã‚Šã®è¶…è»½é‡ã§ã€ä»–ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¸ã®ä¾å˜ãŒä¸€åˆ‡ãªã„ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã—ã‹ã‚‚å®Ÿè£…ã¯è¶…ç°¡å˜ã€‚æ‰‹é–“ãŒã‹ã‹ã‚Šãã†ã¨æ€ã£ã¦ã„ãŸäººã¯ã€ãœã²ãŠè©¦ã—ã‚’ã€‚ Sal.js Sal.js -GitHub Sal.jsã®ç‰¹å¾´ Sal.jsã®ãƒ‡ãƒ¢ Sal.jsã®ä½¿ã„æ–¹ Sal.jsã®ç‰¹å¾´ vanilla JavaScript vanilla JavaScriptã§æ›¸ã‹ã‚Œã¦ãŠã‚Šã€ä»–ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¸ã®ä¾å˜ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ è¶…è»½é‡ 2.26KBã®è¶…è»½é‡ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€‚ ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ã¦è¨è¨ˆã€‚ å®Ÿè£…ãŒç°¡å˜ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚’åŠ ãˆã¦ã€HTMLã«dataå±žæ€§ã‚’åŠ ãˆã‚‹ã ã‘ã®ç°¡å˜å®Ÿè£…ã€‚ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§ã€å€‹äººã§ã‚‚å•†ç”¨ã§ã‚‚åˆ©ç”¨ã§ãã¾ã™ã€‚ Sal.jsã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã§ã¯ã€S
larsson9 2018/09/25
js

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

javascript

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 æ¬¡ã®ãƒšãƒ¼ã‚¸