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

Web Bites

Matthew Buchanan
November 13, 2008
Technology
2
120

Web Bites

Presented to the Auckland Web Meetup (20x20 format), November 2008.

Matthew Buchanan

November 13, 2008
Tweet

More Decks by Matthew Buchanan

See All by Matthew Buchanan
Better Letters
matthewbuchanan
2
110
Pragmatic Approaches to the Mobile Web
matthewbuchanan
0
87
Zero to Hero, a jQuery Primer
matthewbuchanan
8
380
Map Local and other works of Staggering Genius
matthewbuchanan
1
110
The State of Web Type
matthewbuchanan
5
280
Tumblr 20x20
matthewbuchanan
3
150
Web Typography
matthewbuchanan
5
310

Other Decks in Technology

See All in Technology
Building Dashboards as a Hobby
egmc
0
100
プラットフォームってつくることより計測することが重要なんじゃないかという話 / Platform Engineering Meetup #8
taishin
1
350
Azure Container Apps + Bicep 〜 こんな感じで運用しています
kaz29
2
470
Cloud Native Java with Spring Boot (CNCF Aarhus, April 2024)
thomasvitale
1
170
20分で完全に理解するGrafanaダッシュボード
hamadakoji
3
490
AOAI をきっかけに​ 社内の Azure 管理を見直した話​
recruitengineers
PRO
1
280
Next'24 事例セッションの紹介とクラウド資格を活用したキャリア形成について語りMuscle
yasumuusan
1
440
ExaDB-D dbaascli で出来ること
oracle4engineer
PRO
0
2.1k
レガシーをぶっ壊せ。AEONで始めるDevRelの話 / Qiita Night 2024-2-22
aeonpeople
3
1.3k
オーナーシップを持つ領域を明確にする
konifar
13
3.1k
DevOpsDays History and my DevOps story
kawaguti
PRO
9
2.5k
MySQL の SQL クエリチューニングの要所を掴む勉強会
andpad
2
6.2k

Featured

See All Featured
Testing 201, or: Great Expectations
jmmastey
28
6.3k
Designing the Hi-DPI Web
ddemaree
276
33k
Docker and Python
trallard
34
2.7k
Embracing the Ebb and Flow
colly
80
4.1k
Writing Fast Ruby
sferik
621
60k
Debugging Ruby Performance
tmm1
70
11k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
40
4.4k
How to Ace a Technical Interview
jacobian
272
22k
Designing Experiences People Love
moore
136
23k
Art, The Web, and Tiny UX
lynnandtonic
289
19k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
125
32k
Building Applications with DynamoDB
mza
88
5.6k

Transcript

  1. Matthew Buchanan Transmit + Docksend www.panic.com/transmit/

  2. Matthew Buchanan Transmit + Docksend

  3. Matthew Buchanan Transmit + Docksend

  4. Matthew Buchanan Transmit + Docksend

  5. Matthew Buchanan Transmit + Docksend

  6. Matthew Buchanan Transmit + Docksend

  7. Matthew Buchanan Transmit + Docksend

  8. Matthew Buchanan Transmit + Docksend

  9. Matthew Buchanan Transmit + Docksend

  10. Matthew Buchanan Transmit + Docksend

  11. Matthew Buchanan Transmit + Docksend

  12. Matthew Buchanan Transmit + Docksend

  13. Matthew Buchanan jQuery www.jquery.com

  14. jQuery JavaScript library by John Resig et al • Interoperable

    • Compact filesize • Concise notation • Uses CSS selectors • Extensible • Popular Matthew Buchanan jQuery

  15. Hosted by Google <head> … <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/jquery/1.2.6/jquery.min.js"></script> …

    </head> Matthew Buchanan jQuery

  16. jQuery function jQuery("#wrap p") jQuery("p") jQuery("p:last") Shorthand $("#wrap p") Matthew

    Buchanan jQuery

  17. Collections $("#wrap p") returns a collection of every <p> inside

    element #wrap Methods $("#wrap p").addClass("intro") $("#wrap div").each(function(div) { … }) Matthew Buchanan jQuery

  18. Event Handlers $("a").click(function(ev) { $(this).css({ font-size: 200% }); ev.preventDefault(); });

    Causes every anchor to double in size when clicked Matthew Buchanan jQuery

  19. Page load $(document).ready(function() { … }); Or, for the really

    concise: $(function() { … }); Matthew Buchanan jQuery

  20. Chaining $("a").addClass("hidden").hide().html("Gone.") Ajax $("#intro").load("path/to/file.html") Matthew Buchanan jQuery

  21. Example by Karl Swedberg $(function() { var txt = "";

    $("h2 a").each(function() { txt = $(this).text() .replace(/ (\w+)$/,"&nbsp;$1"); $(this).html(txt); }); }); Matthew Buchanan jQuery

  22. Example $(function() { $("#nav a.search").click(function() { $("#searchbar").slideToggle("fast"); }); }); Matthew

    Buchanan jQuery

  23. Matthew Buchanan Typophile Forums www.typophile.com/forum/

  24. Matthew Buchanan Typophile Forums “Logo is custom, but GOOD uses

    Vista Sans and Trade Gothic No. 20 Condensed Bold [in]each issue.” —Stephen Coles “The logo was hand-drawn by Arnaud Mercier. … We use Vista, Benton, Trade Gothic Bold Condensed, Sabon, and Doric Bold … for bold ledes.” —Scott Stowell

  25. Matthew Buchanan Fin matthewbuchanan.name