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

glat_design id:glat_design

glat_designã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6,844)

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

EXPERIENCE JAPAN PICTOGRAMS
Animated Pictogramsæ—¥æœ¬ã«å¤ãã‹ã‚‰æ ¹ä»˜ãã€ç‹¬ç‰¹ã®æ–‡åŒ–ã‚„ç¿’æ…£ã€ ãƒžãƒŠãƒ¼ã‚’ã‚‚ã£ã¨æ¥½ã—ãã€ã‚ã‹ã‚Šã‚„ã™ãã€èº«è¿‘ã«ã€‚ å‚æ‹ãŠè¾žå„€é¤…ã¤ãã‚¿ã‚¯ã‚·ãƒ¼ã‚’æ‹¾ã†å…¥æµ´æ‰‹æ°´èŒ¶é“æ‰‹ç· ã‚é›»è»Šç›¸æ’²ã®æ±ºã¾ã‚Šæ‰‹é˜¿æ³¢ãŠã©ã‚ŠComing Soon
glat_design 2021/02/21
æ—¥æœ¬ã®æ–‡åŒ–ã‚’ãƒ¢ãƒãƒ¼ãƒ•ã¨ã—ãŸã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆ

Webåˆ¶ä½œ

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

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

æ—¥æœ¬
ãƒªãƒ³ã‚¯
CSS ã‚«ã‚¹ã‚±ãƒ¼ãƒ‰å…¥é–€ - CSS: ã‚«ã‚¹ã‚±ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ | MDN
CSS ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« CSS ã®åŸºæœ¬ CSS ã®ç¬¬ä¸€æ© CSS ã®ç¬¬ä¸€æ©ã®æ¦‚è¦ CSS ã¨ã¯ä½•ã‹ CSS å…¥é–€ CSS ã®å…¨ä½“åƒ CSS ã®åƒã è©•ä¾¡èª²é¡Œ: çµŒæ´ãƒšãƒ¼ã‚¸ã®ã‚¹ã‚¿ã‚¤ãƒ«è¨å®š CSS ã®æ§‹æˆè¦ç´ CSS ã®æ§‹æˆè¦ç´ ã®æ¦‚è¦ CSS ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators ã‚«ã‚¹ã‚±ãƒ¼ãƒ‰ã¨ç¶™æ‰¿ Cascade layers ãƒœãƒƒã‚¯ã‚¹ãƒ¢ãƒ‡ãƒ« èƒŒæ™¯ã¨å¢ƒç•Œ æ›¸å—æ–¹å‘ã®æ“ä½œ å†…å®¹ã®ã¯ã¿å‡ºã— CSS ã®å€¤ã¨å˜ä½ CSS ã«ãŠã‘ã‚‹å¤§ãã•ã®æŒ‡å®š ç”»åƒã€ãƒ¡ãƒ‡ã‚£ã‚¢ã€ãƒ•ã‚©ãƒ¼ãƒ ã®è¦ç´ è¡¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ä»˜ã‘ CSS ã®ãƒ‡ãƒãƒƒã‚° CSS ã®æ•´ç† è©•ä¾¡èª²é¡Œ: CSS ã®åŸºæœ¬çš„ãªç†è§£åº¦ è©•ä¾¡èª²é¡Œ: ç´ æ•µãªãƒ¬ã‚¿ãƒ¼ãƒ˜ãƒƒãƒ‰ã®ä¾¿ç®‹ã®ä½œæˆ è©•ä¾¡èª²é¡Œ: ã‹ã£ã“ã„ã„ãƒœãƒƒã‚¯
glat_design 2020/10/09
ã‚«ã‚¹ã‚±ãƒ¼ãƒ‰ã®èª¬æ˜Žã‚’äººã«ã™ã‚‹ã¨ãä½¿ãˆãã†

CSS

åŸºç¤Ž

è§£èª¬

ç¿»è¨³
ãƒªãƒ³ã‚¯
ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸åˆ¶ä½œã«å½¹ç«‹ã¤ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã¨æ”¹å–„æ³•(toCtoB)ï½œç›¸åŽŸ ã‚†ã†ãfree web hope
ã“ã‚“ã«ã¡ã¯ï¼æ ªå¼ä¼šç¤¾free web hopeã®ç›¸åŽŸã§ã™ã€‚ ä»Šå›žã¯å½“ç¤¾ã§ã®ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã®å‰µã‚Šæ–¹ã‚’ãƒ™ãƒ¼ã‚¹ã—ã«ã¦ã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸åˆ¶ä½œã‚’ã™ã‚‹æ™‚ã«å½¹ç«‹ã¤ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’å…¬é–‹ã—ã¾ã™ã€‚å½“ç¤¾ã®ç¤¾å†…ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã«ã‚‚ãªã£ã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚ãŠé™°æ§˜ã§ä¸ã€…ã®é«˜è©•ä¾¡ã‚’é ‚ã„ã¦ãŠã‚Šã€æ›¸ã„ãŸç”²æ–ãŒã‚ã‚Šã¾ã—ãŸtt ã“ã‚Œèªã‚“ã ã‚‰ã‚ã¡ã‚ƒã‚ã¡ã‚ƒã‚„ã‚‹æ°—å‡ºãŸï¼ï¼ ä½•ã‹ã‚‰å§‹ã‚ãŸã‚‰è‰¯ã„ã®ã‹ã‚ã‹ã‚‰ãšä½•ã‚‚çŸ¥ã‚‰ãªã„ã¾ã¾ã‚„ã‚ã†ã¨ã—ã¦ã„ãŸã‹ã‚‰ãã€ãã‚Šã‚ƒã‚å¿ƒã‚‚æŠ˜ã‚Œã‚‹ã¯ãšã ðŸ‘¶ ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸åˆ¶ä½œã«å½¹ç«‹ã¤ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã¨æ”¹å–„æ³•(toCtoB)ï½œç›¸åŽŸ ã‚†ã†ãfree web hope @fwh_aihara #note https://t.co/u5ACEAfePU â€” ã›ã‚Šã‚‡ðŸŒ·ï¼ TravelÃ—Shopifyâœˆï¸Ž (@seritulip) October 14, 2020 äº‹æ¥æˆ¦ç•¥ã‹ã‚‰ã€LPã¸ã®è½ã¨ã—è¾¼ã¿ã€tipsã¾ã§ã€åŠç«¯ãªã„ã€‚ ã‚ã¡ã‚ƒãã¡ã‚ƒ
glat_design 2020/10/08
è‡ªåˆ†ã§ã¯LPåˆ¶ä½œã‚’è¨€èªžåŒ–ã™ã‚‹ã“ã¨ã¯ã‚ã¾ã‚Šãªã„ã®ã§å‚è€ƒã«

Webåˆ¶ä½œ

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

LP

è§£èª¬
ãƒªãƒ³ã‚¯
Reconstructing Journalistic Scenes in 3D
The New York Times Research & Development 620 Eighth Avenue New York City, New York 10018
glat_design 2020/08/05
3Dã®æ˜ åƒã®ä¸ã«å…¥ã£ã¦ã„ãã‚ˆã†ãªå½¢ã§æ–‡ç« ã‚’èªã¾ã›ã‚‹æŠ€è¡“ã€‚ç¢ºã‹ã«æ˜ åƒã‚’è¦‹ã›ãŸã„ã‘ã©è»¸è¶³ãŒå‹•ç”»ã˜ã‚ƒãªãã¦æ–‡ç« ã«ã‚ã‚‹ãƒ«ãƒãªã©ã«å‘ã„ã¦ãã†

æŠ€è¡“

æµ·å¤–

3D
ãƒªãƒ³ã‚¯
The New York Times Research & Development group
Research & Development at The New York Times explores how emerging techno logies can be applied in service of journalism. Artificial IntelligenceArtificial Intelligence and journalism intersect in our reporting, editing and engagement with readers. R&D explores responsible uses of large language models, computer vision and generative AI to support human-made journalism at scale.
glat_design 2020/08/05
New York Timesã®ã‚¸ãƒ£ãƒ¼ãƒŠãƒªã‚ºãƒ ã«å½¹ç«‹ã¦ã‚‹æŠ€è¡“ã®ç ”ç©¶é–‹ç™ºã«é–¢ã™ã‚‹æƒ…å ±ã‚µã‚¤ãƒˆ

æŠ€è¡“

æµ·å¤–
ãƒªãƒ³ã‚¯
Simple Icons
A CCO project maintained by the Simple Icons contributors. Use GitHub for requests, corrections and contributions. Kindly supported by your donations at Open Collective.
glat_design 2020/05/31
ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒ“ã‚¹ã‚„ã‚¢ãƒ—ãƒªã€ä¼æ¥ã®ã‚¢ã‚¤ã‚³ãƒ³ã¨ã‚«ãƒ©ãƒ¼ã‚’é›†ã‚ãŸã‚‚ã® /

Webã‚µãƒ¼ãƒ“ã‚¹

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

Webåˆ¶ä½œ

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

SVG

æµ·å¤–
ãƒªãƒ³ã‚¯
CSS Fix For 100vh In Mobile WebKit | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! A surprisingly common response when asking people about things theyâ€™d fix about anything in CSS, is to improve the handling of viewport units. One thing that comes up often is how they relate to scrollbars. For example, if an element is sized to 100vw and stretches edge-to-edge, thatâ€™s fine
glat_design 2020/05/18
ã‚¦ã‚§ãƒ–ãƒ“ãƒ¥ãƒ¼ã§ã®ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã®å¤§ãã•ã‚’æ£ã—ãã™ã‚‹ã€‚Reset CSSã«æ›¸ã„ã¨ã„ã¦ã‚‚è‰¯ã•ãã† /

Webåˆ¶ä½œ

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

CSS

ãƒ¢ãƒã‚¤ãƒ«

æµ·å¤–

ã‚¹ãƒ‹ãƒšãƒƒãƒˆ
ãƒªãƒ³ã‚¯
HTML + CSSã§ãƒªã‚¢ãƒ«ãªç‚Žï¼ˆã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä»˜ï¼‰ã‚’ä½œã‚‹ - Qiita
CGãªã©ã®ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã§ç‚Žã‚’ä½œã‚‹ã‚„ã‚Šæ–¹ã‚’å¿œç”¨ã—ã¦ã€HTMLã¨CSSã ã‘ã§ãƒªã‚¢ãƒ«ãªç‚Žã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã—ã¾ã—ãŸã€‚ å®Œæˆå“ã¯ã“ã¡ã‚‰ See the Pen Only HTML + CSS Fire by Nishihara (@Nishihara) on CodePen. æ¦‚è¦ ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã®ã‹ã‚ã‚Šã«å¤§é‡ã®divè¦ç´ ã‚’ç”¨æ„ã—ã¦ã„ã¾ã™ã€‚1å€‹1å€‹ã¯ãŸã ã®å††å½¢ã§ã™ãŒã€ãã‚Œã‚‰ã‚’ä¸Šæ˜‡ã•ã›ã¤ã¤é‡ãåˆã‚ã›ã‚‹ã“ã¨ã§ã€ç‚Žã®ã‚ˆã†ãªæ¼”å‡ºã‚’ä½œã£ã¦ã„ã¾ã™ã€‚divè¦ç´ å¤§é‡ã«ä½œã‚‹ã®ãŒé¢å€’ã ã£ãŸã®ã§Pugã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚
glat_design 2020/02/12
ã“ã®æ‰‹ã®ä½œä¾‹ã§ã‹ãªã‚Šã§ããŒè‰¯ã„ /

Webåˆ¶ä½œ

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

CSS

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

Qiita
ãƒªãƒ³ã‚¯
mya-ake.com
çŒ«å¥½ãã®ã‚¦ã‚§ãƒ–ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒæ°—ã¾ãã‚Œã§æ›¸ã„ãŸã‚Šä½œã£ãŸã‚Šã—ãŸã‚‚ã®ã‚’ç½®ã„ã¦ã‚‹ã‚µã‚¤ãƒˆã§ã™ã€‚
glat_design 2020/02/06
Vue.jsã‚’ä½¿ã£ãŸæ©Ÿèƒ½è¦ä»¶ã¨ãã‚Œã«å¯¾å¿œã—ãŸå®Ÿè£…ã®è§£èª¬ /

Webåˆ¶ä½œ

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

Vue.js

ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ãƒ¼

è§£èª¬

ã‚¹ãƒ©ã‚¤ãƒ‰
ãƒªãƒ³ã‚¯
Vueå…¥é–€
4. 4 Copyright Â© Xchange Solutions All right reserved. Vueã¨ã¯ ï‚¢ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ(ãƒ•ãƒãƒ³ãƒˆUI)ã«ç‰¹åŒ–ã—ãŸã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®JavaScriptãƒ• ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€‚ ï‚¢ ãƒ‡ãƒ¼ã‚¿é§†å‹•ï¼ˆãƒ‡ãƒ¼ã‚¿ãƒ‰ãƒªãƒ–ãƒ³ï¼‰ã€ãƒªã‚¢ã‚¯ãƒ†ã‚£ãƒ–ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€‚ ï‚— ãƒ‡ãƒ¼ã‚¿ãŒå¤‰ã‚ã‚‹ã“ã¨ã§è¡¨ç¤ºãŒå¤‰ã‚ã‚‹ã€‚ ï‚¢ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå¿—å‘ï¼ˆHTML/CSS/JSã‚’éƒ¨å“å˜ä½ã§æ‰±ã†ï¼‰ã€‚ ï‚¢ MVVMãƒ‘ã‚¿ãƒ¼ãƒ³(Model-View-ViewModelãƒ‘ã‚¿ãƒ¼ãƒ³ã€Controllerãƒ¬ã‚¹)ã€‚ https://qiita.com/asip2k25/it ems/bd4bdccd5201d542953c DOM API(JSON) Vue 5. 5 Copyright Â© Xchange Solutions All right reserved. ãªãœJQueryã§ãªãVueãªã®ã‹ï¼Ÿ ï‚¢ DOMãã®
glat_design 2020/02/05
ç°¡æ½”ã§ã‚ã‹ã‚Šã‚„ã™ã‹ã£ãŸ /

Webåˆ¶ä½œ

JavaScript

Vue

è§£èª¬

åŸºç¤Ž

ã‚¹ãƒ©ã‚¤ãƒ‰
ãƒªãƒ³ã‚¯
ã€Œé’éŠ€è¡Œã®å‹˜å®šç³»ã‚’Firebaseå‰æã§æ§‹ç¯‰ã§ãã‚‹ã‹ï¼Ÿã€ - ãŸãªã‹ã“ã†ã„ã¡ã®é–‹ç™ºãƒŽãƒ¼ãƒˆ
Firebaseã«ã¤ã„ã¦ã€äº‹å‰çŸ¥è˜ Firebaseã¨ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªæ©Ÿèƒ½ç¾¤ã‚’ã€ŒServerlessã€ã®æ–‡è„ˆã§ãƒãƒ³ãƒ‰ãƒ«ã—ãŸã‚‚ã®ã§ã‚ã‚‹ã€‚ã€ŒServerlessã€ã¨ã—ã¦ã€ã“ã‚Œã‚‰ã®çµ±åˆç®¡ç†ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã®å‡ºæ¥æ „ãˆãŒç§€é€¸ã€‚ - Firestore ... Document-oriented KVS - Cloud Functions ... AWSã®Lambda - Cloud Storage ... AWSã®S3 - Hosting ... Web Assetsã®ãƒ‡ãƒ—ãƒã‚¤å…ˆã®æä¾›ã€CDNå±•é–‹ã‚µãƒãƒ¼ãƒˆ - Authentication ... ãƒ¦ãƒ¼ã‚¶ãƒ¼ç®¡ç†ãƒ»çµ±åˆèªè¨¼ã‚µãƒ¼ãƒ“ã‚¹ã®æä¾› - Cloud Messaging ... iOS/Android/Web(JS)ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚¢ãƒ—ãƒªã¸ã®çµ±åˆãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã‚µãƒ¼ãƒ“ã‚¹ - ãã®ä»– ã„ã†ã¾ã§ã‚‚ãªãã€ŒServerlessã€ã¨ã¯ã€Œã‚µãƒ¼ãƒãƒ¼é‹ç”¨ãƒ»ç®¡ç†ãƒ¬ã‚¹ã€ã®æ„å‘³ã€‚ã¾ã•ã«
glat_design 2020/02/04
ãªã‚‹ã»ã©ãƒ¼ã€‚ãã£ã¡å´ã®è©±ã‚’ã‚ã¾ã‚Šèžãã“ã¨ãŒãªã„ã®ã§èžã„ã¦ã¿ãŸããªã£ãŸ /

webåˆ¶ä½œ

é–‹ç™º

ã‚µãƒ¼ãƒãƒ¼

è§£èª¬
ãƒªãƒ³ã‚¯
Paul Graham ã‹ã‚‰ã®ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ã¸ã®ã‚¢ãƒ‰ãƒã‚¤ã‚¹ã¾ã¨ã‚ - ðŸ´ (é¦¬)
Paul Graham ã®ã‚¨ãƒƒã‚»ã‚¤ã‚’èªã‚“ã§ã€è‡ªåˆ†ãªã‚Šã«ã¾ã¨ã‚ãŸã‚‚ã®ã§ã™ã€‚ä»Šã§ã‚‚è¦‹è¿”ã™ã¨ç¤ºå”†ãŒã‚ã‚‹ã®ã§ã€èªã¿ã‚„ã™ããªã‚‹ã‚ˆã†ãƒ–ãƒã‚°ã§ã‚‚æ›¸ã„ã¦ãŠãã“ã¨ã«ã—ã¾ã—ãŸã€‚Paul Graham ã®ã‚¨ãƒƒã‚»ã‚¤ã®ç¿»è¨³ã¯ã“ã¡ã‚‰ã§ãƒªã‚¹ãƒˆã«ãªã£ã¦ã„ã¾ã™ã€‚ãœã²åŽŸæ–‡ã‚‚å½“ãŸã£ã¦ãã ã•ã„ï¼ˆæ–‡æœ«ã«å‚ç…§å…ˆã‚’æ›¸ã„ã¦ã„ã¾ã™ï¼‰ã€‚ æ˜”æ›¸ã„ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‹ã‚‰ã®è»¢è¼‰ã§ã™ã€‚ Y Combinator å‰µæ¥è€… Paul Graham ã‹ã‚‰ã®ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ã¸ã®ã‚¢ãƒ‰ãƒã‚¤ã‚¹ï¼ˆã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ãŒè¿·ã£ãŸæ™‚ã«èªã‚€ Paul Graham ã‹ã‚‰ã®ã‚¢ãƒ‰ãƒã‚¤ã‚¹ï¼‰ from Takaaki Umada www.slideshare.net åŽŸå‰‡ Make something people want ã€Œäººã€…ã®æ¬²ã—ã„ã¨æ€ã†ã‚‚ã®ã‚’ä½œã‚ã†ã€ ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ã«ã¨ã£ã¦ä¸€ç•ªé›£ã—ã„ã®ã¯ã€äººã€…ã®æ¬²ã—ã„ã¨æ€ã†ã‚‚ã®ã‚’ä½œã‚Œã‚‹ã‹ã©ã†ã‹ã§ã‚ã‚‹ï¼ˆäºŒç•ªç›®ã¯è³‡é‡‘èª¿é”ï¼‰ã€‚äººã€…ã®æ¬²ã—ã„ã¨æ€ã†ã‚‚ã®ã‚’ä½œã‚Œã‚‹ã¾
glat_design 2020/01/28
ã‚ã¾ã‚Šç›®ã‚’å‘ã‘ã¦ã“ãªã‹ã£ãŸé ˜åŸŸãªã®ã§ç¹°ã‚Šè¿”ã—è¦‹ãŸã„ /

ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—

ãƒ“ã‚¸ãƒã‚¹

è§£èª¬
ãƒªãƒ³ã‚¯
ã‚„ã‚ã‚ˆã†ã€CSSã®ã‚·ã‚¹ãƒ†ãƒ ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ•ã‚©ãƒ³ãƒˆæŒ‡å®š - Chienomi
åº ã‚¦ã‚§ãƒ–ã‚’ãƒ–ãƒ©ã‚¦ã‚¸ãƒ³ã‚°ã—ã¦ã„ã‚‹ã¨ã€å«Œã¨ã„ã†ã»ã©è¦‹ã‚‹ ç„¡æ„å‘³ã«ã²ãŸã™ã‚‰ã‚·ã‚¹ãƒ†ãƒ ãƒ•ã‚©ãƒ³ãƒˆã‚’åˆ—æŒ™ã—ã¦ã„ã‚‹ åŒã˜ã‚·ã‚¹ãƒ†ãƒ ä¸Šã«å˜åœ¨ã™ã‚‹ã¨äºˆæƒ³ã•ã‚Œã‚‹å’Œæ–‡ãƒ•ã‚©ãƒ³ãƒˆã®ã‚ã¨ã«æ¬§æ–‡ãƒ•ã‚©ãƒ³ãƒˆã‚’æŒ‡å®šã™ã‚‹ ã¨ã„ã†è‹¦ç—›æ¥µã¾ã‚Šãªã„ãƒ•ã‚©ãƒ³ãƒˆæŒ‡å®šã‚’ã—ã¦ã„ã‚‹CSSã‚’ã‚ˆãè¦‹ã‹ã‘ã‚‹ã€‚ ã²ã©ã„æ€è€ƒåœæ¢ã ã¨æ€ã†ã®ã ãŒã€å®Ÿéš›ã«ã¯è¡Œã‚ã‚Œã¦ã„ã‚‹ã°ã‹ã‚Šã‹ã€ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚’è‡ªç§°ã™ã‚‹è€…ãŒå¹³æ°—ã§ãã®ã‚ˆã†ãªæŒ‡å®šã‚’æŽ¨å¥¨ã—ã¦ã„ãŸã‚Šã™ã‚‹ã€‚ ãã‚Œã«ã¤ã„ã¦ã¯æ•£ã€…è¨€åŠã—ãŸã¤ã‚‚ã‚Šã§ã„ãŸã®ã ãŒã€å®Ÿéš›ã«Chienomiã§ãã®ã“ã¨å…¨ä½“ã‚’æŒ‡æ‘˜ã—ãŸè¨˜äº‹ã¯ãªã‹ã£ãŸã®ã§ã€ã“ã“ã§ã—ã£ã‹ã‚Šã¨è¿°ã¹ã¦ãŠã“ã†ã¨æ€ã†ã€‚ ã“ã“ã§ã¯ãã‚ŒãŒãªãœã€ã©ã®ã‚ˆã†ã«å•é¡Œãªã®ã‹ã€ã©ã®ã‚ˆã†ã«ã™ã¹ãã‹ã¨ã„ã†ã“ã¨ã‚’è¿°ã¹ã¦ã„ã“ã†ã€‚ èµ· è©±ã®å¤§æœ¬ã¨ã—ã¦ã¯ã€MSNã®ãƒ•ã‚©ãƒ³ãƒˆæŒ‡å®šãŒã²ã©ãã¦ã€Linuxä¸Šã§è¦‹ã‚‹ãŸã‚ã«æ°—ã‚’é£ã£ãŸaliasã‚’æ›¸ã‹ãã°ãªã‚‰ãªã„ãŒã€ãã‚Œä»¥ä¸Šã«ç„¡æ„å‘³ãªæŒ‡å®šã§ã‚ã‚‹ã€ã¨ã„ã†ã“ã¨ã‚’æŒ‡æ‘˜ã—ãŸã€‚ ãã‚Œä»¥
glat_design 2020/01/28
æ§˜ã€…ãªã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ•ã‚©ãƒ³ãƒˆæŒ‡å®šã«ã¤ã„ã¦è©³ã—ã„æ¯”è¼ƒã€è§£èª¬ã€è§£é‡ˆãŒã•ã‚Œã¦ã„ã‚‹ /

webåˆ¶ä½œ

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

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

CSS

è§£èª¬
ãƒªãƒ³ã‚¯
ãµã‚‹ã•ã¨ã®æ‰‹å¸–
ä»Šæ—¥ã¾ã§ã®æ—…ãƒ¡ãƒ¼ã‚¿ãƒ¼è¨ªã‚ŒãŸæ”¿ä»¤æŒ‡å®šéƒ½å¸‚ã®åŒºã®æ•° ã€87ï¼171ã€‘è¨ªã‚ŒãŸæ—§å¸‚ç”ºæ‘ã®æ•°ã€1436ï¼2,097ã€‘ç·è¨ˆã€1523/2,268ã€‘ã‚¹ãƒ¼ãƒ‘ãƒ¼ã‚«ãƒ–ã®ç·èµ°è¡Œè·é›¢36665kmä»Šæ—¥ã®æ—…å…ˆã®ã“ã¨9æœˆã®ä¸‰é€£ä¼‘ã§ã™ãã€‚å¤‰ã‚ã‚‰ãšæ—…ã¯...
glat_design 2020/01/22
ãƒã‚¤ã‚¯ã§å…¨å›½éƒ½é“åºœçœŒå¸‚åŒºç”ºæ‘ã‚’å›žã£ãŸäººã®ãƒ–ãƒã‚° /

ãƒ–ãƒã‚°

ç”Ÿæ´»
ãƒªãƒ³ã‚¯
ç ”ç©¶ã‚’ã¯ã˜ã‚ã‚‹å‰ã«çŸ¥ã£ã¦ãŠã„ã¦æ¬²ã—ã„7ã¤ã®ã“ã¨ / Welcome to Lab
ç ”ç©¶å®¤é…å±žã‚¬ã‚¤ãƒ€ãƒ³ã‚¹
glat_design 2020/01/21
å¦ç¿’ã«é–¢ã™ã‚‹å ´ã§ã¯ã©ã“ã§ã§ã‚‚èªè˜ã—ã¦ã‚‚ã‚‰ã£ã¦ãŠããŸã„ã“ã¨ /

å¦ç¿’

ã‚¹ãƒ©ã‚¤ãƒ‰
ãƒªãƒ³ã‚¯
MindBEMding ã¨è¿‘ä»£ Component è¨è¨ˆã®å…±é€šç‚¹ - Qiita
ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—æ´ã®é•·ã„æ–¹ã‹ã‚‰ã™ã‚Œã°å¤§ã—ãŸè©±ã§ã‚‚ãªã„ã®ã§ã™ãŒã€ãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ–¹ã€…ãŒãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«å‚å…¥ã•ã‚Œã‚‹æ˜¨ä»Šã€‚CSSæŒ‡å®šã«é–¢ã—ã¦ã€å‚™ã‚ã£ã¦ã„ã‚‹ã¨è‰¯ã„æ„Ÿè¦šã‚’å…±æœ‰ã§ãã‚Œã°ã¨æ€ã£ãŸã®ã§ã€ãƒ¡ãƒ¢ã‚’æ›¸ãã¾ã™ã€‚ MindB EMding ãŒè§£æ±ºã—ãŸèª²é¡Œ Vue.js ã®ã‚¹ã‚³ãƒ¼ãƒ—ä»˜ã CSSã«ã¤ã„ã¦è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚æœ¬å®¶ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’å¼•ç”¨ã—ã¾ã™ã€‚
glat_design 2020/01/21
ã‚ã‚Šã¨æ›–æ˜§ã«æ›¸ã‹ã‚ŒãŒã¡ãªBEMã®è¤‡é›‘ãªå ´åˆã®æ›¸ãæ–¹ã‚’æ˜Žç¢ºã«æ›¸ã„ã¦ã¦è‰¯ã„ /

Webåˆ¶ä½œ

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

CSS

å‘½åè¦å‰‡

è§£èª¬

Qiita
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ³ãƒˆã‚¸ãƒ£ãƒ³ãƒ—çŽ‡ã®ã‚»ã‚ªãƒªãƒ¼ã‚’è€ƒãˆã‚‹ | ãƒ•ã‚©ãƒ³ãƒˆã®è©± | ã¤ã¿ããƒ–ãƒã‚°
æ ªå¼ä¼šç¤¾ã¤ã¿ã UI/UXäº‹æ¥çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› æ‹å•“ã€€æ™‚ä¸‹ã¾ã™ã¾ã™ã”æ¸…ç¥¥ã®ã“ã¨ã¨ãŠå–œã³ç”³ã—ä¸Šã’ã¾ã™ã€‚ å¹³ç´ ã‚ˆã‚Šæ ¼åˆ¥ã®ã”é«˜é…ã‚’è³œã‚Šã€åŽšãå¾¡ç¤¼ç”³ã—ä¸Šã’ã¾ã™ã€‚ ã“ã®åº¦ã€å¼Šç¤¾ã¯å‰µæ¥ä»¥æ¥ç¶šã‘ã¦å‚ã‚Šã¾ã—ãŸUI/UXäº‹æ¥ï¼ˆå—è¨—åˆ¶ä½œäº‹æ¥ï¼‰ã«ã¤ãã¾ã—ã¦ã€2024å¹´4æœˆ30æ—¥ã‚’ã‚‚ã£ã¦çµ‚äº†ã™ã‚‹ã“ã¨ã‚’æ±ºå®šã„ãŸã—ã¾ã—ãŸã€‚ ä»Šå¾Œã¯ã€å¼Šç¤¾ã®ä¸»åŠ›äº‹æ¥ã§ã‚ã‚‹Filmarksã‚’ã¯ã˜ã‚ã¨ã—ãŸã€æ˜ åƒé–¢é€£äº‹æ¥ã«æ³¨åŠ›ã—ã¦å‚ã‚Šã¾ã™ã€‚ ã”æ„›é¡§ã‚’å—ã‘è³œã‚Šã¾ã—ãŸçš†æ§˜ã«ã¯ã€æ·±ãæ„Ÿè¬ç”³ã—ä¸Šã’ã¾ã™ã¨ã¨ã‚‚ã«ã€ã”ç†è§£è³œã‚Šã¾ã™ã‚ˆã†ãŠé¡˜ã„ç”³ã—ä¸Šã’ã¾ã™ã€‚ æ•¬å…· æ ªå¼ä¼šç¤¾ã¤ã¿ã ä»£è¡¨å–ç· å½¹ç¤¾é•· éˆ´æœ¨ è²´å¹¸ äº‹æ¥çµ‚äº†äºˆå®šæ—¥ï¼š2024å¹´4æœˆ30æ—¥ [email protected]
glat_design 2019/12/04
ã‚ã¡ã‚ƒè‰¯è¨˜äº‹ã€‚èª¬æ˜Žã®è‰¯ã•ã‚‚ã ã‘ã©ã€ã“ã®äººã¯æ—¥é ƒã‚ã¡ã‚ƒã‚ã¡ã‚ƒUIã®ã“ã¨ã‚’è€ƒãˆã¦ã„ã‚‹ã‚“ã ãªã¨å°Šæ•¬ã—ã¦ã—ã¾ã† /

Webåˆ¶ä½œ

ã‚¢ãƒ—ãƒªåˆ¶ä½œ

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

è§£èª¬

XD

AdobeMaxJapan2019

UI

ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
font-feature-settingsã¨ã‚«ã‚¹ã‚¿ãƒ ãƒ—ãƒãƒ‘ãƒ†ã‚£
font-feature-sttingsãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ä¾¿åˆ©ã ã‘ã©ã€å€¤ã®æ„å›³ã—ãªã„ä¸Šæ›¸ããŒç™ºç”Ÿã—ã‚„ã™ã„ã¨ã„ã†æ‰±ã„ã¥ã‚‰ã•ãŒã‚ã‚‹ã€‚ãŸã¨ãˆã°ã€Œãƒšãƒ¼ã‚¸å…¨ä½“ã§loclã‚’æœ‰åŠ¹ã«ã—ãŸä¸Šã§ã€h1è¦ç´ ã§ã¯paltã‚’æœ‰åŠ¹ã«ã—ãŸã„ã€ã¨ã„ã†ã‚ˆã†ãªã¨ãã€ä»¥ä¸‹ã®ã‚ˆã†ãªCSSã‚’æ›¸ã„ã¦ã—ã¾ã„ãŒã¡ã ã€‚ body { font-feature-settings: "locl" 1; } h1 { font-feature-settings: "palt" 1; } ã—ã‹ã—ã“ã®ã¨ãh1ã®paltæ©Ÿèƒ½ã‚¿ã‚°ã¯bodyã‹ã‚‰ç¶™æ‰¿ã•ã‚ŒãŸloclæ©Ÿèƒ½ã‚¿ã‚°ã«è¿½åŠ ã•ã‚Œã‚‹ã®ã§ã¯ãªãã€ã“ã‚Œã‚’ä¸Šæ›¸ãã—ã¦ã—ã¾ã†ã€‚ã¤ã¾ã‚Šh1ã§ã¯loclãŒç„¡åŠ¹ã«ãªã‚‹ã€‚ã“ã‚Œã¯æ£ã—ãã¯ä»¥ä¸‹ã®ã‚ˆã†ã«æ›¸ã‹ãªã„ã¨ã„ã‘ãªã„ã€‚ body { font-feature-settings: "locl" 1; } h1 { font-feature-settings: "locl" 1, "
glat_design 2019/11/24
ã“ã‚“ãªã«ç´°ã‹ãfont-feature-settingsã‚’ä½¿ã£ãŸã“ã¨ãªã„ã‘ã©ã€ãŸã—ã‹ã«bodyã¨è¦‹å‡ºã—è¦ç´ ã€ãã‚‰ã„ã®é‡è¤‡ã¯æ™®é€šã«ã‚ã‚Šãˆã‚‹ /

Webåˆ¶ä½œ

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

CSS

ãƒˆãƒ”ãƒƒã‚¯
ãƒªãƒ³ã‚¯
https://frasco.io/writing-css-with-accessibility-in-mind-4fc82b26aecb
glat_design 2019/11/18
ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ãƒ¼ã«é…æ…®ã—ã¦CSSã‚’æ›¸ãã¨ãæ³¨æ„ã™ã‚‹ã“ã¨é›†ã¨å‚è€ƒãƒªãƒ³ã‚¯

Webåˆ¶ä½œ

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

CSS

ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£

è§£èª¬

ç¿»è¨³
ãƒªãƒ³ã‚¯
Google re:Work
ã€Œåƒãã€ã‚’ã‚‚ã£ã¨è‰¯ã„ã‚‚ã®ã«ã€‚Google re:Workï¼ˆãƒªãƒ¯ãƒ¼ã‚¯ï¼‰ã¯ã€ã‚°ãƒ¼ã‚°ãƒ«ã‚’ã¯ã˜ã‚ã¨ã™ã‚‹ã•ã¾ã–ã¾ãªçµ„ç¹”ã®åƒãæ–¹ã®å…ˆé€²äº‹ä¾‹ã€ç ”ç©¶ã€ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’é›†ã‚ãŸã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ã™ã€‚ Google re:Work ã«ã¤ã„ã¦
glat_design 2019/11/18
GoogleãŒå–ã‚Šçµ„ã‚“ã§ã„ã‚‹åƒãæ–¹ã«ã¤ã„ã¦ã®ç ”ç©¶ã‚’ã¾ã¨ã‚ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ /

ä»•äº‹è¡“

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