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

KoshianX id:KoshianX

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

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

ã†ã‚ã£ã€ç§ã®ã‚µã‚¤ãƒˆBootstrapãã•ã™ãŽ!? ãŸã£ãŸæ•°æ–‡å—å¤‰ãˆã‚‹ã ã‘ã§Bootstrapã®ãã•ã¿ãŒæŠœã‘ã‚‹7ã¤ã®CSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€‚
ãªã‚“ã‹ã€ã“ã®ã‚µã‚¤ãƒˆBootstrapãã•ã„ã€‚ãã†æ„Ÿã˜ã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹? ãã®ç†ç”±ã¯ã‚ºãƒãƒªã€æ¬§æ–‡ãƒ™ãƒ¼ã‚¹ã§ã¤ãã‚‰ã‚ŒãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æ–‡å—æ§‹é€ ã®é•ã†æ—¥æœ¬èªžã§é©ç”¨ã—ãŸéš›ã«ä¸éƒ½åˆãŒå‡ºã¦ã—ã¾ã£ã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ ãã‚Œã‚‰ãŒé†¸ã—å‡ºã™é•å’Œæ„Ÿã‚’æ”¾ã£ã¦ãŠãã¨ã€Bootstrapãã•ã•ã‚’ç”Ÿã¿å‡ºã™å¤§ããªåŽŸå› ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ãã‚‚ãã‚‚ã®å•é¡Œã¨ã—ã¦ã€æ¬§æ–‡ã¨æ¯”è¼ƒã—ã¦å’Œæ–‡ã¯æ–‡å—ã®è¦ç´ ãŒå¤šãã€æ–‡å—è‡ªä½“ã®ãƒªã‚ºãƒ ã‚‚å°‘ãªã„ãŸã‚ã€ã©ã†ã—ã¦ã‚‚è¤‡é›‘ã§å˜èª¿ã«è¦‹ãˆã¦ã—ã¾ã„ã¾ã™ã€‚ ã—ã‹ã—ã€å’Œæ–‡ã ã‹ã‚‰ã¨ã„ã£ã¦ã‚ãã‚‰ã‚ã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚Bootstrapã®CSSã‚’å°‘ã—ã ã‘å¤‰ãˆã‚‹ã ã‘ã§ã‚°ãƒƒã¨è¦‹ãŸç›®ãŒã‚ˆããªã‚‹éš ã—å‘³ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ 1. line-heightã§è¡Œé–“ã«ã‚†ã¨ã‚Šã‚’ã€‚æ˜Žæœã‚„ã‚´ã‚·ãƒƒã‚¯ãªã©ã€ãƒ•ã‚©ãƒ³ãƒˆã®ç¨®é¡žãŒè¨€è‘‰ã®å°è±¡ã‚’è¡¨ã™ã‚ˆã†ã«ã€æ–‡å—ã®è¡Œé–“ã¯èªã¿ã‚„ã™ã•ã€æ–‡ç« å…¨ä½“ã®é›°å›²æ°—ã‚’å·¦å³ã—ã¾ã™ã€‚ æ¬§æ–‡ã‚’ãƒ™ãƒ¼ã‚¹ã«è¨è¨ˆã•ã‚ŒãŸBootstrapã‚’ãã®ã¾ã¾
KoshianX 2016/10/15
ã¸ãˆã€ã‘ã£ã“ã†ã„ã‚ã„ã‚ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ã‚‹ã‚‚ã‚“ã ãªã€‚CSS3ã¯ã¤ã¾ã¿é£Ÿã„ã—ã‹ã—ã¦ãªã„ã‚“ã ã‚ˆãªã‚ã€‚ãƒ–ãƒã‚°ä½¿ã£ã¦ã„ã‚ã„ã‚è©¦ã—ã¦ãŠãã‹ã€‚4ã¯ã¾ã ãªã‚“ã‹ãªbootstrap

design

css

bootstrap
ãƒªãƒ³ã‚¯
å¤‰æ…‹çš„ CSS ãƒˆãƒªãƒƒã‚¯
å¤šå°‘è¤‡é›‘ãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚‚ã€ç”»åƒã‚„ JavaScript ã«ã¯é ¼ã‚‰ãšã€CSS ã§å®Ÿç¾ã•ã›ã‚‹ã€‚ãã“ã«ã¯ã‚‚ã¯ã‚„æ‰‹è»½ã•ãªã©ã¯å˜åœ¨ã—ãªã„ã€‚ã‚ã‚‹ã®ã¯ç”·ã®ãƒãƒžãƒ³ã€‚
KoshianX 2016/08/29
CSS Wizard ã¨ã„ã†ã®ã‚‚ã‚ã‚‹ã®ã ãªâ€¦â€¦ã€‚ã—ã£ã‹ã— CSS ã‚‚æœ¬å½“ã«å¥¥ãŒæ·±ããªã£ã¦ããŸãªã‚â€¦â€¦ã€‚

css
ãƒªãƒ³ã‚¯
Bootstrap 3.1 How to use mixin make-grid-columns()?
KoshianX 2015/12/27
ç”Ÿæˆå‰ã®ã‚¯ãƒ©ã‚¹ã¯ç¶™æ‰¿ã¨ã‹ã§ããªã„ã‹ã‚‰ã“ã†ã‚„ã£ã¦mixinã™ã‚‹ã®ã‹ã€‚

css
ãƒªãƒ³ã‚¯
CSSfmtã‚’ã¤ãã£ãŸè©±ã€ã‚‚ã—ãã¯æœ¬è³ªçš„ãªå•é¡Œè§£æ±ºã¨ã¯ - Qiita
CSSfmtã¨ã„ã†ã€CSSã¨SCSSã®ã‚³ãƒ¼ãƒ‰ã‚’è‡ªå‹•æ•´å½¢ã™ã‚‹ãƒ„ãƒ¼ãƒ«ã‚’ã¤ãã£ãŸã€‚ ä½¿ã„æ–¹ã¯READMEã‚’è¦‹ãŸã‚‰ã‚ã‹ã‚‹ã¨æ€ã†ã€‚Atom, Sublime Text, Vim, Emacsç”¨ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒã‚ã‚‹ã®ã§ã€ã‚¨ãƒ‡ã‚£ã‚¿ã§ä½¿ã†ã®ãŒãŠã™ã™ã‚ã€‚ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ã‹ã‚‰ã‚‚ä½¿ãˆã‚‹ã€‚ atom-cssfmt sublime-cssfmt vim-cssfmt cssfmt.el Atomã§CSSfmtãŒå‹•ã„ã¦ã„ã‚‹æ§˜åï¼š ãªãœã¤ãã£ãŸã®ã‹ ãƒãƒ¼ãƒ é–‹ç™ºã«ãŠã„ã¦ã€ã‚³ãƒ¼ãƒ‰ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆãŒçµ±ä¸€ã•ã‚Œã¦ã„ãªã„ã“ã¨ãŒã‚ã‚‹ã€‚ ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã®å°ã•ãªé•ã„ã¯ã‚ã–ã‚ã–æŒ‡æ‘˜ã™ã‚‹ã®ã‚‚ã‚ã‚“ã©ã†ã ã—ã€æŒ‡æ‘˜ã•ã‚Œã¦ã‚‚å«Œãªæ°—åˆ†ã«ãªã‚‹ã€‚ãªã®ã§ã€ã‚³ãƒ¼ãƒ‰ã‚’ã‚ã‚‹ãƒ«ãƒ¼ãƒ«ã«å¾“ã£ã¦è‡ªå‹•ã§æ•´å½¢ã™ã‚‹ãƒ„ãƒ¼ãƒ«ã®å°Žå…¥ã¯å¿…é ˆã ã¨æ€ã†ã€‚ CSSã‚³ãƒ¼ãƒ‰ã®æ•´å½¢ãƒ„ãƒ¼ãƒ«ã¯ã„ãã¤ã‹ã‚ã‚‹ã€‚CSS Beautifyã‚„CSScombã€stylelintã§ã‚‚å¯èƒ½ã ã€‚ ã“ã‚Œã‚‰ã®ãƒ„ãƒ¼ãƒ«ã¨CSSfmt
KoshianX 2015/10/28
ã©ã†ã§ã‚‚ã„ã„ã‘ã©ãƒ•ã‚©ãƒ¼ãƒžãƒƒã‚¿ã¯ä¾¿åˆ©ãã†

css
ãƒªãƒ³ã‚¯
ãã‚ãã‚çœŸé¢ç›®ã«ã€HTMLã§å¸³ç¥¨ã‚’æãè©±ã‚’ã—ã‚ˆã†ã‹ - Qiita
å¸³ç¥¨ã¨ã„ãˆã°PDFã¨ã—ã¦ç”Ÿæˆã™ã‚‹ã®ãŒä¸€èˆ¬çš„ã§ã—ã‚‡ã†ã‹? ã§ã‚‚ã€2015å¹´ã®ä»Šã€ã‚ãˆã¦HTMLã§æãã®ãŒãƒ›ãƒƒãƒˆã§ã™(å€‹äººçš„ã«)ã€‚ãƒŸãƒªå˜ä½ã§è¨å®šã•ã‚ŒãŸé«˜åº¦ãªå¸³ç¥¨ã‚‚ã€CSSã‚’é§†ä½¿ã—ã¦ç°¡å˜ã«ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ã§ã‚‚ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã‚’é¸æŠžã™ã‚‹ã“ã¨ãŒå¢—ãˆã€@pageãªã©ã‚‚ç©æ¥µçš„ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸã“ã¨ã€SPA(Single Page Application)ã®å°é ã€ã„ã‚ã„ã‚ã¨æ¡ä»¶ãŒæƒã£ã¦ãã¾ã—ãŸã€‚ æ›¸ã„ã¦ãŸã‚‰çµæ§‹é•·ããªã£ã¡ã‚ƒã£ãŸã®ã§ã€ã•ãã£ã¨ã‚³ãƒ¼ãƒ‰ã ã‘è¦‹ãŸã„æ–¹ã¯ã€Paper CSSãƒªãƒã‚¸ãƒˆãƒªã‚’ã©ã†ãžã€‚ ã¯ã˜ã‚ã« HTMLå¸³ç¥¨ã®ãƒ¡ãƒªãƒƒãƒˆ 2015å¹´ç¾åœ¨ã€HTMLå¸³ç¥¨ã‚’é¸æŠžã™ã‚‹å¹¾ã¤ã‹ã®ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚Šã¾ã™ã€‚ ãƒ©ã‚¤ãƒ–ãƒªãƒãƒ¼ãƒ‰ã§ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãªã‚¹ã‚¿ã‚¤ãƒ«èª¿æ•´ ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã§ã¯ãªããƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ç”Ÿæˆã§ãã‚‹ å‰è€…ã¯ã€gulpã‚„Gruntã®æ™®åŠã§ã€CSSã«ã—ã‚HTMLã«ã—ã‚ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã§ãã‚‹ç’°
KoshianX 2015/10/14
CSSè¡¨ç¾åŠ›ãŒä¸ŠãŒã£ã¦ãã¦å°åˆ·ã«ã‚‚æœ¬æ ¼çš„ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¤ã¤ã‚ã‚‹ã®ã‹ã€‚ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã«ç”Ÿæˆã—ãŸHTMLãƒ„ãƒªãƒ¼ãªã’ã¦PDFã‚‚ã‚‰ã†ã¨ã‹ã‚‚ã§ããã†ã ãªã‚

html

print

css
ãƒªãƒ³ã‚¯
å¦ã¶ã€è€ƒãˆã‚‹ã€æ›¸ãå‡ºã™ã€‚
2023å¹´1æœˆ1æ—¥ 2022å¹´ã®æŒ¯ã‚Šè¿”ã‚Š ä»Šå¹´ã¯è‰¯ãã‚‚æ‚ªãã‚‚æŸå›½éš›çƒæŠ€ã‚¤ãƒ™ãƒ³ãƒˆã«æŒ¯ã‚Šå›žã•ã‚ŒãŸå¹´ã ã£ãŸã€‚ 2022å¹´11æœˆ23æ—¥ eslint-plugin-importã«ã‚ˆã£ã¦Vitestã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ä¸Šã§ã‚¨ãƒ©ãƒ¼ãŒç™ºç”Ÿã™ã‚‹å ´åˆãŒã‚ã‚‹ vitest ã¨ eslint-plugin-import ã«ä¾å˜ã—ã¦ã„ã‚‹ç’°å¢ƒã§ã¯ã€vitest.config.tså†…ã§ vitest/config ã‚’ã‚¤ãƒ³ãƒãƒ¼ãƒˆã™ã‚‹ã¨ Unable to resolve path to module 'vitest/config'. eslint(import/no-unresolved) ã¨ã„ã†ã‚¨ãƒ©ãƒ¼ãŒå‡ºã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ 2022å¹´8æœˆ24æ—¥ Next.js + Vercel + microCMSãªã©ã‚’ä½¿ã£ã¦ã»ã¼ç„¡æ–™ã§ãƒ–ãƒã‚°ã‚’é‹ç”¨ã™ã‚‹ å½“ãƒ–ãƒã‚°ã®ã‚·ã‚¹ãƒ†ãƒ æ§‹æˆã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚æ§‹æˆã‚’çœŸä¼¼ã™ã‚‹ã“ã¨ã§ã»ã¼ç„¡æ–™ï¼ˆå¾Œè¿°ï¼‰ã§ãƒ–ãƒã‚°
KoshianX 2015/06/29
css

tool
ãƒªãƒ³ã‚¯
CSS SANS
CSS SANS ã¯ã€WEBä¸Šã§ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»æ–‡å—çµ„ã‚’ã™ã‚‹ãŸã‚ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªž CSS ã§ã¤ãã‚‰ã‚ŒãŸãƒ•ã‚©ãƒ³ãƒˆã€‚ WEBã®æ´å²ãƒ»é€²åŒ–ã‚’æ˜ ã—å‡ºã—ã€æ™‚ä»£ã«åˆã‚ã›ã¦å½¢ã‚’å¤‰ãˆã‚‹ã€ã“ã‚Œã¾ã§ã«ãªã„ãƒ•ã‚©ãƒ³ãƒˆã§ã™ã€‚ CSS SANS is the font created by CSS, the programming language for web designing and typesetting. It is an unprecedented font that reflects history and evolution of the Web, and even changes its own shape. ãƒ•ã‚©ãƒ³ãƒˆã®æˆã‚Šç«‹ã¡How the font is madeCSS ã§ã§ãã‚‹ã“ã¨ã¯ã€WEBãƒšãƒ¼ã‚¸ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æ•´ãˆãŸã‚Šã€æ–‡å—çµ„ãƒ»æ–‡å—é–“ã®èª¿æ•´ã‚’ã—ãŸã‚Šãªã©ã€æ§˜ã€…ã€‚ ãŸã ã²ã¨ã¤ã€ã€Œæ–‡å—è‡ªä½“ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³
KoshianX 2015/03/13
divè¦ç´ ã«CSSãƒ„ãƒƒã‚³ã‚“ã§ãƒ•ã‚©ãƒ³ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã¿ãŸã£ã¦ã™ã”ã„ãªã€‚

css
ãƒªãƒ³ã‚¯
ãªã‚“ã§CSSã™ãæ»ã‚“ã§ã—ã¾ã†ã‚“
6. â€œCSSã¯ãã®å˜ç´”ã•ã‚†ãˆã«ã€ å¤§è¦æ¨¡ãªå®Ÿè£…ã§ã¯ç®¡ç†ãŒé›£ã—ã„ã€‚ BIG CSS â€œCSS, for all its simplicity, is a difficult language to manage in large-scale implementations. â€ - MVCSS / Overview https://www.youtube.com/http://watch?mvcss.v=github.R-BX4N8egEc io/ https://www.flickr.com/photos/nickpiggott/5212359135
KoshianX 2014/11/04
css
ãƒªãƒ³ã‚¯
ä»Šå¿…è¦ãªCSSã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£
ä¸‹è¨˜å‹‰å¼·ä¼šã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚ --------------------------------------------------------- ä½¿ã„ãŸããªã‚‹ UI ã‚’ã¤ãã‚‹ï¼ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ å‹‰å¼·ä¼š : ATND http://atnd.org/events/42371 ---------------------------------------------------------Read less
KoshianX 2014/10/23
css

development
ãƒªãƒ³ã‚¯
SMACSSã«ã‚ˆã‚‹CSSè¨è¨ˆ - Qiita
å‰æ¡ˆä»¶ã§BEMãƒãƒƒã‚¯ãªæ›¸ãæ–¹ã‚’ã—ã¦ã€ã‚ã¾ã‚Šã®ã‚¯ãƒ©ã‚¹åã®é•·ã•ã« ã‚ã‚£ã‚§ã‚¨ã‚¨ã‚¨ï¼ï¼ã£ã¦ãªã£ãŸå¾Œã§ã€ CodeGridã•ã‚“ã§SMACSSã«ã¤ã„ã¦ã®ã‚¹ãƒ†ã‚è¨˜äº‹ã‚’è¦‹ã¤ã‘ãŸã®ã§ãƒ¡ãƒ¢ã€‚ â€»ä»¥ä¸‹ã€CodeGridã•ã‚“ã®è¨˜äº‹ã«æ›¸ã„ã¦ã‚‹ã“ã¨ã‚’ã€è‡ªåˆ†ãŒå¾Œã§è¦‹ã‚‹ã‚ˆã†ã«ãƒ—ãƒè¦ç´„ã—ãŸã‚‚ã®ã§ã™ã€‚ æœ¬è¨˜äº‹ã‚’ã¾ã èªã‚“ã ã“ã¨ãŒç„¡ã„äººã¯ã“ã“ã‚ˆã‚Šã‚‚ã€æœ¬è¨˜äº‹ã®æ–¹ã‚’ã˜ã£ãã‚Šèªã‚€ã®ã‚’ãŠå‹§ã‚ã—ã¾ã™ã€‚ SMACSSã«ã‚ˆã‚‹CSSã®è¨è¨ˆ - ãƒ™ãƒ¼ã‚¹ã¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ | CodeGrid CSSã‚«ãƒ†ã‚´ãƒ©ã‚¤ã‚º 5ã¤ã«ã‚«ãƒ†ã‚´ãƒ©ã‚¤ã‚ºã—ã¦ã€ãã‚Œã«æº–ã˜ãŸåå‰ã‚’ä»˜ã‘ã‚‹ 1.ãƒ™ãƒ¼ã‚¹ 2.ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ 3.ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ« 4.çŠ¶æ…‹ï¼ˆã‚¹ãƒ†ãƒ¼ãƒˆï¼‰ 5.ãƒ†ãƒ¼ãƒž 1.ãƒ™ãƒ¼ã‚¹ãƒ«ãƒ¼ãƒ« ã‚µã‚¤ãƒˆå…¨ä½“ã§è¦ç´ ãã®ã‚‚ã®ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‚¹ã‚¿ã‚¤ãƒ«
KoshianX 2014/10/23
css

development
ãƒªãƒ³ã‚¯
CSS Gradient Animator
@-webkit-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-o-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
KoshianX 2014/10/13
css

development
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚„ã•ã—ã„HTML/CSS
1. HTML/CSS ã€œ ã€ŒãŠãƒ»ã‚‚ãƒ»ã¦ãƒ»ãªãƒ»ã—ã€ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚‚ ã€œ TAKEHARU IGARI Front-end Engineer / Evangelist ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚„ã•ã—ã„ <html5j ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹éƒ¨ ç¬¬â¼€å›žå‹‰å¼·ä¼š /> 2. ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ« â€¢ TAKEHARU IGARI çŒªç‹© ä¸ˆæ²» - æ‰€å±ž â€¢ æ ªå¼ä¼šç¤¾ Lei HauÊ¼oli ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ - ç•¥æ´ â€¢ è¡¨â½°é€Ÿåº¦ã€ä¿å®ˆæ€§ã€ãƒ–ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã€SEOã‚’è€ƒæ…®ã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ã‚’å¾—æ„ã¨ã—ã€ ç¾åœ¨ã€å„ãƒŠã‚·ãƒ§ãƒŠãƒ«ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚„ã€æ ªå¼ä¼šç¤¾ãƒªã‚¯ãƒ«ãƒ¼ãƒˆã®ä¸»è¦ã‚µãƒ¼ãƒ“ã‚¹ã®ãƒ•ãƒãƒ³ãƒˆ ã‚¨ãƒ³ãƒ‰é–‹ç™ºã«æºã‚ã‚Šã€â¾¼é€ŸåŒ–ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ã‚‚â¾ã†ã€‚ - åŸ·ç† â€¢ æŠ€è¡“è©•è«–ç¤¾ã€ŒWEB+DB PRESSã€ â€¢ Vol.66 ã€œæˆ‘æµã‚³ãƒ¼ãƒ‰ã‹ã‚‰ã®å’æ¥HTMLæ§‹é€ åŒ–æŒ‡å— â€¢ Vol.59 ã€œã€ŒWebã‚µã‚¤ãƒˆè¶…â¾¼é€ŸåŒ–å®Ÿæ³ä¸ç¶™ â”€â”€
KoshianX 2014/06/16
åŸºæœ¬çš„ãªã“ã¨ã‹ã‚‰æœ€è¿‘ã®ã“ã¨ã¾ã§ã‘ã£ã“ã†ç¶²ç¾…ã—ã¦ã‚‹æ„Ÿ

web

css

development
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®é€²åŒ–ã¯Webã®å¸¸è˜ã‚’å¤‰ãˆã‚‹ã‹ï¼Ÿ | ã‚†ã£ãã‚Šã¨â€¦
ã‚ã‚‹è¨˜äº‹ ã«ã‚ˆã‚Œã°ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– Web ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŽ¡ç”¨ã™ã‚‹ã‚µã‚¤ãƒˆã® 72% ãŒã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¨ãƒ¢ãƒã‚¤ãƒ«ã«åŒã˜ãƒªã‚½ãƒ¼ã‚¹ãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ãã†ã§ã™ã€‚ã¾ãŸãã‚Œã‚‰ãƒªã‚½ãƒ¼ã‚¹ã® 60% ä»¥ä¸ŠãŒç”»åƒ ã¨ã„ã†çµ±è¨ˆã‚„ã€ãƒ¢ãƒã‚¤ãƒ«ç”¨ã«ç”»åƒã‚’æœ€é©åŒ–ã™ã‚Œã°ã€ãƒ‡ãƒ¼ã‚¿é‡ã‚’ 72.2% å‰Šæ¸›ã§ãã‚‹ ã¨ã„ã†èª¿æŸ»çµæžœã‚‚ã‚ã‚Šã¾ã™ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ç”»åƒã®ã“ã¨ã‚’èª¿ã¹ã¦ã„ã¦ã„ã¾ã—ãŸãŒã€ãã®æŠ€è¡“é€²åŒ–ã¨ã„ã†ã‹ã€ç´†ä½™æ›²æŠ˜ã‚‚å«ã‚ã¦è‰²ã€…ã¨ã‚ã‚‹æ§˜ã§ã™ã€‚ æœ€æ–°æŠ€è¡“ã‚’ç´ æ—©ãå–ã‚Šå…¥ã‚Œã‚‹ã“ã¨ã¯ã‚‚ã¡ã‚ã‚“å¤§äº‹ã§ã™ãŒã€ç‰¹ã«éŽæ¸¡æœŸã«ãŠã„ã¦ã¯ã€å¤‰åŒ–ã«å¼·ã„ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ãŸã‚ã«ã‚‚æŠ€è¡“ã®å…ˆè¡Œãã‚’è¦‹æ¥µã‚ã‚‹ã“ã¨ãŒé‡è¦ã§ã™ã€‚ãã“ã§ã‚¿ã‚¤ãƒˆãƒ«ã®ã‚ˆã†ãªè¦–ç‚¹ã§ã€ã“ã‚Œã¾ã§ã®çµŒç·¯ã‚’ã¤ã‚‰ã¤ã‚‰ã¨è¾¿ã£ã¦ã¿ã¾ã—ãŸã€‚ è‡ªåˆ†ã¨ã—ã¦ã®ãƒ†ãƒ¼ãƒžã¯ã€ã€Œã˜ã‚ƒã‚ã€ä»Šã€ã©ã†ã™ã‚‹ã‹ï¼Ÿã€ã ã£ãŸã®ã§ã™ãŒâ€¦ã€‚èªã‚“ã§ä¸‹ã•ã‚‹æ–¹ã®ä½•ã‹ã«å½¹ç«‹ã¤ã‹ã©ã†ã‹ã¯ç”šã å¿ƒã‚‚ã¨ãªã„è¨˜äº‹ã§ã™ã€‚ ã¡ãªã¿ã«ä»Šå›žè¨˜äº‹ã§å–ã‚Šä¸Šã’ãŸè©±é¡Œã«ã¤ã„ã¦
KoshianX 2014/06/11
css

design

web

development
ãƒªãƒ³ã‚¯
ãƒ¢ãƒ€ãƒ³CSSè¨è¨ˆã®è§£èª¬ã‚µã‚¤ãƒˆã¾ã¨ã‚ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
KoshianX 2014/03/27
css

Development
ãƒªãƒ³ã‚¯
Webãƒšãƒ¼ã‚¸ã‚’Retinaå¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žåŸºç¤ŽçŸ¥è˜ç·¨
Webãƒšãƒ¼ã‚¸ã‚’Retinaå¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žåŸºç¤ŽçŸ¥è˜ç·¨ï¼šjQueryÃ—HTML5Ã—CSS3ã‚’çœŸé¢ç›®ã«å‹‰å¼·ï¼ˆ4ï¼‰ï¼ˆ1/2 ãƒšãƒ¼ã‚¸ï¼‰ iPhoneã®Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¯ã€Webãƒšãƒ¼ã‚¸ã®åˆ¶ä½œãƒ•ãƒãƒ¼ã«ã‚‚å¤§ããªå¤‰åŒ–ã‚’ã‚‚ãŸã‚‰ã—ãŸã€‚Webãƒšãƒ¼ã‚¸ã‚’Retinaå¯¾å¿œã•ã›ã‚‹ã«ã¯ã©ã†ã™ã‚Œã°ã„ã„ã®ã ã‚ã†ã‹ã€‚ ã¯ã˜ã‚ã« 2010å¹´6æœˆã«ç™»å ´ã—ãŸã‚¢ãƒƒãƒ—ãƒ«ã®iPhone 4ã«ã¯ã€ŒRetinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã€ã¨å‘¼ã°ã‚Œã‚‹ã€ãã‚Œã¾ã§ã®å¸¸è˜ã‚’è¦†ã—ãŸé«˜ç²¾ç´°ãªãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ãŒæè¼‰ã•ã‚Œã¾ã—ãŸã€‚ãã‚Œä»¥é™ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã¨ã„ã£ãŸãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¯ã‚ˆã‚Šè§£åƒåº¦ã®é«˜ã„ã‚‚ã®ã¸ã¨é€²åŒ–ã—ã¦ã„ãã€2013å¹´ã®åˆã‚ã«ã¯ã‚µãƒ ã‚¹ãƒ³é›»åã®GALAXY S4ã‚„ã‚½ãƒ‹ãƒ¼ãƒ¢ãƒã‚¤ãƒ«ã®Xperia Zãªã©ã€ãƒ•ãƒ«HDç”»è³ªå¯¾å¿œï¼ˆ1920Ã—1080ãƒ”ã‚¯ã‚»ãƒ«ï¼‰ã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’æè¼‰ã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒç™»å ´ã™ã‚‹ã¾ã§ã«ãªã‚Šã¾ã—ãŸã€‚ é«˜ç²¾ç´°ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ç™»å ´
KoshianX 2013/08/30
css

development
ãƒªãƒ³ã‚¯
http://enja.studiomohawk.com/2013/07/06/css-architecture/
KoshianX 2013/07/07
css
ãƒªãƒ³ã‚¯
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
KoshianX 2012/06/13
css
ãƒªãƒ³ã‚¯
HTML 5 Reset Stylesheet | HTML5 Doctor
Weâ€™ve had a number of people ask about templates, boilerplates, and styling for HTML 5. Last week, Remy introduced some basic boilerplates for HTML 5, so to keep the momentum going, Iâ€™ve modified Eric Meyerâ€™s CSS reset for you to use in your HTML 5 projects. The code Letâ€™s start with the complete CSS stylesheet: /* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Cl
KoshianX 2011/11/21
web

design

css
ãƒªãƒ³ã‚¯
CSS3ã®text-shadowã‚’ä½¿ã£ãŸãƒ†ã‚ã‚¹ãƒˆè£…é£¾ã®ã‚µãƒ³ãƒ—ãƒ«é›† - ã‹ã¡ã³ã¨.net
ãŸã¾ã«ä½¿ã†ã®ã§è‡ªåˆ†ç”¨ã«ãƒ¡ãƒ¢ã—ã¾ã™ã€‚ css3ã®text-shadowç‰ã‚’ä½¿ç”¨ã—ãŸ ãƒ†ã‚ã‚¹ãƒˆè£…é£¾ã®ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã® å‚™å¿˜éŒ²ã§ã™ã€‚å·¥å¤«ã™ã‚Œã°ã„ã‚ã„ã‚ ã¨ä½œã‚Œã‚‹ã‚“ã§ã—ã‚‡ã†ã‘ã©ã€ã¨ã‚Šã‚ãˆãš ã‚ˆãä½¿ã†ã‚‚ã®ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¾ã™ã€‚ è‡ªåˆ†ç”¨ã®ã‚³ãƒ”ãƒšç”¨ã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ç”¨é€”ã¯é™ã‚‰ã‚Œã¾ã™ã‘ã©ã€iPhoneç”¨ã‚µã‚¤ãƒˆãªã©ã§ã‚‚ä½¿ãˆã‚‹ã®ã§è¦šãˆã¦ãŠã„ã¦æã¯ç„¡ã„ã‹ãªã¨æ€ã„ã¾ã™ã€‚ãƒ†ã‚ã‚¹ãƒˆã ã‘ã ã¨ç®¡ç†ãŒæ¥½ã§ã„ã„ã§ã™ã‚ˆãã€‚ CSS3 text-shadow sample ã„ã‚ã„ã‚ã€‚ãƒ•ã‚©ãƒ³ãƒˆã¯Google font APIã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ä»˜ã‘ã¦ã‚‹ãƒãƒ¼ãƒŸãƒ³ã‚°ã¯ç„¡ã„ã¨ä¸è‡ªç„¶ã ã‹ã‚‰ä»˜ã‘ãŸçš„ãªã‚‚ã®ã§ã™ã®ã§æ°—ã«ã—ãªã„ã§ä¸‹ã•ã„ã€‚ Default
KoshianX 2011/07/07
ãªã«ã„ã„ã„ã€text-shadowã£ã¦ã“ã‚“ãªå¤šé‡ã«ã‹ã‘ã‚‰ã‚ŒãŸã®ã‹!!

css

development
ãƒªãƒ³ã‚¯
CSS Regionsã®ã‚ˆã†ã«é›‘èªŒã®ã‚ˆã†ãªè¤‡é›‘ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’çµ„ã‚ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ»Regions.js
é›‘èªŒã®ã‚ˆã†ãªè¤‡é›‘ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’Webã‚„ é›»åæ›¸ç±ã§ã‚‚çµ„ã‚ã‚‹ã‚ˆã†ã«ã—ã‚ˆã†ã€ã¨ã„ã† ç›®çš„ï¼ˆã‹ã©ã†ã‹åˆ†ã‹ã‚‰ãªã„ã‘ã©ï¼‰ã§å…ˆæ—¥ W3Cã§å…¬é–‹ã•ã‚ŒãŸCSS Regionsã‚’jsã§ å®Ÿè£…ã—ã‚ˆã†ã€ã¨ã„ã†ã‚‚ã®ã€‚cssã‚ªãƒ³ãƒªãƒ¼ã ã¨ ã¾ã ã¾ã æ™‚é–“ã‹ã‹ã‚Šãã†ãªã®ã§jsã®æ‰‹ã‚’ å€Ÿã‚Šã¦ç–‘ä¼¼ä½“é¨“ã—ã¦ãŠãã®ã‚‚æ‰‹ã§ã™ã‹ããƒ»ãƒ» ã¤ã„å…ˆæ—¥ï¼ˆ2011/06/09ï¼‰ã€W3Cã§CSS Regions ModuleãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚CSS Regionsã¯ã€AdobeãŒæå”±ã—ã¦ã„ã‚‹ã€è¤‡é›‘ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’çµ„ã‚€ãŸã‚ã«è¦ç´ é–“ã‚’ç¹‹ã„ã§ãƒ†ã‚ã‚¹ãƒˆã‚’è‡ªç”±ã«é…ç½®ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ã€ã¨ã„ã†ã‚‚ã®ã ãã†ã§ã™ã€‚ ä¾‹ãˆã°ã€ãƒ¢ãƒ‹ã‚¿ãƒ¼ã®å¹…ãŒç‹ã„ç’°å¢ƒã§é–²è¦§ã—ãŸéš›ã«ã€ä½™ã£ã¦ã—ã¾ã†è¦ç´ å†…ã®ãƒ†ã‚ã‚¹ãƒˆã‚’æ¬¡ã®è¦ç´ ã«æµã—è¾¼ã‚ã¾ã™ã€‚CSS Regionsã«é–¢ã—ã¦ã¯Publickeyã•ã‚“ã®èª¬æ˜ŽãŒå‡„ãåˆ†ã‹ã‚Šã‚„ã™ã‹ã£ãŸã§ã™ã€‚åƒ•ã¯å˜åœ¨ã™ã‚‰çŸ¥ã‚Šã¾ã›ã‚“ã§ã—ï½” ã“ã‚Œã«å…ˆè¡Œã—ã¦å®Ÿç¾ã—ãŸjsãƒ©ã‚¤ãƒ–ãƒ©ãƒª
KoshianX 2011/06/22
css

JavaScript
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸