½ÃÀÛÆäÀÌÁö·Î Áñ°Üã±âÃß°¡
·Î±×ÀÎ
ȸ¿ø°¡ÀÔ l Ã⼮üũ l ¸¶ÀÌÆäÀÌÁö l CGIMALL
happycgi
ÀÚ·á½Ç »çÀÌÆ®µî·Ï ·©Å·100 ÇÁ·Î±×·¥¸®ºä °ü¸®ÀÚÃßõÀÚ·á Ãʺ¸°¡À̵å
Ä¿¹Â´ÏƼ
Àüü ÆîÃ帱â
Äü¸Þ´º¸µÅ© jquery , CSS , PHP , Javascript , ¹«·áÆùÆ® , ASP
»ó¼¼°Ë»ö
Ȩ > ÀαâÀÖ´Â ¼Ò½º RANKING 100  > HTML

1

¿òÁ÷ÀÌ´Â ¾Ö´Ï¸ÞÀÌ¼Ç GIF ¾ÆÀÌÄÜÀ» ½±°Ô ¸¸µé ¼ö ÀÖ´Â »çÀÌÆ®!
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:9684°Ç
À¥»çÀÌÆ®¿¡¼­ Á÷Á¢ ¾ÆÀÌÄÜÀ» ±×¸®°í, ¿òÁ÷ÀÌ´Â gif ÆÄÀÏ·Î ¸¸µé¾î ÀúÀåÇÒ ¼ö ÀÖ´Â ¼­ºñ½º¸¦ Á¦°øÇÏ´Â À¥»çÀÌÆ®ÀÔ´Ï´Ù
HTML/À¯¿ëÇÑ »çÀÌÆ®
Åë°èº¸±â

2

ÁغñÁß, °ø»çÁß ÆäÀÌÁö
ȨÆäÀÌÁö ¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå
Á¶È¸¼ö:4025°Ç
ȨÆäÀÌÁö ¼öÁ¤ ¹× À¯Áöº¸¼ö ¶Ç´Â Á¦ÀÛÁßÀ϶§ »ç¿ë°¡´ÉÇÑ ÆäÀÌÁö ÀÔ´Ï´Ù.
HTML/HTML °­ÀÇ
Åë°èº¸±â

3

°¡º±°Ô ³îÀÌÇϵíÀÌ CSS¸¦ Á¢ÇÒ ¼ö ÀÖ´Â »çÀÌÆ® - Gridgarden
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:4195°Ç
Àç¹ÌÀÖ°Ô css¸¦ Á¢ÇÒ ¼ö ÀÖ´Â »çÀÌÆ®ÀÔ´Ï´Ù. °¢ »çÀÌÆ® ¸¶´Ù Grid¼Ó¼º Flex¼Ó¼º Selector¸¦ üũÇÒ ¼ö ÀÖ½À´Ï´Ù.
CSS/À¯¿ëÇÑ »çÀÌÆ®
Åë°èº¸±â

4

½ºÅ©·Ñ ´Ù¿î ¹öÆ°-Parallax Scroll Down Button
ȨÆäÀÌÁö ¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå
Á¶È¸¼ö:2740°Ç
½ºÅ©·Ñ ´Ù¿î ¹öÆ°-Parallax Scroll Down Button
CSS/±âŸȿ°ú
Åë°èº¸±â

5

ÄÚµù½Ã À¯¿ëÇÑ CSS ÃʱâÈ­ ÄÚµå
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:5585°Ç
À¥ÆäÀÌÁö Á¦À۽à ¸ðµç ÆäÀÌÁöÀÇ Ã¹¹ø° ½ºÅ¸ÀϽÃÆ®´Â ÃʱâÈ­ ÄÚµå·Î ½ÃÀ۵˴ϴÙ. ÃʱâÈ­ ÄÚµå´Â ¸ðµç À¥ºê¶ó¿ìÀú¿¡¼­ °°Àº °á°ú¹°À» Ãâ·ÂÇϱâÀ§ÇØ »ç¿ëÇÕ´Ï´Ù. ÃʱâÈ­ Äڵ带 Á¦°øÇØÁÖ´Â ´ëÇ¥ÀûÀÎ À¥»çÀÌÆ®¸¦ Á¤...
HTML/HTML °­ÀÇ
Åë°èº¸±â

6

¸ð¹ÙÀÏ È¨ÆäÀÌÁö¿¡ Ä«Ä«¿ÀÅå ¿¬°áÇϱâ
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:60609°Ç
ÀÚ½ÅÀÇ ¸ð¹ÙÀÏ È¨ÆäÀÌÁö¿¡ Ä«Ä«¿ÀÅåÀ¸·Î ¸Þ½ÃÁö¸¦ º¸³»´Â ¸µÅ©¸¦ »ðÀÔÀ» ÇÏ´Â API ¼Ò°³ ÀÔ´Ï´Ù.
HTML/DHTML °ü·Ã/±âº» ¼Ò½º
Åë°èº¸±â

7

°¢Á¾ ±âÈ£¸¦ html¿¡ »ç¿ëÇÒ ¼ö ÀÖ´Â ÄÚµå ÂüÁ¶ À¥ »çÀÌÆ®
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:3304°Ç
html ½Éº¼ ÄÚµå¿Í À¯´ÏÄÚµå 16 Áø¼ö°ªÀ» À¥µðÀÚÀο¡ »ç¿ëÇÒ ¼ö ÀÖµµ·Ï ¼Ò½º¸¦ ¾Ë·ÁÁÖ´Â Æ÷°ýÀûÀÎ ÄÚµå ÂüÁ¶ À¥ »çÀÌÆ®
HTML/À¯¿ëÇÑ »çÀÌÆ®
Åë°èº¸±â

8

[RGB Converter] À¥Ä÷¯ HEX (#FFFFFF) ¸¦ RGB (255,255,255) ·Î º¯È¯ ÇØ ÁÖ´Â »çÀÌÆ®
ȨÆäÀÌÁö ¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå
Á¶È¸¼ö:4838°Ç
#ffffff ¿Í °°ÀÌ HEX ·Î ¸¸µé¾îÁø »ö±ò Äڵ带 RGB Àû,³ì,û °ª À¸·Î º¯°æÇØ ÁÖ´Â RGB ÄÁ¹öÅÍ ÇÁ·Î±×·¥ »çÀÌÆ®.
HTML/À¯¿ëÇÑ »çÀÌÆ®
Åë°èº¸±â

9

CSS¸¦ ÀÌ¿ëÇÑ °£´Ü ·Î±×ÀÎ/ȸ¿ø°¡ÀÔ
ȨÆäÀÌÁö ¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå
Á¶È¸¼ö:5189°Ç
CSS¸¦ ÀÌ¿ëÇÑ °£´Ü ·Î±×ÀÎ/ȸ¿ø °¡ÀÔ ÆäÀÌÁö ÀÔ´Ï´Ù.
HTML/ÅÛÇø´ ÀÚ·á
Åë°èº¸±â

10

¹«·á ¹è³Ê ½½¶óÀÌµå ¼Ò½º
ȨÆäÀÌÁö ¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå
Á¶È¸¼ö:39684°Ç
¹«·á ¹è³Ê ½½¶óÀÌµå µ¥¸ð·Î È®ÀÎÇÏ½Ã°í ¼Ò½º¸¦ ´Ù¿î¹Þ¾Æ Àû¿ëÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.
HTML/ÅÛÇø´ ÀÚ·á
Åë°èº¸±â

11

html°úcssÀÇ ¼Ó¼º°ú °ü·ÃÆÁÀ» Á¦°øÇÏ´Â À¯¿ëÇÑ»çÀÌÆ®
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:8455°Ç
Ãʺ¸ÀÚ¸¦ À§ÇÑ °¢Á¾ HTML & CSS ¼Ó¼º°ú °ü·ÃÆÁÀ» Á¦°øÇÏ´Â »çÀÌÆ® ÀÔ´Ï´Ù. ´õºÒ¾î HTML5 & CSS3 °ü·Ã ¼Ó¼º°ú ÆÁµµ ½±°Ô °Ë»öÇÏ¿© ÀÌ¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù.
HTML/ÅÛÇø´ ÀÚ·á Àαâ Ãßõ
Åë°èº¸±â

12

¸ð¹ÙÀÏ ½ºÅ©·Ñ ÄÄÆ÷³ÍÆ® jindo.m.Scroll [1.4.0]
ȨÆäÀÌÁö ¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå
Á¶È¸¼ö:17208°Ç
jindo_mobile_component.js ´Ù¿î·Îµå. ½ºÅ©·Ñ ÄÄÆ÷³ÍÆ®(jindo.m.Scroll)´Â JMC(Jindo Mobile Component)ÀÇ ÄÄÆ÷³ÍÆ® °¡¿îµ¥ °¡Àå ¸¹ÀÌ »ç¿ëÇÏ´Â ÄÄÆ÷³ÍÆ®ÀÔ´Ï´Ù. ÀÌ ±Û¿¡¼­´Â ½ºÅ©·Ñ ÄÄÆ÷³ÍÆ®ÀÇ Æ¯Â¡°ú »ç¿ë ¹æ¹ýÀ»...
OPEN API
Åë°èº¸±â

13

Weather Icons - erikflowers.github.io
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:6017°Ç
222°³ÀÇ ³¯¾¾ ¾ÆÀÌÄÜÀ» ºÎÆ®½ºÆ®·¦À» ÀÌ¿ëÇØ ½±°í Æí¸®ÇÏ°Ô ÀÌ¿ëÇϼ¼¿ä
DESIGN/¾ÆÀÌÄÜ ÀÚ·á
Åë°èº¸±â

14

[´ÙÀ½ ÁÖ¼Ò °Ë»ö] µµ·Î¸í/Áö¹ø ÁÖ¼Ò API ¹«Á¦ÇÑ »ç¿ë
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:27914°Ç
º°µµÀÇ KEY ¾øÀÌ µµ·Î¸í/Áö¹øÁÖ¼Ò API¸¦ ÀÌ¿ëÇÒ¼ö ÀÖ½À´Ï´Ù.
OPEN API
Åë°èº¸±â

15

Expanding flex cards - Ä«µåÇü½ÄÀÇ ¹è³Ê
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:3035°Ç
Expanding flex cards - Ä«µåÇü½ÄÀÇ ¹è³Ê
HTML/HTML °­ÀÇ
Åë°èº¸±â

16

°¢Á¾ DHTML ¼Ò½º
ȨÆäÀÌÁö ¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå
Á¶È¸¼ö:11166°Ç
Åø¹Ù/Ä÷¯ÇÇÄ¿/½½¶óÀ̵å¹Ù/¾ÆÀÛ½º/¿¡µðÅÍ/¾ÆÄÚµð¾ð µîÀ» ¹«·á·Î »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù.
HTML/DHTML °ü·Ã/±âº» ¼Ò½º
Åë°èº¸±â

17

¿Â¶óÀÎ RGB »ö»óÇ¥, HSL, HSV, CSS »ö»óÄÚµå ¸ðÀ½ - wepplication.github.io/tools/colorPicker/
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:864°Ç
¿Â¶óÀÎ RGB »ö»óÇ¥, HSL, HSV, CSS »ö»óÄÚµå ¸ðÀ½ »çÀÌÆ®ÀÔ´Ï´Ù. ¸ð¹ÙÀÏ¿¡¼­µµ »ç¿ë °¡´ÉÇϸç ÄÚµå ÀÔ·Â ¹× ÆÈ·¹Æ® ¼±ÅÃÀ¸·Î Á¶È¸ÇÒ ¼ö ÀÖ½À´Ï´Ù.
DESIGN/À¯¿ëÇÑ »çÀÌÆ®
Åë°èº¸±â
üũÇÑ·©Å·ÀÚ·áºñ±³
1
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2033-02-28
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: 2040-05-05
Ãßõ¿É¼Ç: 2040-05-05
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 3000-01-01
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16