Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Web Bites
Search
Matthew Buchanan
November 13, 2008
Technology
2
130
Web Bites
Presented to the Auckland Web Meetup (20x20 format), November 2008.
Matthew Buchanan
November 13, 2008
Tweet
Share
More Decks by Matthew Buchanan
See All by Matthew Buchanan
Better Letters
matthewbuchanan
2
140
Pragmatic Approaches to the Mobile Web
matthewbuchanan
0
100
Zero to Hero, a jQuery Primer
matthewbuchanan
8
400
Map Local and other works of Staggering Genius
matthewbuchanan
1
130
The State of Web Type
matthewbuchanan
5
290
Tumblr 20x20
matthewbuchanan
3
170
Web Typography
matthewbuchanan
5
340
Other Decks in Technology
See All in Technology
今この時代に技術とどう向き合うべきか
gree_tech
PRO
2
1.9k
Claude Codeを駆使した初めてのiOSアプリ開発 ~ゼロから3週間でグローバルハッカソンで入賞するまで~
oikon48
10
4.4k
能登半島災害現場エンジニアクロストーク 【JAWS FESTA 2025 in 金沢】
ditccsugii
0
860
ソースを読むプロセスの例
sat
PRO
14
8k
能登半島地震で見えた災害対応の課題と組織変革の重要性
ditccsugii
0
980
それでも私が品質保証プロセスを作り続ける理由 #テストラジオ / Why I still continue to create QA process
pineapplecandy
0
110
LLMアプリの地上戦開発計画と運用実践 / 2025.10.15 GPU UNITE 2025
smiyawaki0820
1
580
アイテムレビュー機能導入からの学びと改善
zozotech
PRO
0
170
ガバメントクラウド(AWS)へのデータ移行戦略の立て方【虎の巻】 / 20251011 Mitsutosi Matsuo
shift_evolve
PRO
2
200
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
20k
Wasmのエコシステムを使った ツール作成方法
askua
0
190
なぜAWSを活かしきれないのか?技術と組織への処方箋
nrinetcom
PRO
5
940
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
463
33k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
115
20k
A better future with KSS
kneath
239
18k
Writing Fast Ruby
sferik
629
62k
Git: the NoSQL Database
bkeepers
PRO
431
66k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
Reflections from 52 weeks, 52 projects
jeffersonlam
353
21k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
20
1.2k
How GitHub (no longer) Works
holman
315
140k
It's Worth the Effort
3n
187
28k
4 Signs Your Business is Dying
shpigford
185
22k
Transcript
Matthew Buchanan Transmit + Docksend www.panic.com/transmit/
Matthew Buchanan Transmit + Docksend
Matthew Buchanan Transmit + Docksend
Matthew Buchanan Transmit + Docksend
Matthew Buchanan Transmit + Docksend
Matthew Buchanan Transmit + Docksend
Matthew Buchanan Transmit + Docksend
Matthew Buchanan Transmit + Docksend
Matthew Buchanan Transmit + Docksend
Matthew Buchanan Transmit + Docksend
Matthew Buchanan Transmit + Docksend
Matthew Buchanan Transmit + Docksend
Matthew Buchanan jQuery www.jquery.com
jQuery JavaScript library by John Resig et al • Interoperable
• Compact filesize • Concise notation • Uses CSS selectors • Extensible • Popular Matthew Buchanan jQuery
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
jQuery function jQuery("#wrap p") jQuery("p") jQuery("p:last") Shorthand $("#wrap p") Matthew
Buchanan jQuery
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
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
Page load $(document).ready(function() { … }); Or, for the really
concise: $(function() { … }); Matthew Buchanan jQuery
Chaining $("a").addClass("hidden").hide().html("Gone.") Ajax $("#intro").load("path/to/file.html") Matthew Buchanan jQuery
Example by Karl Swedberg $(function() { var txt = "";
$("h2 a").each(function() { txt = $(this).text() .replace(/ (\w+)$/," $1"); $(this).html(txt); }); }); Matthew Buchanan jQuery
Example $(function() { $("#nav a.search").click(function() { $("#searchbar").slideToggle("fast"); }); }); Matthew
Buchanan jQuery
Matthew Buchanan Typophile Forums www.typophile.com/forum/
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
Matthew Buchanan Fin matthewbuchanan.name