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
280

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

Other Decks in Technology

See All in Technology
**強い**エンジニアのなり方 - フィードバックサイクルを勝ち取る / grow one day each day
soudai
61
18k
Cloud Native Java with Spring Boot (CNCF Aarhus, April 2024)
thomasvitale
1
130
エンタープライズ環境下での Active Directory の運用 TIPS
tamaiyutaro
1
1.6k
オブザーバビリティの Primary Signals
onk
PRO
0
550
"好き"との生活/Regularly update profile with GitHub Actions
judeeeee
0
150
現代CSSフレームワークの内部実装とその仕組み
poteboy
4
1.4k
AIQ株式会社　エンジニア向け会社紹介資料
aiqlab
0
370
KubeCon EU 2024 Recap “Kubernetes Policy Time Machine: Where to Next?”
ryysud
0
130
なぜ NOT A HOTEL が Web3 に取り組むのか - NOT A HOTEL TECH TALK
ynunokawa
0
160
Google Cloud の AI を支える裏側のインフラを垣間見る！
maroon1st
0
200
Databricksを活用してDELISH KITCHENのレシピレコメンドを開発した話
furu8
0
250
2024/4/26 コンピュータ歴史博物館解説告知
toshi_atsumi
0
200

Featured

See All Featured
Designing Experiences People Love
moore
136
23k
Atom: Resistance is Futile
akmur
258
25k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
It's Worth the Effort
3n
180
27k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
24
2.3k
Scaling GitHub
holman
457
140k
Typedesign – Prime Four
hannesfritz
36
2.1k
Faster Mobile Websites
deanohume
297
30k
Building a Modern Day 
E-commerce SEO Strategy
aleyda
16
6.4k
Making Projects Easy
brettharned
108
5.5k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Rails Girls Zürich Keynote
gr2m
91
13k

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?