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

Making Magic with HTML5, CSS3, and jQuery

Natalie MacLees
February 11, 2014
Technology
1
290

Making Magic with HTML5, CSS3, and jQuery

Presented at the HTML5/jQuery LA joint meetup

Natalie MacLees

February 11, 2014
Tweet

More Decks by Natalie MacLees

See All by Natalie MacLees
Creating content for everyone
nataliemac
0
40
Making your website work for everyone: accessibility testing
nataliemac
1
51
The Tangled Web We're Weaving: The Future of WordPress Accessibility
nataliemac
0
51
Making the world a better place through web design
nataliemac
0
150
One Percent Better: How little changes add up
nataliemac
1
100
One percent better
nataliemac
2
68
How to make time for a side hustle
nataliemac
0
3.8k
Before You React
nataliemac
2
400
Bulletproof JavaScript for plugins and themes
nataliemac
2
260

Other Decks in Technology

See All in Technology
転生CISOサバイバル・ガイド / CISO Career Transition Survival Guide
kanny
3
1k
2024.02.19 W&B AIエージェントLT会 / AIエージェントが業務を代行するための計画と実行 / Algomatic 宮脇
smiyawaki0820
13
3.4k
『衛星データ利用の方々にとって近いようで触れる機会のなさそうな小話 ~ 衛星搭載ソフトウェアと衛星運用ソフトウェア (実物) を動かしながらわいわいする編 ~』 @日本衛星データコミニティ勉強会
meltingrabbit
0
150
Building Products in the LLM Era
ymatsuwitter
10
5.5k
プロセス改善による品質向上事例
tomasagi
2
2.6k
Classmethod AI Talks(CATs) #17 司会進行スライド(2025.02.19) / classmethod-ai-talks-aka-cats_moderator-slides_vol17_2025-02-19
shinyaa31
0
120
Developer Summit 2025 [14-D-1] Yuki Hattori
yuhattor
19
6.2k
管理者しか知らないOutlookの裏側のAIを覗く#AzureTravelers
hirotomotaguchi
2
420
2025-02-21 ゆるSRE勉強会 Enhancing SRE Using AI
yoshiiryo1
1
350
2.5Dモデルのすべて
yu4u
2
860
なぜ私は自分が使わないサービスを作るのか？ / Why would I create a service that I would not use?
aiandrox
0
740
君も受託系GISエンジニアにならないか
sudataka
2
430

Featured

See All Featured
Making Projects Easy
brettharned
116
6k
Thoughts on Productivity
jonyablonski
69
4.5k
RailsConf 2023
tenderlove
29
1k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
12
960
How to Think Like a Performance Engineer
csswizardry
22
1.3k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
240
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
4 Signs Your Business is Dying
shpigford
182
22k

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?