Introduce Reponsive Web Author :Vien Pham (Johnny Chicken)

Slides:



Advertisements
Similar presentations
Programming Club IIT Kanpur. Work environment Before you begin coding,always set up your work environment to your needs IDE Notepad++ Sublime Text 2.
Advertisements

Numbers
FIspace Project App Development Overview July 24th, 2014 Javier Romero Task Generic and Domain- specific Application Development leader Atos.
Lloyd-Jamie Bennett – P Stylianos Michael – P
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.
Session I - Introduction
Branding in SharePoint #SPcincy2013 on Twitter Open wireless access is available. Feel free to Tweet (#SPcincy2013) and.
توسعه سریع‌تر با Gulp نوید کاشانی – مرداد 1394.
Session I Outline Chapter 1 – Getting Started Session I – Exercise 1 & 2 Chapter 3 – Grid System Chapter 7 – Multi-Column.
All Your Base Are Belong to Us. Who is Chaz Chumley?  Technical Director - Saforian  Author - Lynda.com  Govt. to Non-profit to Corporate  Over 7.
Streamlining XML Authoring Workflows The case for concurrent working Phil
FireBug. What is Firebug?  Firebug is a powerful tool that allows you to edit HTML, CSS and view the coding behind any website: CSS, HTML, DOM and JavaScript.
The Web Developer’s Toolbox Steve Fabian e:
CSS PREPROCESSORS Michael and Miles. Overview What are CSS Preprocessors Why use them? What is LESS and how to use LESS example What is SASS and how to.
Crazy New CSS Tools MIS 424 MIS 424 Professor Sandvig Professor Sandvig.
SE-2840 Dr. Mark L. Hornick1 Bootstrap A framework for CSS.
Lab 4: Bootstrap and Responsive Design User Interface Lab: GUI Lab Sep. 16 th, 2014.
Introduction to Bootstrap
Bootstrap by:- Vignesh Dhamodaran. What is Bootstrap? Originally created by a designer and a developer at Twitter. So initial name is Twitter Bootstrap.
Adxstudio Portals Training
learn. do. dream. Bootstrapping with Twitter Bootstrap Responsive Layouts CSS Components JavaScript Font Awesome Select2 Themes.
ANGULARJS A Gentle Introduction John Madison.NET User Group.
Martin Kruliš by Martin Kruliš (v1.0)1.
TWITTER BOOTSTRAP Rick Mason. All houses were custom built on site.
{ jTrack Presented By: Stonehill College 2013 Computer Science Capstone Advisor: Professor Robert Dugan.
10-1 人生与责任 淮安工业园区实验学校 连芳芳 “ 自我介绍 ” “ 自我介绍 ” 儿童时期的我.
HTML5 Hosting Templates.  HTML hosting templates are:  Easy to customize.  Have professional look.  Have best impact on visitors.  Inexpensive. Here.
Getting Started with Responsive Web Design By Brian Rinaldi.
Britt BodinNatalie Thomson. AGENDA I. The Problems with CSS II. Introducing Preprocessors III. How They Work IV. It’s Magic. V. Advantages & Disadvantages.
CSCI 3100 Tutorial 5 Bootstrap & Git ZENG, Jichuan Department of Computer Science and Engineering The Chinese University of Hong.
With Responsive Web Design Eric Overfield SharePoint Advocate and Enthusiast PixelMill SharePoint Fest Denver – March 18 th - 20 th 2013 Enhance SharePoint.
MVC 4.0, Knockout.js, Bootstrap and EF6.0 FAST, FLEXIBLE AND RESPONSIVE QUICK TO MARKET WEBSITES.
A Crash Course By TraversyMedia.com
Simple theme creation using Sass
Relational Normalization CASE tool for Database Design
ISV for the pension market
تصميم صفحات الانترنت web design
Performed by: Taha shashtari Mahmoud shaka’a
Development of Internet Applications jQuery, TypeScript, LESS
Advanced Web Page Styling
Responsive Design and Twitter Bootstrap
Presentation 2 Web Design.
العدد تذكيره وتأنيثه مقدمة
HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks
© 2010, Mike Murach & Associates, Inc.
Yahoo Mail Customer Support Number
Most Effective Techniques to Park your Manual Transmission Car
How do Power Car Windows Ensure Occupants Safety
UI Developer Overview  SV Trainings UI Developer Training is online course developed by industry experts to understand the concepts of HTML5, CSS3, Bootstrap,
PHP + Oracle = Data-Driven Websites
04 | Web Applications Gerry O’Brien | Technical Content Development Manager Paul Pardi | Senior Content Publishing Manager.
CMP Creating Your Personal and Small Business Web Sites
Summer Engineering Academies Registration System
Wireframe Fast.
THANK YOU!.
HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks
Unit 6 part 3 Test Javascript Test.
Thank you.
Thank you.
Automated RWD Generator
HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks
ხელმძღვანელი: დიმიტრი ქარაული
Introducing F# for the Enterprise
Introduction to MIS3502 MIS 3502 Jeremy Shafer Department of MIS
Working Group on Data, Information and Knowledge Exchange (WG DIKE)
creating websites and web applications responsive.
06 | Using Bootstrap with Less
Presentation transcript:

Introduce Reponsive Web Author :Vien Pham (Johnny Chicken)

o Responsive Web Design ? o Best Responsive Frameworks ? o Less ? o Using Less ? o Less in bootstrap ? o Show Demo

Responsive Web Design?

Best Responsive Frameworks o Twitter Bootstrap o Foundation o Skeleton o HTML5 Boilerplate o HTML KickStart o Montage HTML5 Framework o SproutCore o Zebra o CreateJS o Less Framework o framework-for-web-design.html

-CSS preprocessor -Variables -Mixins -Operations -Function -Author : Alexis Sellier Less ?

Using Less

Less in bootstrap ?

Demo Thank You

reference

Feedback: Privacy Policy Feedback
Do Not Sell My Personal Information
About project: SlidePlayer Terms of Service

© 2025 SlidePlayer.com. Inc. All rights reserved.