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
180
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
The Path to Theming Mastery
Rockstar in the Making
shalo
December 18, 2011
More Decks by shalo
See All by shalo
Microdata
shalo
5
170
Other Decks in Programming
See All in Programming
数百円から始めるRuby電子工作
tarosay
0
150
夏だ!祭りだ!祭りとはドメインモデリングでは?
ryugen04
0
280
複数の Claude Code が"放置"されてしまう問題をCLI ダッシュボードを自作して解決した話
sumihiro3
1
680
Augmenting AI with the Power of Jakarta EE
ivargrimstad
0
590
ソフトウェア設計に溶けるインフラ ― AWS CDK のインフラ認識論
konokenj
3
790
今さら聞けない .NET CLI
htkym
0
190
わからない話を追いかけたら、プログラミング言語を作る側にいた
ydah
3
510
GDG Korea Android: 2026 I/O Extended ~ What's new in Android development tools
pluu
0
220
AWS DevOps AgentのAzure接続機能を検証して見えた活用法/Use Cases Verified for the AWS DevOps Agent's Azure Connectivity Feature
masakiokuda
1
230
ルールを書いて終わらせないハーネスエンジニアリング
yug1224
4
1.9k
Laravelで学ぶ Webアプリケーションチューニング入門/web_application_tuning_101
hanhan1978
4
1.8k
Japan Community Day at Kubecon + CloudNativeCon Japan 2026: Learning Container Privilege Control by Building My Own Low-Level Container Runtime
ternbusty
1
150
Featured
See All Featured
Balancing Empowerment & Direction
lara
6
1.2k
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
460
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.5k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
280
A better future with KSS
kneath
240
18k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.2k
Claude Code のすすめ
schroneko
67
230k
My Coaching Mixtape
mlcsv
0
230
Principles of Awesome APIs and How to Build Them.
keavy
128
18k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.8k
Design in an AI World
tapps
1
280
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
430
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?