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
43
Making your website work for everyone: accessibility testing
nataliemac
1
54
The Tangled Web We're Weaving: The Future of WordPress Accessibility
nataliemac
0
54
Making the world a better place through web design
nataliemac
0
150
One Percent Better: How little changes add up
nataliemac
1
110
One percent better
nataliemac
2
70
How to make time for a side hustle
nataliemac
0
3.9k
Before You React
nataliemac
2
410
Bulletproof JavaScript for plugins and themes
nataliemac
2
270

Other Decks in Technology

See All in Technology
AIでめっちゃ便利になったけど、結局みんなで学ぶよねっていう話
kakehashi
PRO
1
460
コスト最適重視でAurora PostgreSQLのログ分析基盤を作ってみた #jawsug_tokyo
non97
1
790
Winning at PHP in Production in 2025
beberlei
1
210
技術者はかっこいいものだ！！～キルラキルから学んだエンジニアの生き方～
masakiokuda
2
280
今日からはじめるプラットフォームエンジニアリング
jacopen
8
1.8k
Goの組織でバックエンドTypeScriptを採用してどうだったか / How was adopting backend TypeScript in a Golang company
kaminashi
12
8.8k
営業向け誰でも話せるOCIセールストーク
oracle4engineer
PRO
2
120
バクラクの認証基盤の成長と現在地 / bakuraku-authn-platform
convto
4
800
AIとSREで「今」できること
honmarkhunt
3
540
読んで学ぶ Amplify Gen2 / Amplify と CDK の関係を紐解く #jawsug_tokyo
tacck
PRO
1
270
アジャイル脅威モデリング#1（脅威モデリングナイト#8）
masakane55
3
240
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
5.4k

Featured

See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
A Modern Web Designer's Workflow
chriscoyier
693
190k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Optimising Largest Contentful Paint
csswizardry
37
3.2k
Why Our Code Smells
bkeepers
PRO
336
57k
Automating Front-end Workflow
addyosmani
1370
200k
It's Worth the Effort
3n
184
28k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Documentation Writing (for coders)
carmenintech
69
4.7k
Designing for Performance
lara
608
69k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
32
5.4k
How to train your dragon (web standard)
notwaldorf
91
6k

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?