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

Making Magic with HTML5, CSS3, and jQuery

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Natalie MacLees Natalie MacLees
February 11, 2014
Technology
1
300

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
52
Making your website work for everyone: accessibility testing
Avatar for Natalie MacLees nataliemac
1
65
The Tangled Web We're Weaving: The Future of WordPress Accessibility
Avatar for Natalie MacLees nataliemac
0
60
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
140
One percent better
Avatar for Natalie MacLees nataliemac
2
80
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
300

Other Decks in Technology

See All in Technology
Frontier Agents (Kiro autonomous agent / AWS Security Agent / AWS DevOps Agent) の紹介
Avatar for msysh msysh
3
170
予期せぬコストの急増を障害のように扱う――「コスト版ポストモーテム」の導入とその後の改善
Avatar for Masahiro Yoshizawa muziyoshiz
1
1.9k
Webhook best practices for rock solid and resilient deployments
Avatar for Guillaume Laforge glaforge
1
290
CDKで始めるTypeScript開発のススメ
Avatar for つくぼし tsukuboshi
1
450
Context Engineeringの取り組み
Avatar for nutslove nutslove
0
350
Oracle Cloud Observability and Management Platform - OCI 運用監視サービス概要 -
Avatar for oracle4engineer oracle4engineer
PRO
2
14k
【Oracle Cloud ウェビナー】[Oracle AI Database + AWS] Oracle Database@AWSで広がるクラウドの新たな選択肢とAI時代のデータ戦略
Avatar for oracle4engineer oracle4engineer
PRO
2
150
インフラエンジニア必見!Kubernetesを用いたクラウドネイティブ設計ポイント大全
Avatar for 高棹大樹 daitak
1
360
Codex 5.3 と Opus 4.6 にコーポレートサイトを作らせてみた / Codex 5.3 vs Opus 4.6
Avatar for ama-ch ama_ch
0
150
ブロックテーマ、WordPress でウェブサイトをつくるということ / 2026.02.07 Gifu WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
190
20260208_第66回 コンピュータビジョン勉強会
Avatar for KeiichiIto1978 keiichiito1978
0
140
Amazon Bedrock Knowledge Basesチャンキング解説！
Avatar for 野口碧生 aoinoguchi
0
150

Featured

See All Featured
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.7k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
8.6k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
4.2k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
0
56
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
182
10k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
350
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.9k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
140
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
240
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon szymonslowik
1
910

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?