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
Constant integer division faster than compiler-generated code
herumi
2
550
SwiftでMCPサーバーを作ろう!
giginet
PRO
2
230
コーディングは技術者(エンジニア)の嗜みでして / Learning the System Development Mindset from Rock Lady
mackey0225
2
250
React は次の10年を生き残れるか:3つのトレンドから考える
oukayuka
41
16k
大規模FlutterプロジェクトのCI実行時間を約8割削減した話
teamlab
PRO
0
450
物語を動かす行動"量" #エンジニアニメ
konifar
13
3.7k
なぜ今、Terraformの本を書いたのか? - 著者陣に聞く!『Terraformではじめる実践IaC』登壇資料
fufuhu
4
530
技術的負債で信頼性が限界だったWordPress運用をShifterで完全復活させた話
rvirus0817
0
790
バイブコーディング超えてバイブデプロイ〜CloudflareMCPで実現する、未来のアプリケーションデリバリー〜
azukiazusa1
3
800
それ CLI フレームワークがなくてもできるよ / Building CLI Tools Without Frameworks
orgachem
PRO
17
3.7k
SQLアンチパターン第2版 データベースプログラミングで陥りがちな失敗とその対策 / Intro to SQL Antipatterns 2nd
twada
PRO
38
11k
STUNMESH-go: Wireguard NAT穿隧工具的源起與介紹
tjjh89017
0
290
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
30
6k
Six Lessons from altMBA
skipperchong
28
3.9k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
For a Future-Friendly Web
brad_frost
179
9.9k
Music & Morning Musume
bryan
46
6.7k
Writing Fast Ruby
sferik
628
62k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
How STYLIGHT went responsive
nonsquared
100
5.7k
Adopting Sorbet at Scale
ufuk
77
9.5k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
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?