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
300
1

Making Magic with HTML5, CSS3, and jQuery

Presented at the HTML5/jQuery LA joint meetup

Avatar for Natalie MacLees

Natalie MacLees

February 11, 2014

More Decks by Natalie MacLees

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

Other Decks in Technology

See All in Technology
AWS Transform CustomでIaCコードを自由自在に変換しよう
Avatar for k-kun duelist2020jp
0
210
色を視る
Avatar for yuzneri yuzneri
0
280
Building Production-Ready Agents Microsoft Agent Framework
Avatar for Mert Metin _mertmetin
0
110
Forget technical debt
Avatar for Uwe Friedrichsen ufried
0
110
EMから幅を広げるために最近挑戦していること / Recent challenges I'm undertaking to expand my horizons beyond EM
Avatar for hiro-torii hiro_torii
1
160
AIが自律的に働く時代へ Amazon Quick で実現するAIエージェント紹介
Avatar for こーへい koheiyoshikawa
0
150
巨大プラットフォームを進化させる「第3のROI」
Avatar for Recruit recruitengineers
PRO
2
1.8k
COBOL婆さんの伝説
Avatar for フクイ poropinai1966
0
110
Practical TypeProf: Lessons from Analyzing Optcarrot
Avatar for Yusuke Endoh mame
1
1.4k
AI時代における技術的負債への取り組み
Avatar for Tadashi Shigeoka codenote
1
1.9k
PyCon JPに学ぶ『決め方の決め方』: TechLead Conference 2026
Avatar for Manabu TERADA terapyon
1
280
AI時代のガードレールとしてのAPIガバナンス
Avatar for 草薙昭彦 nagix
0
340

Featured

See All Featured
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
6.8k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.1k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
290
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
350
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
730

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?