css ์–ด์›Œ๋“œ ๋ฐ˜์ง ํšจ๊ณผ
ยท
html, css
https://jsfiddle.net/qrfb5nj1/ Edit fiddle - JSFiddle - Code Playground jsfiddle.net ํšจ๊ณผ๋ฅผ ์ฃผ๊ณ ์ž ํ•˜๋Š” ์ด๋ฏธ์ง€ ์˜์—ญ์ด ๋น„์–ด์žˆ๋Š” png ํŒŒ์ผ์ด ํ•„์š”ํ•˜๋‹ค. ๊ทธ ๋’ค์— ์ดํŽ™ํŠธ ํšจ๊ณผ๋ฅผ ์ฃผ๋Š” ๊ฒƒ ์ถœ์ฒ˜)https://www.etoos.com/teacher/event/2020/02/lmk_25/default.asp
css ๋งํ’์„  ๋งŒ๋“ค์–ด์ฃผ๋Š” ์‚ฌ์ดํŠธ
ยท
html, css
https://leaverou.github.io/bubbly/ Bubbly — CSS speech bubbles made easy projects.verou.me ๋งํ’์„  ๋ชจ์–‘์œผ๋กœ ๊ตฌํ˜„ํ•ด์ฃผ๋Š” ์‚ฌ์ดํŠธ ํŽธ๋ฆฌํ•จ ๋ฒˆ์™ธ๋กœ ํˆดํŒ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” ์•„๋ž˜ ๊ธ€์—์„œ ํ™•์ธ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. https://ranidiant.tistory.com/entry/ํˆดํŒ-๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ํˆดํŒ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ https://atomiks.github.io/tippyjs/ Tippy.js - Tooltip, Popover, Dropdown, and Menu Library The complete tooltip, popover, dropdown, and menu solution for the web atomiks.github.io https://popper.j..
์—๋””ํ„ฐ ํ…Œ๋งˆ ๋“œ๋ผํ˜๋ผ ํ…Œ๋งˆ
ยท
์ฐธ๊ณ ์ž๋ฃŒ
Dracula A dark theme for Atom, Alfred, Brackets, Emacs, iTerm, Mintty, Notepad++, Slack, Sequel Pro, Sublime Text, Telegram, Textmate, Terminal.app, Ulysses, Vim, Visual Studio Code, Wox, Xcode, and Zsh draculatheme.com ์—๋””ํ„ฐ๋ณ„๋กœ ๋‹ค์šด๋ฐ›์„ ์ˆ˜ ์žˆ๋Š” '๋“œ๋ผํ˜๋ผ ํ…Œ๋งˆ' ๊ฐœ์ธ์ ์œผ๋กœ ์ด๊ฒŒ ์ œ์ผ ๋ˆˆ์— ์•ˆ์ •์ ์ด๋ผ ๋งˆ์Œ์— ๋“ ๋‹ค.
jquery ํšจ์œจ์ ์œผ๋กœ ์ž‘์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•
ยท
js
https://webclub.tistory.com/142 jQuery ๋ฅผ ํšจ์œจ์ ์œผ๋กœ ์ž‘์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ• jQuery ํšจ์œจ์  ์ž‘์„ฑ ์ œ์ด์ฟผ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•จ์— ์žˆ์–ด ์„ฑ๋Šฅ ์ตœ์ ํ™”(performance)์— ๊ฐ„๋‹จํžˆ ์•Œ์•„๋ด…๋‹ˆ๋‹ค. DOM ์„ ์บ์‹ฑ(Caching)ํ•˜๋ผ ํ•œ๋ฒˆ ํƒ์ƒ‰ํ•œ DOM์„ ๋‹ค์‹œ ํƒ์ƒ‰ํ•˜๋Š” ๊ฒƒ์€ ๋น„ํšจ์œจ์ ์ด๋‹ค. Bad Code $('button.confirm').o.. webclub.tistory.com
css scroll down button effect
ยท
html, css
https://codepen.io/nxworld/pen/OyRrGy demo:CSS scroll down button Article - https://www.nxworld.net/tips/css-scroll-down-button.html... codepen.io
ํฌํ† ์ƒต shadows๋ฅผ CSS๋กœ ๋ณ€ํ™˜์‹œ์ผœ์ฃผ๋Š” ์‚ฌ์ดํŠธ
ยท
์ฐธ๊ณ ์ž๋ฃŒ
ํฌํ† ์ƒต psd ๋‚ด ์‰๋„์šฐ ํšจ๊ณผ๋ฅผ css๋กœ ๋ณ€ํ™˜์‹œ์ผœ์ฃผ๋Š” ์‚ฌ์ดํŠธ http://psd-to-css-shadows.com/ Convert Photoshop Drop Shadows to CSS3 Box and Text Shadows CSS3 Code box-shadow: offset-x offset-y blur-radius spread-radius rgba(0, 0, 0, opacity) inset; text-shadow: offset-x offset-y blur-radius rgba(0,0,0 opacity); box-shadow: offset-xpx offset-ypx blur-radiuspx spread-radiuspx rgba(0, 0, 0, opacity) inset; te psd-to-css-shado..
nhn ์ปจ๋ฒค์…˜ ๋„ค์ด๋ฒ„ css
ยท
html, css
chrom bxslider ์˜ค๋ฅ˜
ยท
์ฐธ๊ณ ์ž๋ฃŒ
์ตœ๊ทผ ์—…๋ฐ์ดํŠธ ๋œ ํฌ๋กฌ ์ตœ์‹  ๋ฒ„์ „ 73 , bx ์Šฌ๋ผ์ด๋” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์ตœ์‹  ๋ฒ„์ „๊ณผ์˜ ํด๋ฆญ์ด ์•ˆ๋˜๋Š” ์ด์Šˆ ์ „ ๋ฒ„์ „ v4.1.2์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์œผ๋กœ ํ•ด๊ฒฐ ๊ฐ€๋Šฅ
๋ž˜๋‹ˆ
'๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๊ธ€ ๋ชฉ๋ก (24 Page)