Build Websites FAST with Front-End Best Practices

•Als PPT, PDF herunterladen•

1 gefällt mir•345 views

This document provides tips for building websites fast, including starting with a boilerplate template for cross-browser compatibility, using an adaptive grid system for responsive design on desktop and mobile, leveraging frameworks like Foundation or Bootstrap if lazy, making CSS smarter with variables and functions, using Javascript and tools like Zen Coding to speed up coding, and applying the Don't Repeat Yourself (DRY) principle.

Technologie Design

I am Giedrius. Front-End Engineer at Jumsoft. Front-End Engineer at Jumsoft.

In Lithuanian we use expression “Shoemaker without shoes, tailor with ripped clothes“

[object Object],[object Object],[object Object]

What is adaptive grid? http://lessframework.com / http://www.alistapart.com/d/responsive-web-design/ex/ex-site-FINAL.html

OK, lazy? http://foundation.zurb.com / http://twitter.github.com/bootstrap/

MAKE CSS SMART add variables, functions and more!

= Javascript+AWESOME - HTML Zen Coding Other tools - programmers friend 4ever!

Weitere ähnliche Inhalte

Was ist angesagt?

How To Theme: A Design Workflow for WordPressJoel G Goodman

The Startup Platform Website BootcampMatt Report

HTML5 for mobile developmentCarlos Justiniano

WillsResumeWill Tirado

Koubei banquet 30Koubei UED

Progressive Enhancement & Mobile [Funka 2012]Aaron Gustafson

Starting with JavaScriptDori Smith

Evaluation q6Connor Fazakerley-Waring

HTML5 development in 30 minutesNazrul Kamaruddin

Introduce Bootstrap 3 to Develop Responsive Design ApplicationeXo Platform

Visual Rhetoric: Some Web Odds and EndsMiami University

User Experience for WordPress PlatformsCody Landefeld

Hack your carrer : teach yourself codingWomen Who Code Tokyo

Frontend Development vs Backend Development | Detailed ComparisonMariya James

Write Once, Run Everywhere: Can JavaScript deliver what Java promised?Jonas Bandi

Boat plan1pappykutti

Webapps mobiles html5Philippe Antoine

NodeConfLondon - Making ES6 happen with ChakraCore and NodeChristian Heilmann

Adobe Edge Animate and Captivate 8 ReduxKirsten Rourke

[DevDay 2016] The toolkit for an amazing product - Speaker: Sebastian Sussman...DevDay.org

Was ist angesagt? (20)

How To Theme: A Design Workflow for WordPress

The Startup Platform Website Bootcamp

HTML5 for mobile development

WillsResume

Koubei banquet 30

Progressive Enhancement & Mobile [Funka 2012]

Starting with JavaScript

Evaluation q6

HTML5 development in 30 minutes

Introduce Bootstrap 3 to Develop Responsive Design Application

Visual Rhetoric: Some Web Odds and Ends

User Experience for WordPress Platforms

Hack your carrer : teach yourself coding

Frontend Development vs Backend Development | Detailed Comparison

Write Once, Run Everywhere: Can JavaScript deliver what Java promised?

Boat plan1

Webapps mobiles html5

NodeConfLondon - Making ES6 happen with ChakraCore and Node

Adobe Edge Animate and Captivate 8 Redux

[DevDay 2016] The toolkit for an amazing product - Speaker: Sebastian Sussman...

Andere mochten auch

Uncovering the Genius Within Kelly Boucher

Moving from MandrillGiedrius Rimkus

Painless ruby deployment on shelly cloudGiedrius Rimkus

GlosarioCarlos Mauricio Martin Vallejo

Public noticesekorn

Sculpture Nicola Hill

Light artJennifer Kim

TransportationJennifer Kim

ApocryphaNicola Hill

Glosario informaticaCarlos Mauricio Martin Vallejo

Slidesharecruizdec2416

The power of natural beautyCec Net

Ppt form (atom) Jennifer Kim

PPt form (atom) Jennifer Kim

Science pdf 2Jennifer Kim

Coco chanelAna Nicolae

Medieval guilds by richey and bonar 7thrr10094

Ppt slide presentation for LIght ArtJennifer Kim

IBM Bluemix: science fiction has been overtaken....now everything is possibleCodemotion

Andere mochten auch (20)

Uncovering the Genius Within

Moving from Mandrill

Painless ruby deployment on shelly cloud

Glosario

Public notice

Sculpture

Light art

Transportation

Apocrypha

Glosario informatica

Slideshare

The power of natural beauty

Ppt form (atom)

PPt form (atom)

Science pdf 2

Coco chanel

Medieval guilds by richey and bonar 7th

Ppt slide presentation for LIght Art

IBM Bluemix: science fiction has been overtaken....now everything is possible

Ähnlich wie Build Websites FAST with Front-End Best Practices

Stapling and patching the web of now - ForwardJS3, San FranciscoChristian Heilmann

Overboard.js - where are we going with with jsconfasia / devfestasiaChristian Heilmann

Innovation vs. Impatience - keynote at JSOpenDay London 2015Christian Heilmann

Morden F2E Education - Think of Progressive Web AppsCaesar Chi

Real solutions, no tricksJens Grochtdreis

A Period of TransitionJens Grochtdreis

Responsive web design & mobile web development - a technical and business app...Atos_Worldline

Skill Session - Web Multi Devicefilirom1

Building beautiful apps using google flutterAhmed Abu Eldahab

Quo vadis, JavaScript? Devday.pl keynoteChristian Heilmann

Become a webdeveloper - AKAICamp Beginner #1Jacek Tomaszewski

Performance Tuning Web Apps - The Need For SpeedVijay Rayapati

Furatto tertuliaIcalia Labs

4-identifying-problems.pdfBrian Rahmawan Purwoto

Doing Modern Web, aka JavaScript and HTML5 in the Enterprise NYC Code CampChris Love

The Superhero’s Method of Modern HTML5 Development by RapidValue SolutionsRapidValue

RWD in the WildRich Quick

Building desktop applications with web technologies - ELECTRON the easy waystefanjudis

mini-project.pptxManojBhatt85

Shifting GearsChristian Heilmann

Ähnlich wie Build Websites FAST with Front-End Best Practices (20)

Stapling and patching the web of now - ForwardJS3, San Francisco

Overboard.js - where are we going with with jsconfasia / devfestasia

Innovation vs. Impatience - keynote at JSOpenDay London 2015

Morden F2E Education - Think of Progressive Web Apps

Real solutions, no tricks

A Period of Transition

Responsive web design & mobile web development - a technical and business app...

Skill Session - Web Multi Device

Building beautiful apps using google flutter

Quo vadis, JavaScript? Devday.pl keynote

Become a webdeveloper - AKAICamp Beginner #1

Performance Tuning Web Apps - The Need For Speed

Furatto tertulia

4-identifying-problems.pdf

Doing Modern Web, aka JavaScript and HTML5 in the Enterprise NYC Code Camp

The Superhero’s Method of Modern HTML5 Development by RapidValue Solutions

RWD in the Wild

Building desktop applications with web technologies - ELECTRON the easy way

mini-project.pptx

Shifting Gears

Kürzlich hochgeladen

Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes

IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada

Salesforce Community Group Quito, Salesforce 101Paola De la Torre

From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software

04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG

[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745

Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j

GenCyber Cyber Security Day PresentationMichael W. Hawkins

CNv6 Instructor Chapter 6 Quality of Servicegiselly40

Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard

Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...HostedbyConfluent

WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure servicePooja Nehwal

Presentation on how to chat with PDF using ChatGPT code interpreternaman860154

Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix

Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...gurkirankumar98700

How to convert PDF to text with Nanonetsnaman860154

Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko

Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC

How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes

Kürzlich hochgeladen (20)

Enhancing Worker Digital Experience: A Hands-on Workshop for Partners

IAC 2024 - IA Fast Track to Search Focused AI Solutions

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024

Salesforce Community Group Quito, Salesforce 101

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

[2024]Digital Global Overview Report 2024 Meltwater.pdf

Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...

GenCyber Cyber Security Day Presentation

CNv6 Instructor Chapter 6 Quality of Service

Maximizing Board Effectiveness 2024 Webinar.pptx

Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...

WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service

Presentation on how to chat with PDF using ChatGPT code interpreter

Swan(sea) Song – personal research during my six years at Swansea ... and bey...

Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...

How to convert PDF to text with Nanonets

Handwritten Text Recognition for manuscripts and early printed texts

Breaking the Kubernetes Kill Chain: Host Path Mount

How to Troubleshoot Apps for the Modern Connected Worker