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
290

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
46
Making your website work for everyone: accessibility testing
Avatar for Natalie MacLees nataliemac
1
57
The Tangled Web We're Weaving: The Future of WordPress Accessibility
Avatar for Natalie MacLees nataliemac
0
54
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
130
One percent better
Avatar for Natalie MacLees nataliemac
2
71
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
280

Other Decks in Technology

See All in Technology
20250929_QaaS_vol20
Avatar for Shin Murakami mura_shin
0
110
綺麗なデータマートをつくろう_データ整備を前向きに考える会 / Let's create clean data mart
Avatar for BrainPad brainpadpr
2
190
pprof vs runtime/trace (FlightRecorder)
Avatar for task4233 task4233
0
170
Why Governance Matters: The Key to Reducing Risk Without Slowing Down
Avatar for Sarah Wells sarahjwells
0
110
成長自己責任時代のあるきかた/How to navigate the era of personal responsibility for growth
Avatar for Hiromu Shioya kwappa
3
280
定期的な価値提供だけじゃない、スクラムが導くチームの共創化 / 20251004 Naoki Takahashi
Avatar for SHIFT EVOLVE shift_evolve
PRO
3
320
【新卒研修資料】LLM・生成AI研修 / Large Language Model・Generative AI
Avatar for BrainPad brainpadpr
24
17k
GC25 Recap+: Advancing Go Garbage Collection with Green Tea
Avatar for Takuto Nagami logica0419
1
420
Exadata Database Service on Dedicated Infrastructure(ExaDB-D) UI スクリーン・キャプチャ集
Avatar for oracle4engineer oracle4engineer
PRO
2
5.4k
生成AIを活用したZennの取り組み事例
Avatar for igarashi ryosukeigarashi
0
210
Oracle Cloud Infrastructure：2025年9月度サービス・アップデート
Avatar for oracle4engineer oracle4engineer
PRO
0
450
LLMアプリケーション開発におけるセキュリティリスクと対策 / LLM Application Security
Avatar for GMO Flatt Security flatt_security
7
1.9k

Featured

See All Featured
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
610
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
139
7.1k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
71
11k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Navigating Team Friction
Avatar for Lara Hogan lara
189
15k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.5k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
11
880

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?