À¥À» ÅëÇØ »õ·Î¿î âÁ¶¸¦ ²Þ²Ù´Â Àΰ£ - kimdirector
kimdirector is Creative Web & Mobile UI/UX Planner and Designer
KIMDIRECTOR STORY
About Kimdirector
Everyday
Homepage Work
Artwork
DONE PROJECT
Mobile Work
Web Identity Work
Typography Work
ETC. Work
REVIEW
Animations
Books
Movies
WEBDESK
Webdesign Report
Web Plan Report
Inspiration
Web Development
Recommend Site
TOPIC
Leaders Story
Design Review
Download Review
Practical Use Tip
Mobile Life
IT Information & News
HOME
WEBDESK
Web Development
HOME
¡µ
WEBDESK
¡µ
Web Development
No:105
2018.03.30
hit:1229
°³¹ßÀÚ ÀÇ¿åÃæ¸¸! µµ¿òµÉ¸¸ÇÑ 7°¡Áö ÆÁ
»ý»êÀûÀÎ ¾÷¹« ȯ°æ, ¿ìÈ£ÀûÀÎ ³ë»ç °ü°è, º¸¶÷ ÀÖ°í µµÀüÀûÀÎ ÇÁ·ÎÁ§Æ® µî ÀÏÅ͸¦ Áñ°Ì°Ô ¸¸µé¾îÁÖ´Â ¸¹Àº ¿ä¼Ò°¡ ÀÖ´Ù. ÀÌ ¸ðµç ¿ä¼Ò¸¦ °®Ãè´Ù ÇØµµ ¸ÅÀÏ ¸ÅÀÏ ÀÇ¿åÀ» À¯ÁöÇÏ´Â ÀÏÀº ¾î·Á¿ï ¼ö ÀÖ´Ù. ¾÷¹«¿¡¼ µ¿±âºÎ¿©°¡ ÇÊ¿äÇÑ °³¹ßÀÚ¿¡°Ô ´Ù½Ã±Ý ¿Á¤À» ºÒ¾î ³Ö¾îÁÙ 7°¡Áö ¹æ¹ýÀ» ¼Ò°³ÇÑ...
°³¹ßÀÚ
ÇÁ·ÎÁ§Æ®
µ¿±âºÎ¿©
No:104
2018.03.28
hit:1747
(1)
[À¥ÄÚµù] È¿À²ÀûÀÎ ¾ç½Ä µðÀÚÀÎ : ±¸Á¶, ÀÔ·Â, ·¹ÀÌºí ¹× ¾×¼Ç
¾Û ¶Ç´Â À¥ »çÀÌÆ®¸¦ ÀÌ¿ëÇÏ´Â »ç¶÷¿¡°Ô´Â ƯÁ¤ÇÑ ¸ñÀûÀÌ ÀÖ½À´Ï´Ù. ±×¸®°í ÀÌ·¯ÇÑ Æ¯Á¤ ¸ñÀûÀ» ´Þ¼ºÇÏ´Â °úÁ¤¿¡¼ ÇÊ¿äÇÑ °ÍÀÌ ¹Ù·Î ¾ç½ÄÀÔ´Ï´Ù. ¾ç½ÄÀº ¿©ÀüÈ÷ À¥°ú ¾Û»ó¿¡¼ »ç¿ëÀÚ¿¡°Ô °¡Àå Áß¿äÇÑ »óÈ£ ÀÛ¿ë Áß ÇϳªÀÔ´Ï´Ù. ½ÇÁ¦·Î ¾ç½ÄÀº »ç¿ëÀÚ°¡ ¸ñÀûÀ» ´Þ¼ºÇÏ´Â °úÁ¤¿¡¼ ÃÖÁ¾ ´Ü°è·Î °£ÁֵǴ °æ¿ì°¡ ¸¹½À´Ï´Ù...
µðÀÚÀÎ
ÄÚµù
ÄÚµå·Ó½º
¾îµµºñ XD
No:103
2018.03.06
hit:1376
'Ŭ¸¯ ¸î ¹øÀ¸·Î ¾Û ¸¸µç´Ù?'¡¤¡¤¡¤ ·Î¿ì ÄÚµåÀÇ °¡´É¼º°ú ÇѰè
Áö³ ¸î ³â µ¿¾È '·Î¿ì ÄÚµå(low-code)' °³³äÀÌ ÁÖ¸ñ ¹Þ¾Ò´Ù. ¾ÖÇø®ÄÉÀ̼Ç, ƯÈ÷ µ¥ÀÌÅÍ ¼¼Æ® °ü¸®¿Í 󸮸¦ À§ÇÑ ÀÎ ÇϿ콺 ¾ÖÇø®ÄÉÀÌ¼Ç Á¦ÀÛ¿¡ ÇÊ¿äÇÑ ÇÁ·Î±×·¡¹ÖÀ» ¿ÏÀüÈ÷ ¾ø¾Ö°Å³ª ÁÙ¿©ÁÙ °ÍÀ¸·Î ±â´ë¸¦ ¸ð¾Ò´Ù. »õ·Î¿î ¾ÖÇø®ÄÉÀ̼ÇÀ» óÀ½ºÎÅÍ »õ·Î ¸¸µé ÇÊ¿ä ¾ø...
Low-code
¾îÇø®ÄÉÀ̼Ç
°³¹ß
·Î¿ì ÄÚµå
No:102
2017.12.04
hit:2057
ÄÚµù ¾øÀÌ ¾Û ¸¸µå´Â ÀϹÝÀÎ °³¹ßÀÚ, ·ÎÄڵ塤³ëÄÚµå ¿Ç³
»õ·Î¿î ¾ÖÇø®ÄÉÀ̼Ç, ƯÈ÷ ¸ð¹ÙÀÏ ¾ÖÇø®ÄÉÀ̼ǿ¡ ´ëÇÑ ÀÛ¾÷ÀÚÀÇ ¿ä±¸°¡ °¥¼ö·Ï ³ô¾ÆÁö°í ÀÖ´Ù. ¸¹Àº ¾÷°è ¾Ö³Î¸®½ºÆ®, ¿¬±¸¿ø°ú ±â¾÷ °æ¿µÁøµéÀÌ ¸ð¹ÙÀÏ ¾ÖÇø®ÄÉÀ̼ÇÀÇ ¼ö¿ä°¡ Á¡Â÷ IT ºÎ¼¿¡¼ µû¶ó°¡±â ¾î·Á¿ï Á¤µµ·Î ¸¹¾ÆÁö´Â Ãß¼¼¶ó°í °Á¶ÇÑ´Ù. °¡Æ®³Ê´Â 2021³â±îÁö ±â¾÷ ³»¿¡¼ ¸ð¹ÙÀÏ ¾ÖÇø®ÄÉ...
ÄÚµù
¾ÖÇø®ÄÉÀ̼Ç
Ç÷§Æû
³ëÄÚµå
·ÎÄÚµå
No:101
2017.05.30
hit:3711
HTML5, ÇÙ½É À¥ ±â¼úÀÇ º¯È°¡ ½ÃÀ۵ƴÙ
¿ÀÇ À¥ Ç÷§ÆûÀÇ ±â¹Ý ±â¼úÀÎ HTML5 Ç¥ÁØÀÌ ±â¼úÀÇ È®Àå°ú ´õºÒ¾î Çٽɱâ´ÉÀÌ º¯ÈÇϰí ÀÖ´Ù. ¾÷µ¥ÀÌÆ® ÁֱⰡ »¡¶óÁö°í º¸¾È, ¼º´É ¹× ½ºÆ®¸®¹Ö °³¼± »Ó¸¸ ¾Æ´Ï¶ó À¥ °áÁ¦ Ç¥Áصµ µµÀԵȴÙ. Credit: Geralt via Pixabay HTML5´Â 2014³â 10¿ù ±Û·Î¹ú À¥ Ç¥ÁØÀ¸·Î °ø½Ä ...
HTML5
No:100
2015.10.06
hit:3742
³×ÀÌÆ¼ºê, HTML5, ÇÏÀ̺긮µå ¸ð¹ÙÀÏ ¾Û: Àå´ÜÁ¡ ºÐ¼®Çϱâ
´ÙÀ½Àº ¸ð¹ÙÀÏ ¾ÛÀ» °³¹ßÇÏ´Â ¼¼ °¡Áö ÁÖ¿ä ¹æ¹ýÀÌ´Ù. °¢°¢ÀÇ ½º³À¼¦¿¡´Â °£·«ÇÑ ¼³¸í, °¡Àå ÀûÇÕÇÑ ºÐ¾ß, Àå´ÜÁ¡, °ü·Ã °³¹ß µµ±¸°¡ Æ÷ÇԵǾî ÀÖ´Ù. ³×ÀÌÆ¼ºê ¾Û °³¹ß ³×ÀÌÆ¼ºê ¾Û °³¹ß¿¡¼ ¸ð¹ÙÀÏ ¾ÛÀº iOS, ¾Èµå·ÎÀ̵å, À©µµ¿ì ÆùÀ» ºñ·ÔÇÑ Æ¯Á¤ ¸ð¹ÙÀÏ Ç÷§...
³×ÀÌÆ¼ºê
HTML5
ÇÏÀ̺긮µå
¸ð¹ÙÀÏ ¾Û
No:99
2015.08.21
hit:4150
HTML5 ½Ã´ë UXÀÇ °úÁ¦¿Í Â÷¼¼´ë UI Ç÷§ÆûÀÇ Á¶°Ç
HTML5 Ç¥ÁØÀÇ µîÀåÀ¸·Î À¥ ȯ°æÀÇ ÀÏ´ë º¯È°¡ ¿¹°íµÇ°í ÀÖ´Ù. HTML5´Â ƯÈ÷ ±âÁ¸¿¡ À¥¿¡¼ ¸ÖƼ¹Ìµð¾î ¹× ÀÎÅÍ·¢Æ¼ºê UI ±¸Çö¿¡ »ç¿ëµÇ´ø ActiveX/RIA ȯ°æÀ» ´ëüÇÒ ¼ö ÀÖ´Ù´Â Á¡¿¡¼ ±â´ë¸¦ ¸ðÀ¸°í ÀÖÀ¸¸ç, °ü·Ã ½ÃÀåÀÇ ¿òÁ÷ÀÓµµ ºÐÁÖÇÏ´Ù. ±âÁ¸ À¥ UX ȯ°æÀÇ ÇѰè¿Í ¹®Á¦Á¡À» ¤¾îº¸°í HTML5ÀÇ °¡´É¼º...
HTML5
UX
UI
Ç÷§Æû
No:98
2015.07.15
hit:5199
»çÀÌµå ¸Þ´º ½½¶óÀ̵ù ¹æ½Ä-Multi-Level Push Menu
¿äÁò ȨÆäÀÌÁö¿¡¼ ¶Ç´Â, ¸ð¹ÙÀÏ À¥, ¾îÇø®ÄÉÀ̼ǿ¡¼ ¸¹ÀÌ È°¿ëµÇµµ ÀÖ´Â »çÀÌµå ¸Þ´º ±¸Çö¹æ½ÄÀÔ´Ï´Ù. Ȱ¿ëµµ°¡ ³ôÀº ¸¸Å Æ®·»µå¶ó°í ÇÒ ¼ö ÀÖ°ÚÁÒ. ¿ìÃøÀÇ ¿ÀǸ޴º ¹öưÀ» Ŭ¸¯Çϸé ÁÂÃø¿¡ »çÀ̵å¸Þ´º Ãâ·Â °¡´ÉÇÑ ¸®¼Ò½ºÀÔ´Ï´Ù. 3´Ü°è±îÁö ÆîÃÄÁö´Â »çÀÌµå ¸Þ´ºÀ̰í ÇϺθ޴º·Î À̵¿...
¸ð¹ÙÀÏÀ¥
¾îÇø®ÄÉÀ̼Ç
»çÀÌµå ¸Þ´º
No:97
2015.07.10
hit:4268
»ç¿ëÀÚ Áß½ÉÀÇ ¼ÒÇÁÆ®¿þ¾î °³¹ßÀ» À§ÇÑ UI/UX ÂüÁ¶¸ðµ¨ °¡À̵å
¼Ò°³ÇØ µå¸®´Â ÀÚ·á´Â 2014³â 3¿ù¿¡ Á¦ÀÛµÈ ÀÚ·áÀÔ´Ï´Ù. ¾Æ¸¶ ¸¹Àº ºÐµéÀÌ ¾Ë°í ÀÖ´Â Á¤º¸Àϼö ÀÖÁö¸¸, ±âȹÀÚ, µðÀÚÀ̳Ê, °³¹ßÀÚ ¸ðµÎ Âü°íÇÒ ¼ö ÀÖ´Â ÀÚ·áÀÔ´Ï´Ù. ƯÈ÷ °³¹ßÀڵ鿡°Ô ¸Å¿ì À¯¿ëÇÑ ÀÚ·á¶ó°í »ý°¢ÇÕ´Ï´Ù. º» ÀÚ·áÀÇ ±âȹÀº ¹Ì·¡Ã¢Á¶°úÇÐ, Á¤º¸Åë½Å»ê¾÷ÁøÈï¿ø ºÎ¼³ SW°øÇм¾ÅÍ, Çѱ¹µðÀÚÀÎÁøÈï¿ø¿¡¼ ...
UI
UX
±âȹÀÚ
µðÀÚÀ̳Ê
°³¹ßÀÚ
¼ÒÇÁÆ®¿þ¾î
Çѱ¹µðÀÚÀÎÁøÈï¿ø
No:96
2015.05.18
hit:4494
½º¸¶Æ®Æù¿¡¼ ȨÆäÀÌÁö¸¦ Å×½ºÆ®Çϱâ À§ÇÑ À¯¿ëÇÑ µµ±¸ ¸ðÀ½
ÃÖ±Ù ÁöÇÏö¿¡¼ »ç¶÷µéÀ» º¸¸é ½º¸¶Æ®ÆùÀ» ÀÌ¿ëÇÏ¿© °ÔÀÓÀ̳ª À¥¼ÇÎÀ» Áñ±â´Â ºÐµéÀ» ½±°Ô º¼¼ö ÀÖ½À´Ï´Ù. 10¸íÁß 9¸íÀº ½º¸¶Æ®ÆùÀ» »ç¿ëÇÒ ¸¸Å ½º¸¶Æ®Æù´Â ´ëÁßȵǾî ÀÌÁ¦ ¿ì¸® »ýȰ¿¡¼ ¶ª¼ö ¾ø´Â Áß¿äÇÑ ¿ä¼ÒÁß¿¡ Çϳª°¡ µÇ¾ú´Âµ¥¿ä. À¥ÅëÀÇ ºí·Î±× ¹æ¹®ÀÚ ºñÁßÀ» º¸¸é ¸ð¹ÙÀÏ·Î Á¢¼ÓÇÑ ¹æ¹®ÀÚ°¡ Àüü¿¡ 30~40% ...
½º¸¶Æ®Æù
ȨÆäÀÌÁö
Å×½ºÆ®
µµ±¸
No:95
2015.05.06
hit:8449
(1)
¸ð¹ÙÀÏ À¥ÆäÀÌÁö Á¦À۽à ±âº»ÀûÀÎ ÄÚµù ÆÁ
½º¸¶Æ®Æù 2õ¸¸¸í ½Ã´ëÀÎ Áö±ÝÀº ¸ð¹ÙÀÏ À¥»çÀÌÆ® ÄÚµùÀº ÀÏ¹Ý À¥»çÀÌÆ® ÄÚµù¸¸Å ÇÏ°Ô µÇ´Â°Í °°Àºµ¥¿ä. ÃÖ±Ù 1,2³â »çÀÌ À¥À» ÀÌ¿ëÇÒ ¼ö ÀÖ´Â ´Ù¾çÇÑ ¸ð¹ÙÀÏ ±â±â°¡ µîÀåÇÏ¸é¼ ¹Ìµð¾î Äõ¸®¸¦ ÀÌ¿ëÇØ ´Ù¾çÇÑ ÇØ»óµµ¿¡ ¹ÝÀÀÇÏ´Â À¥À» ±¸ÇöÇÏ´Â ±â¼úÀÎ ¹ÝÀÀÇü À¥±îÁö ¸¸µé¾îÁö°Ô µÇ¾ú½À´Ï´Ù. ¸ð¹ÙÀÏ ÄÚ...
¸ð¹ÙÀÏ
À¥ÆäÀÌÁö
ÄÚµù
No:94
2015.04.16
hit:16895
¾Èµå·ÎÀÌµå ¸ÓÆ¼¸®¾ó µðÀÚÀÎ À§Á¬ ¿ÀǼҽº 21°¡Áö
¾Èµå·ÎÀÌµå ·Ñ¸®ÆËÀÌ ¹ßÇ¥ µÇ¸é¼ ¸ÓƼ¸®¾ó µðÀÚÀο¡ ´ëÇÑ °ü½É°ú ÇÔ²² °ü·ÃµÈ À§Á¬ÀÌ ¿ÀǼҽº·Î ¸¹ÀÌ °ø°³ µÇ¾ú´Ù. ¾ó¸¶Àü±îÁö¸¸ ÇØµµ µðÀÚÀÎÀûÀÎ ºÎºÐ¸¸À» °í·ÁÇØ¼ °³¹ßµÇ¾î ¾ú´Ù¸é ÀÌÁ¦´Â ¼º´Éµµ ÇÔ²² °í·ÁÇÏ¿© ¼º´ÉÀÌ ¿ì¼öÇÑ À§Á¬µéÀÌ ¼Ó¼Ó µîÀå/¾÷µ¥ÀÌÆ® µÇ°í ÀÖ´Â Ãß¼¼´Ù. ÀÚ½ÅÀÇ ¾Û...
¾Èµå·ÎÀ̵å
¸ÓƼ¸®¾ó µðÀÚÀÎ
À§Á¬
¿ÀǼҽº
No:93
2015.02.13
hit:6241
(1)
One page Scrolling Example and Resource
One Page Scrolling¿¡ ´ëÇÑ ÀÚ·á¿Í ¸®¼Ò½º ÆÄÀÏÀ» ã´Ù°¡ Á¤¸®ÇÑ ³»¿ëÀÔ´Ï´Ù. ¸®¼Ò½º ÆÄÀϸ¸À¸·Îµµ ÃæºÐÇÑ Á¤º¸°¡ µÉ ¼ö ÀÖÀ» °Í °°¾Æ¼ °øÀ¯ÇØ µå¸®¸ç, ÇÊ¿äÇÑ ºÐµéÀÌ ÀÖÀ¸¸é µµ¿òÀÌ µÇ¾úÀ¸¸é ÇÕ´Ï´Ù. ¾Æ·¡ ¼Ò°³Çϰí ÀÖ´Â ÀÚ·áµéÀº ÇöÀç °¡Àå ¸¹ÀÌ »ç¿ëÇϰí ÀÖ´Â Æ®·»µå°¡ ¾Æ´Ò±î »ý...
One page
Scrolling
Example
Resource
No:92
2015.02.06
hit:4747
¼îÇθô¿¡ »ç¿ëÇϸé ȯ¿µ¹ÞÀ» ¸®¼Ò½º
¼Ò°³Çϰí ÀÖ´Â ¸®¼Ò½º´Â "Responsive Product Grid Layout"¶ó°í Á¦¸ñÀÌ ºÙ¾î Àֳ׿ä. ¼îÇθô¿¡¼ »óǰÀ» È¿°úÀûÀ¸·Î Àü½ÃÇÒ ¼ö ÀÖµµ·Ï µ½´Â ¼Ò½ºÀÔ´Ï´Ù. ƯÈ÷, ÆÐ¼Ç¸ô¿¡ Ȱ¿ëµÇ¸é ÁÁÀ» °Í °°½À´Ï´Ù. »óǰÀÇ ¾Õ¸ð½À°ú µÞ¸ð½ÀÀ» ȸÀü½ÃÄѼ º¼ ¼öµµ ÀÖ°í, »ö...
¼îÇθô
¸®¼Ò½º
Blueprint
¹«·á
No:91
2015.01.13
hit:27283
20°¡Áö »çÀÌµå ¸Þ´º ³×ºñ°ÔÀÌ¼Ç ¸®¼Ò½º
20 jQuery Side Sliding Panel Plugins (show-hide) For Your Website »çÀÌµå ¸Þ´º ³×ºñ°ÔÀÌ¼Ç ±â´ÉÀº Ãֱ٠ȨÆäÀÌÁö Á¦ÀÛ ¶Ç´Â ¾îÇø®ÄÉÀÌ¼Ç °³¹ß ½Ã, ¸¹ÀÌ È°¿ëµÇ°í ÀÖ´Â ±â´É Áß¿¡ ÇϳªÀÔ´Ï´Ù. ¹°·Ð Çʼö ±â´ÉÀº ¾Æ´ÏÁö¸¸ ³ª¸§ Æ®·»µå·Î ÀÚ¸®¸¦ Àâ¾Æ°¡°í ...
»çÀÌµå ¸Þ´º
³×ºñ°ÔÀ̼Ç
¸®¼Ò½º
CSS3
html5
1
2
3
4
5
...
7
[´ÙÀ½ 5°³]
WEBDESK
Webdesign Report
Web Plan Report
Inspiration
Web Development
Recommend Site
Insight Story
Popular Contents
Category Cloud
About us
Review
Portfolio
Design Review
Leaders Story
Mobile Work
IT Information
Web Identity Work
Everyday
Mobile Life
Webdesign
Web Development
Homepage Work
Web Plan Report
Practical Use Tip
Inspiration
Download
Recommend Site
ETC. Work
Artwork
Typography Work
Tags
µðÀÚÀÎ
µðÀÚÀÎ
Àΰ£°ü
ÆùÆ®
¼Ö·ç¼Ç
¸ð¹ÙÀÏ
¼º°ø
µðÀÚÀÎDB
µðÀÚÀ̳Ê
¸®´õ
·Î°íµðÀÚÀÎ
À̺¥Æ®
¼Ö·ç¼Ç
°¡À̵å
ÇÁ·¹Á¨Å×À̼Ç
RFP
±¸±Û
À̳ëµðÀÚÀÎ
¼º°ú
ÇÁ·Î±×·¡¹Ö
¾î¸ÞÀÌ¡ ÇöóÀ̽º
¸¶¿ì½º
Ç÷§
À¥¾î¿öµå2009
±â¾÷
iPhone
Ç÷¯±×ÀÎ
½Ã¾ÈÀÛ¾÷
¿¡¹ö³ëÆ®
À¥ Ç¥ÁØ
SW
SNS
À¥Ç¥ÁØ
ÀÎÆ÷±×·¡ÇÈ
³×Æ®¿öÅ©
ºñ¹Ð¹øÈ£
CSS3
iOS 9
±³È¸
Çõ½Å
Recommend Tags
µðÀÚÀÎ ¾ÅÅ·
ÆÛ½º³Î ºê·£µå
»ç¿ëÀÚ °æÇè
¼ºñ½º µðÀÚÀÎ
À¥À» ÅëÇØ »õ·Î¿î âÁ¶¸¦ ²Þ²Ù´Â Àΰ£, KIMDIRECTOR
HOME
|
CONTACT US
|
¡ãTOP
WWW.KIMDIRECTOR.CO.KR
This site adapted 1024X768 over mode and IE 7.0, Google Chrome, Safari, Firefox Latest Version.
All Contents Copyright 1997-2021 kimdirector for quest and comments, Send E-mail to kimdirector.
TODAY
228
YESTERDAY
272
TOTAL
1,555,228
ÀÌ ÀúÀÛ¹°Àº
Å©¸®¿¡ÀÌÆ¼ºê Ä¿¸ÕÁî ÀúÀÛÀÚÇ¥½Ã-ºñ¿µ¸®-º¯°æ±ÝÁö 2.0
´ëÇѹα¹ ¶óÀ̼±½º
¿¡ µû¶ó ÀÌ¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù.