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
The Path to Theming Mastery
Search
shalo
December 18, 2011
Programming
3
160
The Path to Theming Mastery
Rockstar in the Making
shalo
December 18, 2011
Tweet
Share
More Decks by shalo
See All by shalo
Microdata
shalo
5
160
Other Decks in Programming
See All in Programming
HTMLの品質ってなんだっけ? “HTMLクライテリア”の設計と実践
unachang113
4
2.9k
Kiroで始めるAI-DLC
kaonash
2
590
概念モデル→論理モデルで気をつけていること
sunnyone
2
230
How Android Uses Data Structures Behind The Scenes
l2hyunwoo
0
460
旅行プランAIエージェント開発の裏側
ippo012
2
910
Tool Catalog Agent for Bedrock AgentCore Gateway
licux
6
2.5k
テストカバレッジ100%を10年続けて得られた学びと品質
mottyzzz
2
600
はじめてのMaterial3 Expressive
ym223
2
740
プロパティベーステストによるUIテスト: LLMによるプロパティ定義生成でエッジケースを捉える
tetta_pdnt
0
1.7k
複雑なフォームに立ち向かう Next.js の技術選定
macchiitaka
2
130
そのAPI、誰のため? Androidライブラリ設計における利用者目線の実践テクニック
mkeeda
2
310
私の後悔をAWS DMSで解決した話
hiramax
4
210
Featured
See All Featured
Writing Fast Ruby
sferik
628
62k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
YesSQL, Process and Tooling at Scale
rocio
173
14k
The Language of Interfaces
destraynor
161
25k
Practical Orchestrator
shlominoach
190
11k
Statistics for Hackers
jakevdp
799
220k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Transcript
Rockstar in the Making The Path to Theming Mastery
Shawn Gregg Web Production Group Sony Music Entertainment Computer -
1998 Web - 2000 Drupal - 2006
“Browsers are the most hostile software development environment imaginable” Douglas
Crockford
Is everyone happy? Screen Resolutions Operating Systems Rendering Engines Browser
Versions Usability / Accessibility Mobile
“We are the awesomesauce that makes it all work.” Morton
DK
Pressure?
The Right Stuff Passionate Pay attention to detail Have a
positive attitude Stay informed Curious Responsible
“It takes 10,000 hours to become proficient at any trade”
Malcolm Gladwell
Rock Solid Fundamentals Structure Presentation Behavior Performance
Structure (HTML/XHTML) Write clean meaningful markup Inoculate against divitis RTFM
(Read the W3C spec) Understand microdata and microformats
Rockstar Tips W3C (x)HTML Validators www.schema.org (microdata) DOM Monster (bookmarklet)
Presentation (CSS) Know thy declarations & selectors Understand Specificity RTFM
(Read the W3C spec) Explore abstraction layers @font-face / responsive / frameworks
Rockstar Tips W3C CSS Validator @font-face generator (shalo.us/fsg) Quickly test
fallback fonts (ffffallback.com) Firebug / Chrome dev tools LiveReload (livereload.com)
Behavior (JavaScript) Write unobtrusive code (rock jQuery) Use efficient selectors
Learn to debug JavaScript Use JSLint (jslint.com)
Rock the Theme Layer Don’t forget the fundamentals Understand PHP
Template Understand the admin interface Do logic in template.php Use tpl files Keep it simple
Rockstar Tips Awesome Theming Section (Jacine Luisi)
Rockstar Tips
Performance Code Quality (php/front-end) Image Optimization & Sprites External CSS/JS
Combine and Minify Page Speed / Yslow
“Everyone knows that debugging is twice as hard as writing
a program in the first place. So if you’re as clever as you can be when you write it, how will you ever debug it?” Brian Kernighan
Keep it simple.
Thank You Contact
[email protected]
Twitter @shalosophy Feedback shalo.us/f1 Questions?