Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Making Magic with HTML5, CSS3, and jQuery

Avatar for Natalie MacLees Natalie MacLees
February 11, 2014
Technology
1
300

Making Magic with HTML5, CSS3, and jQuery

Presented at the HTML5/jQuery LA joint meetup

Avatar for Natalie MacLees

Natalie MacLees

February 11, 2014
Tweet

More Decks by Natalie MacLees

See All by Natalie MacLees
Creating content for everyone
Avatar for Natalie MacLees nataliemac
0
51
Making your website work for everyone: accessibility testing
Avatar for Natalie MacLees nataliemac
1
63
The Tangled Web We're Weaving: The Future of WordPress Accessibility
Avatar for Natalie MacLees nataliemac
0
60
Making the world a better place through web design
Avatar for Natalie MacLees nataliemac
0
160
One Percent Better: How little changes add up
Avatar for Natalie MacLees nataliemac
1
140
One percent better
Avatar for Natalie MacLees nataliemac
2
78
How to make time for a side hustle
Avatar for Natalie MacLees nataliemac
0
3.9k
Before You React
Avatar for Natalie MacLees nataliemac
2
440
Bulletproof JavaScript for plugins and themes
Avatar for Natalie MacLees nataliemac
2
290

Other Decks in Technology

See All in Technology
Node vs Deno vs Bun 〜推しランタイムを見つけよう〜
Avatar for すずとも kamekyame
1
180
ECS_EKS以外の選択肢_ROSA入門_.pdf
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
1
120
Scrum Guide Expansion Pack が示す現代プロダクト開発への補完的視点
Avatar for Sonjin Yamamoto sonjin
0
320
国井さんにPurview の話を聞く会
Avatar for Kunii, Suguru sophiakunii
1
300
Qiita Bash アドカレ LT #1
Avatar for Kaoru okaru
0
160
スクラムマスターが
スクラムチームに入って取り組む5つのこと
- スクラムガイドには書いてないけど入った当初から取り組んでおきたい大切なこと -
Avatar for scrummasudar scrummasudar
0
1.1k
投資戦略を量産せよ 2 - マケデコセミナー(2025/12/26)
Avatar for tomo gamella
1
600
AI with TiDD
Avatar for Shiraji shiraji
1
330
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
2.9k
松尾研LLM講座2025 応用編Day3「軽量化」 講義資料
Avatar for Aratako aratako
15
4.9k
20251225_たのしい出張報告＆IgniteRecap！
Avatar for ponponmikan ponponmikankan
0
110
歴史から学ぶ、Goのメモリ管理基礎
Avatar for Takuto Nagami logica0419
10
1.9k

Featured

See All Featured
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
0
110
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
4.5k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
74
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
180
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
27
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
110
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
31k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
410
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
300
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
200
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
58
41k

Transcript

  1. making magic with html5, css3,and jquery by natalie maclees! @nataliemac

  2. html5 • new attributes! • new elements! • new capabilities

  3. css3 • new selectors! • new properties! • new capabilities

  4. jquery • powerful library! • two branches! • common tasks!

    • handy utilities

  5. bokeh effect

  6. clipped gallery

  7. css clip rect(top right bottom left)

  8. clipped gallery demo

  9. animated tabs

  10. filterable gallery

  11. jQuery for Designers by me :-)

  12. thank you! @nataliemac | nataliemac.com

  13. questions?