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
testingを眺める
matumoto
1
130
RDoc meets YARD
okuramasafumi
4
160
モバイルアプリからWebへの横展開を加速した話_Claude_Code_実践術.pdf
kazuyasakamoto
0
310
react-callを使ってダイヤログをいろんなとこで再利用しよう!
shinaps
1
180
More Approvers for Greater OSS and Japan Community
tkikuc
1
110
「手軽で便利」に潜む罠。 Popover API を WCAG 2.2の視点で安全に使うには
taitotnk
0
740
AIでLINEスタンプを作ってみた
eycjur
1
230
UbieのAIパートナーを支えるコンテキストエンジニアリング実践
syucream
2
830
MCPで実現するAIエージェント駆動のNext.jsアプリデバッグ手法
nyatinte
7
1.1k
FindyにおけるTakumi活用と脆弱性管理のこれから
rvirus0817
0
430
フロントエンドのmonorepo化と責務分離のリアーキテクト
kajitack
2
160
Claude Codeで実装以外の開発フロー、どこまで自動化できるか?失敗と成功
ndadayo
4
1.9k
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
We Have a Design System, Now What?
morganepeng
53
7.8k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
61k
Mobile First: as difficult as doing things right
swwweet
224
9.9k
Code Reviewing Like a Champion
maltzj
525
40k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Typedesign – Prime Four
hannesfritz
42
2.8k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
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?