Design responsivo.

Slides:



Advertisements
Similar presentations
BPEL.
Advertisements

VHDL.
Designveloper Overview of Web and App development process March 11 th, 2014 Hung Vo - CEO.
1 Uso de MEL (Maya Embedded Language) Para: Números aleatorios Fractales.
1/03/09 De 89 à 98. 1/03/09 De 89 à 98 1/03/09 De 89 à 98.
1 Classe Graphics Alcides Calsavara. 2 Uso com Applets u parâmetro do método paint –public void paint ( Graphics g ) u utilizado como base para o desenho.
April 05 Prof. Ismael H. F. Santos - 1 Modulo II JavaWebStart e JavaPlugin Prof. Ismael H F Santos.
Responsive Web Design Nuts & Bolts David Weedon - UI/UX Designer, Covenant Technology Partners.
Lloyd-Jamie Bennett – P Stylianos Michael – P
CISC 474: Advanced Web Technologies HTML5 & CSS3, & Responsive Design.
Intro to RESPONSIVE DESIGN. Why? What?
Kathy E. Responsive Design and Twitter Bootstrap.
DEVELOPING FOR MOBILE Jackie Calapristi. AGENDA  Why you should go mobile  Mobile Design Options  Responsive Design  Tips & Tools to Help You Build.
Adapting a Site Template Using Drupal Themes and SASS/LESS.

Kirkwood Center for Continuing Education Introduction to PHP and MySQL By Fred McClurg, Copyright © 2015 All Rights Reserved.
WEB DEVELOPMENT IMMERSIVE ADVANCED LAYOUT, FORMS, & MEDIA.
Responsive (Mobile) Design What is this? Why Should You Care?
Adobe Dreamweaver CC: The Professional Portfolio Project 8: BLVD Fluid Grid Site Working with fluid grids Creating CSS3 transitions.
。 33 投资环境 3 开阔视野 提升竞争力 。 3 嘉峪关市概况 。 3 。 3 嘉峪关是一座新兴的工业旅游城市,因关得名,因企设市,是长城文化与丝路文化交 汇点,是全国唯一一座以长城关隘命名的城市。嘉峪关关城位于祁连山、黑山之间。 1965 年建市,下辖雄关区、镜铁区、长城区, 全市总面积 2935.
Getting Started with Responsive Web Design By Brian Rinaldi.
With Responsive Web Design Eric Overfield SharePoint Advocate and Enthusiast PixelMill Enhance SharePoint SPFest Denver 2014 – SPT 205
With Responsive Web Design Eric Overfield SharePoint Advocate and Enthusiast PixelMill SharePoint Fest Denver – March 18 th - 20 th 2013 Enhance SharePoint.
The A to Z of Building a Responsive SharePoint Site with Bootstrap BY THOMAS DALY.
DBM 384 Assignment Mobile Database Paper Check this A+ tutorial guideline at 384/DBM-384-Assignment-Mobile-Database-
BCOM 426 Week 5 Learning Team Media Technologies Paper Check this A+ tutorial guideline at 426/BCOM-426-Week-5-Learning--Team-
BIS 220 Week 5 Individual Social Media and Networking Presentation Check this A+ tutorial guideline at 220/BIS-220-Week-5-Individual-Social-Media-
Front End Design By Sylvester Ndung’u
A Crash Course By TraversyMedia.com
Decentralized, secure, modern and funny.
Working on the web.
Responsive Design and Twitter Bootstrap
Relative clauses I (who/which/that
Introduction to Bootstrap Bootstrap සදහා හැදින්වීම
Responsive Design in WordPress
HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks
CMP Creating Your Personal and Small Business Web Sites
You may choose to use any one of these provide slide templates and make changes as desired.
You may choose to use any one of these provide slide templates and make changes as desired. 1.
Wireframe Fast.
06 | Introduction to Bootstrap
You may choose to use any one of these provide slide templates and make changes as desired.
You may choose to use any one of these provide slide templates and make changes as desired. 1.
Automated RWD Generator
HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks
You may choose to use any one of these provide slide templates and make changes as desired. 1.
You may choose to use any one of these provide slide templates and make changes as desired.
АВЛИГАТАЙ ТЭМЦЭХ ҮНДЭСНИЙ ХӨТӨЛБӨР /танилцуулга/
You may choose to use any one of these provide slide templates and make changes as desired. 1.
You may choose to use any one of these provide slide templates and make changes as desired.
You may choose to use any one of these provide slide templates and make changes as desired.
Engine Part ID Part 1.
Engine Part ID Part 2.
Engine Part ID Part 2.
Front End Development workshop
You may choose to use any one of these provide slide templates and make changes as desired.
You may choose to use any one of these provide slide templates and make changes as desired.
Bootstrap Direct quote from source: bootstrap/
LINEAMIENTOS PARA LA FORMACION DE EQUIPOS CARACTERISTICAS.
creating websites and web applications responsive.
You may choose to use any one of these provide slide templates and make changes as desired.
You may choose to use any one of these provide slide templates and make changes as desired.
You may choose to use any one of these provide slide templates and make changes as desired.
You may choose to use any one of these provide slide templates and make changes as desired.
You may choose to use any one of these provide slide templates and make changes as desired.
You may choose to use any one of these provide slide templates and make changes as desired.
You may choose to use any one of these provide slide templates and make changes as desired.
You may choose to use any one of these provide slide templates and make changes as desired.
You may choose to use any one of these provide slide templates and make changes as desired.
Christopher Harrison Jeremy Foster
Presentation transcript:

Design responsivo

Motivação

Exemplos: http://www.kadunew.com/blog/web-design/23-exemplos-de- design-responsivo

Livros

Como conseguir isso? Mobile First Uso de Grids Media Queries http://gridpak.com/ Media Queries

Mais grids http://blog.popupdesign.com.br/design-responsivo-grids-e- texto/

Framework responsivo BootStrap -> http://getbootstrap.com/ Zurb  http://foundation.zurb.com/index.html Gumby -> http://gumbyframework.com/ GoogleMaterial - https://www.getmdl.io/ PureCSS – http://purecss.io/ Skeleton - http://getskeleton.com/

Bootstrap Framework front-end Tutorial do Bootstrap: http://www.tutorialwebdesign.com.br/category/tutoriais/bootstra p/ Editores para Bootstrap: http://www.estudiosite.com.br/blog/frameworks-2/18-ide-para- bootstrap Template gratuitos Bootstrap: http://www.bootstrapzero.com/