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
390
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
330
Other Decks in Technology
See All in Technology
OPENLOGI Company Profile
hr01
0
67k
ゼロからはじめる採用広報
yutadayo
3
950
第4回Snowflake 金融ユーザー会 Snowflake summit recap
tamaoki
1
290
Claude Code に プロジェクト管理やらせたみた
unson
6
4.1k
事業成長の裏側:エンジニア組織と開発生産性の進化 / 20250703 Rinto Ikenoue
shift_evolve
PRO
2
22k
タイミーのデータモデリング事例と今後のチャレンジ
ttccddtoki
6
2.4k
React開発にStorybookとCopilotを導入して、爆速でUIを編集・確認する方法
yu_kod
1
280
整頓のジレンマとの戦い〜Tidy First?で振り返る事業とキャリアの歩み〜/Fighting the tidiness dilemma〜Business and Career Milestones Reflected on in Tidy First?〜
bitkey
2
16k
Operating Operator
shhnjk
1
590
DatabricksにOLTPデータベース『Lakebase』がやってきた!
inoutk
0
110
ビズリーチにおけるリアーキテクティング実践事例 / JJUG CCC 2025 Spring
visional_engineering_and_design
1
130
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
27k
Featured
See All Featured
Writing Fast Ruby
sferik
628
62k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Typedesign – Prime Four
hannesfritz
42
2.7k
Designing for Performance
lara
610
69k
Designing for humans not robots
tammielis
253
25k
Navigating Team Friction
lara
187
15k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
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