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
GPMD - Our Journey
Search
Matt Bailey
April 22, 2015
Technology
0
73
GPMD - Our Journey
Our technical journey over the past three years - where we've come from and what's next.
Matt Bailey
April 22, 2015
Tweet
Share
More Decks by Matt Bailey
See All by Matt Bailey
How I acheived a pretty good Google PageSpeed Insights score
mattbailey
1
130
Front End Workflow
mattbailey
2
1.3k
Workshop: Making Responsive Websites Fast
mattbailey
0
58
Other Decks in Technology
See All in Technology
GoでもGUIアプリを作りたい!
kworkdev
PRO
0
130
Azure Well-Architected Framework入門
tomokusaba
1
350
「れきちず」のこれまでとこれから - 誰にでもわかりやすい歴史地図を目指して / FOSS4G 2025 Japan
hjmkth
1
290
from Sakichi Toyoda to Agile
kawaguti
PRO
1
110
【Kaigi on Rails 事後勉強会LT】MeはどうしてGirlsに? 私とRubyを繋いだRail(s)
joyfrommasara
0
230
リセラー企業のテクサポ担当が考える、生成 AI 時代のトラブルシュート 2025
kazzpapa3
1
150
Modern_Data_Stack最新動向クイズ_買収_AI_激動の2025年_.pdf
sagara
0
240
ACA でMAGI システムを社内で展開しようとした話
mappie_kochi
1
310
これがLambdaレス時代のChatOpsだ!実例で学ぶAmazon Q Developerカスタムアクション活用法
iwamot
PRO
6
980
M5製品で作るポン置きセルラー対応カメラ
sayacom
0
180
能登半島地震で見えた災害対応の課題と組織変革の重要性
ditccsugii
0
550
SwiftUIのGeometryReaderとScrollViewを基礎から応用まで学び直す:設計と活用事例
fumiyasac0921
0
160
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
590
For a Future-Friendly Web
brad_frost
180
9.9k
The Illustrated Children's Guide to Kubernetes
chrisshort
49
51k
Agile that works and the tools we love
rasmusluckow
331
21k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.5k
RailsConf 2023
tenderlove
30
1.2k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Balancing Empowerment & Direction
lara
4
690
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
KATA
mclloyd
32
15k
Statistics for Hackers
jakevdp
799
220k
Transcript
Our Journey
Where have we come from?
Design • Style tiles • More focus on component based
design • Move into browser quicker
Responsive Web Design • First RWD site: The Watch Gallery
• One site for every screen • Mobile first and content first • Media queries • Adaptive and fluid layouts
CSS Preprocessors • First Less… • … Then Sass •
Huge increase in efficiency • Like working with a proper programming language
Frontend Frameworks • HTML5 Boilerplate • Bootstrap • Foundation •
Time saving… • … But can lead to ‘bloat’
CSS Coding Style • BEM (Block, Element and Modifier) •
ITCSS (Inverted Triangle CSS) • Clearer, cleaner code • Much more modular • Easier to reuse
New CSS Stuff • The picture element • Flexbox
Task Management • Grunt • BIMA tasks: autoprefixer, clean, concat,
concurrent, copy, imagemin, jshint, modernizr, sass, scsslint, symlink, uglify and watch.
Package Management • Composer • NPM • Bower
Documentation • Style guides • Pattern libraries • Component libraries
• Hackpad
Automation • Set up scripts • environment specific frontend builds
• Githooks • Deployment with Fabric
Testing • TDD • BDD
Virtual Machines • Vagrant • Great idea in principle •
Worked well for a time • Mostly borked now • Need to simplify and lock down dependencies
Performance • Critical Rendering Path • Code quality • Code
efficiency • Code reviews
What’s next?
More Efficiency
More Automation • Magento and SilverStripe ‘products’ • Tools like
Yeoman for project scaffolding
More Documentation • Automated style guides • Automated component libraries
• Git merge requests
Modular, Reusable Code • Our own Github projects, Bower components,
Composer modules • Less time spent on repetitive tasks • Less reliance on frameworks • Leaner, better code
More Performance • The new ‘in’ thing • It’s not
going to go away • Tools such as sitespeed.io • StyleStats
More Testing • Visual Regression Testing • PhantomCSS • BackstopJS
Code Style & Quality • More scss-lint • Merge requests
and code reviews
More Virtual Machines • Done properly • Vagrant, Docker? •
Virtual Box, VMWare? • In the cloud: Koding, Cloud9?
Better Deployment • Build server? • CI?
We’ve come a long way
We’re going even further
It requires a team effort
Thank you for all your hard word
Goodbye