Enviar búsqueda
Cargar
Roll Your Own CSS Framework
•
0 recomendaciones
•
2,842 vistas
Mike Aparicio
Seguir
How to customize or create your own CSS framework.
Leer menos
Leer más
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 61
Descargar ahora
Descargar para leer sin conexión
Recomendados
How to develop a CSS Framework
How to develop a CSS Framework
Olivier Besson
Making Your Own CSS Framework
Making Your Own CSS Framework
Dan Sagisser
Designing an Enterprise CSS Framework is Hard, Stephanie Rewis
Designing an Enterprise CSS Framework is Hard, Stephanie Rewis
Future Insights
Lightning fast sass
Lightning fast sass
chriseppstein
Creating a Responsive Drupal Theme: Presentation from DrupalCamp Montreal 2012
Creating a Responsive Drupal Theme: Presentation from DrupalCamp Montreal 2012
Suzanne Dergacheva
Responsive web design
Responsive web design
Sean Wolfe
Responsive Design and Drupal Theming
Responsive Design and Drupal Theming
Suzanne Dergacheva
Responsive Web Design
Responsive Web Design
Debra Shapiro
Recomendados
How to develop a CSS Framework
How to develop a CSS Framework
Olivier Besson
Making Your Own CSS Framework
Making Your Own CSS Framework
Dan Sagisser
Designing an Enterprise CSS Framework is Hard, Stephanie Rewis
Designing an Enterprise CSS Framework is Hard, Stephanie Rewis
Future Insights
Lightning fast sass
Lightning fast sass
chriseppstein
Creating a Responsive Drupal Theme: Presentation from DrupalCamp Montreal 2012
Creating a Responsive Drupal Theme: Presentation from DrupalCamp Montreal 2012
Suzanne Dergacheva
Responsive web design
Responsive web design
Sean Wolfe
Responsive Design and Drupal Theming
Responsive Design and Drupal Theming
Suzanne Dergacheva
Responsive Web Design
Responsive Web Design
Debra Shapiro
Responsive Web Design: Tips and Tricks
Responsive Web Design: Tips and Tricks
Gautam Krishnan
Building Responsive Websites with Drupal
Building Responsive Websites with Drupal
Suzanne Dergacheva
CSS架構如何加速功能開發
CSS架構如何加速功能開發
Oliver Lin
Front End Tooling and Performance - Codeaholics HK 2015
Front End Tooling and Performance - Codeaholics HK 2015
Holger Bartel
Responsive & Responsible Web Design in DNN
Responsive & Responsible Web Design in DNN
gravityworksdd
What is Object Oriented CSS?
What is Object Oriented CSS?
Nicole Sullivan
Future proof rwd
Future proof rwd
Adam Chambers
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...
Jer Clarke
Responsive Websites
Responsive Websites
Joe Seifi
Wireframing basics may 2012
Wireframing basics may 2012
Meaghan Barbin
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...
Yandex
CSS Workflow. Pre & Post
CSS Workflow. Pre & Post
Anton Dosov
CSS Lessons Learned the Hard Way (Generate Conf)
CSS Lessons Learned the Hard Way (Generate Conf)
Zoe Gillenwater
Web design v roku 2013
Web design v roku 2013
vibration.sk
Improving the Responsive Web Design Process in 2016
Improving the Responsive Web Design Process in 2016
Cristina Chumillas
Adobe MAX 2008: HTML/CSS + Fireworks
Adobe MAX 2008: HTML/CSS + Fireworks
Nathan Smith
Put A Map On It! Enhanced geolocation in WordPress with Geo Mashup
Put A Map On It! Enhanced geolocation in WordPress with Geo Mashup
Jer Clarke
Responsive Design in Drupal with Zen and Zen Grids
Responsive Design in Drupal with Zen and Zen Grids
Suzanne Dergacheva
Front End Development - Beyond Javascript (Robin Cannon)
Front End Development - Beyond Javascript (Robin Cannon)
Future Insights
Why You Need a Front End Developer
Why You Need a Front End Developer
Mike Wilcox
Lessons Learned From Building Your Own CSS Framework
Lessons Learned From Building Your Own CSS Framework
sonniesedge
Seven Steps to Creating a Framework
Seven Steps to Creating a Framework
Rob Philibert
Más contenido relacionado
La actualidad más candente
Responsive Web Design: Tips and Tricks
Responsive Web Design: Tips and Tricks
Gautam Krishnan
Building Responsive Websites with Drupal
Building Responsive Websites with Drupal
Suzanne Dergacheva
CSS架構如何加速功能開發
CSS架構如何加速功能開發
Oliver Lin
Front End Tooling and Performance - Codeaholics HK 2015
Front End Tooling and Performance - Codeaholics HK 2015
Holger Bartel
Responsive & Responsible Web Design in DNN
Responsive & Responsible Web Design in DNN
gravityworksdd
What is Object Oriented CSS?
What is Object Oriented CSS?
Nicole Sullivan
Future proof rwd
Future proof rwd
Adam Chambers
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...
Jer Clarke
Responsive Websites
Responsive Websites
Joe Seifi
Wireframing basics may 2012
Wireframing basics may 2012
Meaghan Barbin
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...
Yandex
CSS Workflow. Pre & Post
CSS Workflow. Pre & Post
Anton Dosov
CSS Lessons Learned the Hard Way (Generate Conf)
CSS Lessons Learned the Hard Way (Generate Conf)
Zoe Gillenwater
Web design v roku 2013
Web design v roku 2013
vibration.sk
Improving the Responsive Web Design Process in 2016
Improving the Responsive Web Design Process in 2016
Cristina Chumillas
Adobe MAX 2008: HTML/CSS + Fireworks
Adobe MAX 2008: HTML/CSS + Fireworks
Nathan Smith
Put A Map On It! Enhanced geolocation in WordPress with Geo Mashup
Put A Map On It! Enhanced geolocation in WordPress with Geo Mashup
Jer Clarke
Responsive Design in Drupal with Zen and Zen Grids
Responsive Design in Drupal with Zen and Zen Grids
Suzanne Dergacheva
Front End Development - Beyond Javascript (Robin Cannon)
Front End Development - Beyond Javascript (Robin Cannon)
Future Insights
Why You Need a Front End Developer
Why You Need a Front End Developer
Mike Wilcox
La actualidad más candente
(20)
Responsive Web Design: Tips and Tricks
Responsive Web Design: Tips and Tricks
Building Responsive Websites with Drupal
Building Responsive Websites with Drupal
CSS架構如何加速功能開發
CSS架構如何加速功能開發
Front End Tooling and Performance - Codeaholics HK 2015
Front End Tooling and Performance - Codeaholics HK 2015
Responsive & Responsible Web Design in DNN
Responsive & Responsible Web Design in DNN
What is Object Oriented CSS?
What is Object Oriented CSS?
Future proof rwd
Future proof rwd
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...
Responsive Websites
Responsive Websites
Wireframing basics may 2012
Wireframing basics may 2012
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...
CSS Workflow. Pre & Post
CSS Workflow. Pre & Post
CSS Lessons Learned the Hard Way (Generate Conf)
CSS Lessons Learned the Hard Way (Generate Conf)
Web design v roku 2013
Web design v roku 2013
Improving the Responsive Web Design Process in 2016
Improving the Responsive Web Design Process in 2016
Adobe MAX 2008: HTML/CSS + Fireworks
Adobe MAX 2008: HTML/CSS + Fireworks
Put A Map On It! Enhanced geolocation in WordPress with Geo Mashup
Put A Map On It! Enhanced geolocation in WordPress with Geo Mashup
Responsive Design in Drupal with Zen and Zen Grids
Responsive Design in Drupal with Zen and Zen Grids
Front End Development - Beyond Javascript (Robin Cannon)
Front End Development - Beyond Javascript (Robin Cannon)
Why You Need a Front End Developer
Why You Need a Front End Developer
Destacado
Lessons Learned From Building Your Own CSS Framework
Lessons Learned From Building Your Own CSS Framework
sonniesedge
Seven Steps to Creating a Framework
Seven Steps to Creating a Framework
Rob Philibert
Visual Regression Testing
Visual Regression Testing
sonniesedge
Managing responsive websites with css preprocessors.
Managing responsive websites with css preprocessors.
The University of Akron
Media queries and frameworks
Media queries and frameworks
Nicole Ryan
Grid system introduction
Grid system introduction
ananda gunadharma
Think Vitamin CSS
Think Vitamin CSS
Nathan Smith
Responsive Design & CSS Frameworks
Responsive Design & CSS Frameworks
G C
Destacado
(8)
Lessons Learned From Building Your Own CSS Framework
Lessons Learned From Building Your Own CSS Framework
Seven Steps to Creating a Framework
Seven Steps to Creating a Framework
Visual Regression Testing
Visual Regression Testing
Managing responsive websites with css preprocessors.
Managing responsive websites with css preprocessors.
Media queries and frameworks
Media queries and frameworks
Grid system introduction
Grid system introduction
Think Vitamin CSS
Think Vitamin CSS
Responsive Design & CSS Frameworks
Responsive Design & CSS Frameworks
Similar a Roll Your Own CSS Framework
Cole Geissinger Development Talk
Cole Geissinger Development Talk
NorthBayWeb
HTML5 for Web Designers
HTML5 for Web Designers
Goodbytes
Power Tools For Browser-Based Design
Power Tools For Browser-Based Design
Stephen Hay
CCSP 2012F 早點下班的工具
CCSP 2012F 早點下班的工具
裕欽 林
Introduction to Twitter's Bootstrap 2
Introduction to Twitter's Bootstrap 2
Julien Renaux
About Best friends - HTML, CSS and JS
About Best friends - HTML, CSS and JS
Naga Harish M
Rapid Templating with Serve
Rapid Templating with Serve
Nathan Smith
High-Fidelity Prototyping
High-Fidelity Prototyping
Hans Põldoja
High-Fidelity Prototyping
High-Fidelity Prototyping
Hans Põldoja
Mobile First - WCJ 2012
Mobile First - WCJ 2012
Gal Brill
Modern Front-End Development
Modern Front-End Development
mwrather
Front-end Tools: Sifting Through the Madness
Front-end Tools: Sifting Through the Madness
FITC
Front-end Tools: Sifting Through the Madness
Front-end Tools: Sifting Through the Madness
FITC
Ajaxworld March 2008 - Jeff Haynie Keynote - Appcelerator
Ajaxworld March 2008 - Jeff Haynie Keynote - Appcelerator
Jeff Haynie
Ajax World 2008
Ajax World 2008
Axway Appcelerator
Fronteers Workshop: Rabid Prototyping
Fronteers Workshop: Rabid Prototyping
Stephen Hay
Module 07: Wireframes
Module 07: Wireframes
Daniel Drew Turner
A Responsive Design Case Study - What We Did Wrong Building ResponsiveDesign....
A Responsive Design Case Study - What We Did Wrong Building ResponsiveDesign....
Aidan Foster
Death of a Themer
Death of a Themer
James Panton
Death of a Themer - Frontend United - 14 April 2013
Death of a Themer - Frontend United - 14 April 2013
Matt Fielding
Similar a Roll Your Own CSS Framework
(20)
Cole Geissinger Development Talk
Cole Geissinger Development Talk
HTML5 for Web Designers
HTML5 for Web Designers
Power Tools For Browser-Based Design
Power Tools For Browser-Based Design
CCSP 2012F 早點下班的工具
CCSP 2012F 早點下班的工具
Introduction to Twitter's Bootstrap 2
Introduction to Twitter's Bootstrap 2
About Best friends - HTML, CSS and JS
About Best friends - HTML, CSS and JS
Rapid Templating with Serve
Rapid Templating with Serve
High-Fidelity Prototyping
High-Fidelity Prototyping
High-Fidelity Prototyping
High-Fidelity Prototyping
Mobile First - WCJ 2012
Mobile First - WCJ 2012
Modern Front-End Development
Modern Front-End Development
Front-end Tools: Sifting Through the Madness
Front-end Tools: Sifting Through the Madness
Front-end Tools: Sifting Through the Madness
Front-end Tools: Sifting Through the Madness
Ajaxworld March 2008 - Jeff Haynie Keynote - Appcelerator
Ajaxworld March 2008 - Jeff Haynie Keynote - Appcelerator
Ajax World 2008
Ajax World 2008
Fronteers Workshop: Rabid Prototyping
Fronteers Workshop: Rabid Prototyping
Module 07: Wireframes
Module 07: Wireframes
A Responsive Design Case Study - What We Did Wrong Building ResponsiveDesign....
A Responsive Design Case Study - What We Did Wrong Building ResponsiveDesign....
Death of a Themer
Death of a Themer
Death of a Themer - Frontend United - 14 April 2013
Death of a Themer - Frontend United - 14 April 2013
Último
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
sudhanshuwaghmare1
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
debabhi2
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Michael W. Hawkins
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
The Digital Insurer
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
Delhi Call girls
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
HampshireHUG
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
apidays
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Igalia
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Maria Levchenko
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Rafal Los
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
naman860154
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Product Anonymous
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Gabriella Davis
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
naman860154
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Radu Cotescu
Último
(20)
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Roll Your Own CSS Framework
1.
Roll Your Own CSS
FRAMEWORK Mike Aparicio User Interface Engineer, Groupon maparicio@groupon.com @peruvianidol
2.
DESIGNERS?
3.
DEVELOPERS?
4.
FREE FOOD?
5.
Has this ever
happened to you?
6.
7.
font-family? border-radius? font-size? line-height? margin? linear-gradient? text-shadow? box-shadow? width? height?
8.
I’m out!
9.
CSS FRAMEWORKS Twitter Bootstrap (http://twitter.github.io/bootstrap/) Zurb
Foundation (http://foundation.zurb.com/) Gumby Framework (http://gumbyframework.com/) Inuit (http://inuitcss.com/) Yaml (http://www.yaml.de/) Kube (http://imperavi.com/kube/) Groundworks (http://groundwork.sidereel.com/) Skeleton (http://www.getskeleton.com/) Workless (http://workless.ikreativ.com/) ... and many more http://usablica.github.io/front-end-frameworks/compare.html
10.
http://www.appfeed.net/
11.
http://fontcustom.com/
12.
http://fiveaday.co/
13.
14.
15.
16.
17.
http://lovebootstrap.com/
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
CSS PREPROCESSORS •SASS (http://sass-lang.com/) •LESS
(http://lesscss.org/) •Stylus (http://learnboost.github.io/stylus/)
30.
CSS PREPROCESSORS •Variables •Operations •Mixins •Nesting
31.
CodeKit Mac - $25 (http://incident57.com/codekit/) Prepros Win
- Open Source (http://alphapixels.com/prepros/) Koala Mac/Win/Linux - Open Source (http://koala-app.com/) Scout Mac/Win - Open Source (http://mhs.github.io/scout-app/)
32.
http://smacss.com/
33.
34.
35.
http://necolas.github.io/normalize.css/
36.
http://www.netmagazine.com/tutorials/build-responsive-site-week-designing-responsively-part-1
37.
http://www.gridlover.net/
38.
http://losttype.com/
39.
http://www.fontsquirrel.com/tools/webfont-generator
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
http://www.csszengarden.com/
57.
58.
59.
NOT US
60.
US
61.
Mike Aparicio @peruvianidol maparicio@groupon.com http://idol.pe/ryo-css THANK YOU!
Descargar ahora