ãµã¼ãã¹çµäºã®ãç¥ãã NAVERã¾ã¨ãã¯2020å¹´9æ30æ¥ããã¡ã¾ãã¦ãµã¼ãã¹çµäºãããã¾ããã ç´11å¹´éãNAVERã¾ã¨ãããå©ç¨ã»ãæ顧ããã ãèª ã«ãããã¨ããããã¾ããã
ãµã¼ãã¹çµäºã®ãç¥ãã NAVERã¾ã¨ãã¯2020å¹´9æ30æ¥ããã¡ã¾ãã¦ãµã¼ãã¹çµäºãããã¾ããã ç´11å¹´éãNAVERã¾ã¨ãããå©ç¨ã»ãæ顧ããã ãèª ã«ãããã¨ããããã¾ããã
ãµã¼ãã¹çµäºã®ãç¥ãã NAVERã¾ã¨ãã¯2020å¹´9æ30æ¥ããã¡ã¾ãã¦ãµã¼ãã¹çµäºãããã¾ããã ç´11å¹´éãNAVERã¾ã¨ãããå©ç¨ã»ãæ顧ããã ãèª ã«ãããã¨ããããã¾ããã
HTML5+CSS3+JavaScriptã§å¶ä½ããããªã¼ãã³ã½ã¼ã¹ã®UIã³ã³ãã¼ãã³ãã³ã¬ã¯ã·ã§ã³ãç´¹ä»ãã¾ãã Chico UI [ad#ad-2] Chico UIã®å¯¾å¿ãã©ã¦ã¶ã¯ä¸è¨ã®éãã§ãã IE6ã«ã¯å¯¾å¿ãã¦ãã¾ããããååã§ãããã 対å¿ãã©ã¦ã¶ Google Chrome Safari Firefox 4+ Internet Explorer 7+ Opera Chico UIã®ã¦ã§ããã¼ã¸ã«ä½¿ç¨ãããã¾ãã¾ãªUIã³ã³ãã¼ãã³ããç´¹ä»ãã¾ãã ã¨ããã®åã«ã¬ã¤ã¢ã¦ãã¨ã°ãªããããã
è¥ãããé ãä¸å¸ãããã¢ã¤ãã¢ãåºããã次ã®ä¼è°ã¾ã§ã«ã¢ã¤ãã¢ãèãã¦ãããã¨è¨ããã ãã®ãã³ã«ãã¾ãã¢ã¤ãã¢ããã»ã»ã»ãããå ¨ç¶æãã¤ããªãã»ã»ã»ããã¨æ©ãã ãã®ã§ãã ã¢ã¤ãã¢æ¬ãçã£ç«¯ããèªãã§è©¦ãã¦ã¿ã¾ããããããç°¡åã«ã¯ã¢ã¤ãã¢ã¯åºãªããã®ã§ãä¸å¸ã¸ã®ã¢ã¤ãã¢å ±åã¯å¤§å¤è¦çã ã£ããã¨ãæãåºãã¾ãã ãããªå½æã®èªåã«ããªãºãã¼ã³ã®ãã§ãã¯ãªã¹ãããæãããã¨ãã§ããã°ãããã¶ãç¶æ³ã¯å¤ãã£ã¦ããã®ã§ã¯ãªããã¨æãã¾ãã ããªãºãã¼ã³ã®ãã§ãã¯ãªã¹ããã¯ããå ¥ãæ¿ãã¦ã¿ãããã大ãããã¦ã¿ããããéã«ãã¦ã¿ããããªã©ã¨ãï¼ã¤ã®ãé¡ããã¢ã¤ãã¢ã大éçç£ãããã¨ãã§ãããã¬ã¼ã ã¯ã¼ã¯ã§ãã ã¢ã¤ãã¢åºãã«å°ã£ã¦ããæ¹ããã²ããªãºãã¼ã³ã®ãã§ãã¯ãªã¹ããã試ãã¦ã¿ã¦ãã ããã ããªãºãã¼ã³ã®ãã§ãã¯ãªã¹ããã¯ãã©ããªãã¼ã«ãªã®ãï¼ ï¼ã¤ã®è¦ç¹ãããã¢ã¤ãã¢ãçºæ³ã§ãããã¼ã«ã§ãã
æ¦è¦ éçºãããã°ãªãªã¼ã¹ãããããªãªã¼ã¹ãçµããã°éçºãããã¾ããç¶ç¶éçºããã以ä¸ã¯ãªãªã¼ã¹ã¨éçºã®ç¹°ãè¿ãã§ãã éçºææ³ããªãªã¼ã¹æ段ã¯æ²¢å±±ããã®ã§ããããã¾ããã£ãããããã®ãç¡ãã£ãã®ã§èªåã§ã¾ã¨ãã¦ã¿ã¾ããã ããã§å®ç§ã¨ãããã®ã¯æ®å¿µãªãããã®ä¸ã«ãªãã¨æãã®ã§ããããããè¨æ©å¿å¤ã«è¯ãæµããä½ã£ã¦è¡ããã°ã¨æãã¾ãã ãã®æç« ã¯ä»¥ä¸ã®ãããªæ§æã«ãªã£ã¦ã¾ããæ¸ãæ®´ãã§ãã¿ã¾ããã ãã¼ã¸ã§ã³ã®ä»ãæ¹ ã½ã¼ã¹ã³ã¼ã管çã¨ãªãªã¼ã¹ ã¿ã¹ã¯é§å ç°å¢æ¹é å®ç¾© ããã¤ãäºåã«å®ç¾©ãã¦ãããªãã¨è©±ãã訳ããããªããªããããªã®ã§ã ãã¼ã¸ã§ã³ç®¡çã«ã¯ git ãæ¡ç¨ãã¦ãã¾ãã éçºã¨ããã®ã¯ã³ã¼ããæ¸ãäºã ããæãã¦ã¯ãã¾ããã ããã§ãããã¬ã¼ã ã¯ã¼ã¯ã¯ãèªèº«ã§éçºãã¦ãããã¨ãã¦æ±ãã¾ããããããªãã¨ã¡ãã£ã¨é£ããã®ã§ã ã©ã¤ãã©ãªã¯èªèº«ã®éçºã¨ãã以å¤ãããã¨æãã¾ãã®ã§ã
Webãè¦ã¦ããã¨ããã¬ã¼ã ã¯ã¼ã¯ã£ã¦ããè¨èãããç®ã«ãã¾ããåå¿è ã®é ã¯ããã®ãã¬ã¼ã ã¯ã¼ã¯ã£ã¦ãããã®ãã©ããªãã®ãªã®ãããã¾ãã¡åããã¾ããã§ãããä»åã¯ãè²ããªä¾ã§ãã¬ã¼ã ã¯ã¼ã¯ã¨ãããã®ãç´¹ä»ãã¦ã¿ã¾ããããªã®ã§ããã¬ã¼ã ã¯ã¼ã¯ã£ã¦ä½ã ããã£ã¦ãã人åãã®è¨äºã§ãï¼ Webå¶ä½é¢é£ã®ããã°ãèªãã§ããã¨ãã¨ãã©ããã¬ã¼ã ã¯ã¼ã¯ã£ã¦ããè¨èãã§ã¦ãã¾ããä¾ãã° CSSã®ãã¬ã¼ã ã¯ã¼ã¯ã¨ããHTML5 + CSS3 ã®ãã¬ã¼ã ã¯ã¼ã¯ã¨ã â¦ã ä»ã§ããããã®ãã¬ã¼ã ã¯ã¼ã¯ã£ã¦ä½ã ããããã¾ãããåå¿è ã®é ã¯ããã®ãã¬ã¼ã ã¯ã¼ã¯ã£ã¦ããè¨èãä½ã ãé£ãããã§ãæå³ã®åãããªããã®ã§ããï¼ç§ã ãï¼ï¼ãä½ã¨ãªãé°å²æ°ã§ã使ã£ã¦ã¿ãã¨ä¾¿å©ãªã®ããªã¼ã¨ããæãã¯ãã¾ãããã©ããããããã¬ã¼ã ã¯ã¼ã¯ã¨ããè¨èèªä½ã®æå³ãåãã£ã¦ããªãã£ãé ã¯ã使ã£ã¦ã¿ããï¼ã¨ããã¨ããã¾ã§è¡ãã¾ããã§ããã
ããã¯æ³¨ç®ã®è¶ ãªãããªUIãå®è£ ã§ããjQueryãã¼ã¹ã®UIã©ã¤ãã©ãªãjQuery EasyUIã 2011å¹´07æ19æ¥- jQuery EasyUI - help you build your web page easily ããã¯æ³¨ç®ã®è¶ ãªãããªUIãå®è£ ã§ããjQueryãã¼ã¹ã®UIã©ã¤ãã©ãªãjQuery EasyUIã Ext.jsã°ãã«ç¾ããã¦ãªãããªUIãjQueryã§ãå®ç¾ã§ãã¡ããã¾ããããã«ã使ãåæãjQueryãªã®ã§èª°ã§ãç°¡åã«å®è£ ã§ãã¡ããã¾ããExtã¯ãªãã¨ãªãåã£ä»ãã«ããã¨æãããããç°¡åã«ä½¿ãããã ãµã¤ãä¸ã®ãã¥ã¼ããªã¢ã«ãããã¥ã¡ã³ããå å®ãã¦ãã¦åãããããã§ãã ãªãããªãã®ãä½ããã®ã¯ãããã©ä½¿ãæ¹ãé£ããã£ããã¡ã³ããã³ã¹å¤§å¤ã ã¨ã使ãæ°ãå°ã失ãã¦ãã¾ãããã§ãããããªã大ä¸å¤«ããããã¾ããã ãã¼ãããã«ããªã³ã¬ã«ã«ã対å¿ãã¦ãããã
2, 3, 4, 6, 9, 12, 18ã®åçåå²ãã¯ãããé»éæ¯ã®åå²ã«ã対å¿ããã°ãªããã¬ã¤ã¢ã¦ãç¨ã®CSSã®ãã¬ã¼ã ã¯ã¼ã¯ãç´¹ä»ãã¾ãã The Square Grid [ad#ad-2] The Square Gridã®ã°ãªããè¨è¨ ã°ãªããã®å ¨å¹ ã¯994pxã§ã両端ã«ä½ç½7pxãã¨ããæ®ãã®980pxãåçã«35åå²ãããã®ããã¼ã¹ã«ãã¦ãã¾ãã åçåå²ã®ã«ã©ã
ã°ãªãããã¼ã¹ã®ã¬ã¤ã¢ã¦ããä½æããã¨ãã¤ãã¤ãdivè¦ç´ ãå¤ç¨ãã¦ãã¾ããã¡ã§ãããæå³ã®ãããã¼ã¿ã«ã¯ããã«é©ããè¦ç´ ã使ç¨ããç¡é§ãªdivè¦ç´ ãclassã ããã®ãã¼ã¯ã¢ããããåæ¥ããæ¹æ³ãWebdesigner Depotããç´¹ä»ãã¾ãã Fight Div-itis and Class-itis With the 960 Grid System ä¸è¨ã¯åãã¤ã³ããæ訳ãããã®ã§ãã ã¯ããã« CSSã®ãã¬ã¼ã ã¯ã¼ã¯ï¼960.gsã®å ´å classã®ä¹±ç¨ãé¿ãã ãªã¹ãè¦ç´ ã®ä½¿ç¨ ç»åã¨ãã£ãã·ã§ã³ã®ä½¿ç¨ è¤æ°ã®è¦åºãã¨ãã©ã°ã©ãã®ä½¿ç¨ åè¦ç´ ã®classã¯è¦ªè¦ç´ ã« ã¯ããã« æ°å¹´åã¾ã§ã¦ã§ããã¼ã¸ã®è¨è¨ã¯ãã¼ãã«ãã¹ã¿ã³ãã¼ãã§ãããããã¦CSSã¯ããã大ããå¤ããä»æ¥ã§ã¯CSSã®ãã¬ã¼ã ã¯ã¼ã¯ãã¦ã§ããã¼ã¸ã®è¨è¨ã容æã«ãã¦ããã¦ãã¾ãã ããããªããããã®CSSã®ãã¬ã¼ã ã¯
ãã¼ã¹ã«Blueprint, Tripoliãã°ãªããã«960.gsãå°å·ç¨ã«hartijaãã¨ã¬ã¡ã³ãã«elementsã¨è¤æ°ã®ã¹ã¿ã¤ã«ã·ã¼ãã®ãã¬ã¼ã ã¯ã¼ã¯ã®ããã¨ãåãããçµåããããã¬ã¼ã ã¯ã¼ã¯ãBlueTripããç´¹ä»ãã¾ãã BlueTrip CSS Framework demo BlueTripã®ä¸»ãªç¹é·ã¯ä¸è¨ã®éãã§ãã 24ã«ã©ã ã®ã°ãªããã«å¯¾å¿ å®ç¨çãªã¿ã¤ãã°ã©ãã£ã®ã¹ã¿ã¤ã« ã¯ãªã¼ã³ãªãã©ã¼ã ã®ã¹ã¿ã¤ã« å°å·ç¨ã®ã¹ã¿ã¤ã«ã·ã¼ã 空ã®ã¹ã¿ã¼ã¿ã¼ããã ã»ã¯ã·ã¼ãªãã¶ã¤ã³ã®ãã¿ã³ ã¹ãã¼ã¿ã¹ã¡ãã»ã¼ã¸ã®ã¹ã¿ã¤ã« ãã¢ã§ã¯ãåè¦ç´ ã®ãµã³ãã«ã¨ã°ãªããã確èªãããã¨ãã§ãã¾ãã <textarea name="code" class="html" cols="60" rows="5"> <link rel="stylesheet" href="../css/screen.c
Konigiãããã¯ã¤ã¤ã¼ãã¬ã¼ã ãã¹ãã¼ãªã¼ãã¼ãç¨ã®ã°ã©ãç¨ç´ã®ç´ æãç´¹ä»ãã¾ãã Graph Paper | Konigi ã°ã©ãç¨ç´ã¯å ¨ã¦ããªã¼ã§ãPDFã§ãã¦ã³ãã¼ãã§ã
Webãã¼ã¸ã®è¡¨ç¤ºããã©ã¼ãã³ã¹ã®åä¸ã¯ãWebããããããããã³ãã¨ã³ãããã°ã©ãã«ã¨ã£ã¦æ°¸é ã®èª²é¡ã ããã¼ã¸ã®è¡¨ç¤ºãéããã©ããã¯ãã¦ã¼ã¶ã®æºè¶³åº¦ã«å¤§ããå½±é¿ããããªãããªUIãæ©è½ãå®ç¾ãã¤ã¤ãããã¼ã¸ã®è¡¨ç¤ºã¯è»½ããããã ããã§éè¦ã«ãªã£ã¦ããã®ãããã¼ã¸ã®èªã¿è¾¼ã¿é度ã測å®ãã¦åæãã¦ããããã¼ã«ã®åå¨ã ãWebãã¼ã¸ããã©ã¼ãã³ã¹è¨æ¸¬ãã¼ã«ã使ããã¨ã§å®éçã«ç¶æ³ãææ¡ããæ¹åçãç·´ããã¨ãã§ããã¨ããããã ãWebãã¼ã¸ããã©ã¼ãã³ã¹è¨æ¸¬ãã¼ã«ã¯ããã¤ãããããæãå°å ¥ãç°¡åã§ããã¤å¹æã®é«ããã®ã®ã²ã¨ã¤ãYahoo! Developer Networkãéãã¦æä¾ããã¦ããYSlowã ãå·çç¾å¨ã§ã®ææ°çã¯0.9.2ã¨ãªã£ã¦ããã YSlowã¯Firebugãæ´»ç¨ãã¤ã¤JavaScriptã§éçºãããWebãã¼ã¸ããã©ã¼ãã³ã¹è¨æ¸¬ãã¼ã«ãYahoo! Exceptional
ãããã³ããªã¡ã¼ã«ã¼ããã¿ã¤ãã«ãé æ´ãããid:phaãããããã¨ã 社ä¼äººãªãæ¼ããã¦ãããããã¬ã¼ã ã¯ã¼ã¯æè : LINE Corporation ãã£ã¬ã¯ã¿ã¼ããã°ãé常ã«äººæ°ã§ä»å¹´ã®ã¢ã«ãã¡ããã¬ã¼(ã¨ãããã¨ã³ããªå¤§è³ã«è¦ãã)大è³ã«ããããã¼ãããã¦ãããããããè¨äºã¯ãã¼ãºããããããªã®ã§ãåãªãã«ãã¬ã¼ã ã¯ã¼ã¯æèã«ã¤ãã¦ããã¤ããµã³ãã«ãç¨æããåã使ããã£ã¼ãã®ãµã³ãã«ãç´¹ä»ãã¦ããã¾ãã ã¨ããã1000以ä¸ã®ï¾ï¾ï½¸ï¾ã¨ãã»ã»ã»å«å¦¬ï¼æ¿ããå«å¦¬ï¼ï¼ãã³ã«ãåããããï¼ï¼ï¼ï¼ ããããè°è«ãã¡ããããªãã㨠å人ã®ä¾¡å¤è¦³ã«ä¾æ ãããäºãã®ä¸»å¼µãåºãåã£ã¦ãå ¨ä½ã¨ãã¦åæãå¾ããããã«ãªããã¨ãä¾ãã°ï½¢æµ®æ°ã®å®ç¾©ï½£ã¨ãããããªã®ã¯è°è«ããã£ã¦å ¨ä½æé©ãªãã¦å°ãããããç¡ãã®ã§ããã¸ãã¹ã®å ´ã§ã¯å ¨ãæã£ã¦ã ãã§ããå± é å±ã§ããã¾ãããã ä»äºã§è°è«ãããã¨ã®æå³ ããªã
CSS ã«ãã段çµã¬ã¤ã¢ã¦ããå®ç¾ããã«ã¯ãfloat ããããã£ã position ããããã£ã®ã©ã¡ããã使ã£ãæ¹æ³ãé¸æãããã¨ã«ãªãã¨æãã®ã ããã©ãã float æ´¾ã®èªåã¨ãã¦ã¯ position ã使ã£ãæ¹æ³ã®å©ç¹ã»æ¬ ç¹ãç¥ã£ã¦ãããªããã°ã¨æã£ããã§ãfloat ã§ä½ã£ãã®ã¨åãããã« position ã§ã段çµã¬ã¤ã¢ã¦ããä½ã£ãã¿ãããã£ããã ããããããã¬ã¤ã¢ã¦ããã¾ã¨ãã CSS ãã¬ã¼ã ã¯ã¼ã¯ãå ¬éãã¾ãã CSS ã«ãã段çµã¬ã¤ã¢ã¦ã ã¡ãªã¿ã«ãåã¬ã¤ã¢ã¦ãã®è©³ç´°ãªèª¬æã¯ããã¾ãããããã«ã¤ãã¦ã¯ããã¤ãä½ãã§è§£èª¬ãã¾ãã ã¾ãããã®ãã¬ã¼ã ã¯ã¼ã¯ã¯èªç±ã«ä½¿ã£ã¦é ãã¦æ§ãã¾ããããããã«ãã£ã¦çããåé¡ã«ã¤ãã¦ã®ãµãã¼ãã¯è¡ãã¾ããã ãã ããããããç¶æ³ã§ã¯å´©ãããã¨ããå ±åããéã«ããããã¨è¯ããã¨ããã¢ããã¤ã¹ãé ããã®ã§ããã°ããã²ãé¡ããã¾ãã ã¨ããé
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}