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
コマンドとリード間の連携に対する脅威分析フレームワーク
pandayumi
1
280
疑似コードによるプロンプト記述、どのくらい正確に実行される?
kokuyouwind
0
220
インターン生でもAuth0で認証基盤刷新が出来るのか
taku271
0
160
CSC307 Lecture 04
javiergs
PRO
0
640
Unicodeどうしてる? PHPから見たUnicode対応と他言語での対応についてのお伺い
youkidearitai
PRO
0
510
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
kamina_zzz
0
360
SQL Server 2025 LT
odashinsuke
0
160
gunshi
kazupon
1
140
AI 駆動開発ライフサイクル(AI-DLC):ソフトウェアエンジニアリングの再構築 / AI-DLC Introduction
kanamasa
11
5.4k
メルカリのリーダビリティチームが取り組む、AI時代のスケーラブルな品質文化
cloverrose
2
470
CSC307 Lecture 05
javiergs
PRO
0
470
MDN Web Docs に日本語翻訳でコントリビュート
ohmori_yusuke
0
470
Featured
See All Featured
Designing Experiences People Love
moore
143
24k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
196
71k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
1
360
Paper Plane (Part 1)
katiecoart
PRO
0
3.1k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
7.9k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.7k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
380
So, you think you're a good person
axbom
PRO
1
1.9k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
130
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.2k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
61
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?