for Modern Web Design Andy Blanchard / Chris Keller
|
|
- Jason Johns
- 8 years ago
- Views:
Transcription
1 Tools for Modern Web Design Andy Blanchard /
2 The Tools Design Good old Pencil and Paper UXPin, Balsamiq or Adobe CS Browser Tools Development Storage and Communication Google Drive HipChat BaseCamp CSS preprocessors (Less/Sass) Frameworks (Foundation/Bootstrap/Bourbon) JS Task runners (Grunt/Gulp)
3 Pencil and Paper One of my favorite go-to tools.
4 Adobe CS, Balsamiq, UXPin,? All great tools used for both Wireframing, Mockups, Style Tiles and Prototyping Pros, Cons and Differences
5 Adobe CS (Photoshop & Illustrator) Lots of great features & extensions Kuler Export to Behance Manipulate photos and graphics Actions - for batch processing Vector vs Pixel SVG, JPEG, PNG Design process (Wireframing, Mockups)
6 Balsamiq Mockups (Wireframing) Very easy to use Lots of pre built elements Great Community and free resources Works well with Google Drive Support.balsamiq.com/customer/portal/articles/ Affordable Single User License $79
7 UXpin Developers can pull assets much easier Pro Version has HTML export features Has actionable elements and features expose and/or hide elements with a click, scroll, etc move to pixel location on a design Clients can view wireframes and mockups in a browser Live updating
8 Browser Tools ColorPicker WhatFont? Page Ruler Fold Viewer Emmet Re:View Responsive Inspector SEO Status (Alexa)
9 CSS preprocessors A scripting language that extends CSS and gets compiled into regular CSS syntax Most modern web projects will use one of these, it is recommended you learn at least one
10 $ Variables SCSS syntax: CSS output: $primary-color: #ccc; body { color: #ccc; body { color: $primary-color;
11 Nesting SCSS syntax: CSS output: nav { nav ul { margin: 0; ul { margin: 0; li { display: inline-block; nav li { display: inline-block;
12 Nesting can be used for evil SCSS syntax: CSS output: body { header { nav { ul { li { display: inline-block;.wrapper-of-some-sort { a { font-family: 'this-is-bad'; body header nav ul li { display: inline-block; body header nav ul li.wrapper-of-some-sort a { font-family: 'this-is-bad';
13 Mixins SCSS syntax: CSS random-mixin($number) { background: pink; border: $number solid green; margin: $number; padding: $number;.thing { background: pink; border: 10px solid green; margin: 10px; padding: 10px;.thing random-mixin(10px);
14 CSS Frameworks Great for clients that do not want a custom design Includes a lot of functionality that you probably won t use If possible, download a custom version to reduce the amount of unused features
15 Twitter Bootstrap 6,567 lines of CSS! Includes grid system, CSS styles, reusable components, and lots o JQuery plugins Both Less and Sass versions available
16 Zurb Foundation 6,140 lines of CSS in full version 2,631 lines of CSS in essential version Includes grid system, CSS styles, reusable components, and lots o JQuery plugins Can create a custom build and pick unique features
17 Bourbon / Neat / Bitters 0 lines of CSS with Bourbon alone. Only provides mixins Adding Neat grid framework brings the line total to a whopping 13 Adding Bitters scaffolding brings the line total to a respectable 236 Reusable components are available as Refills Encouraged to download only what you need
18 JS Task Runners Can handle tedious tasks for you automatically Examples: Compile Sass to CSS Compress images Reload your browser on code changes Much more
19 Drupal themes Bootstrap based theme: org/project/bootstrap Foundation based theme: Bourbon based theme:
20 Stiff Drink Drupal 7 theme based on Bourbon, Neat, Bitters, and Grunt.
21 Breaking BrowserSync Go here: :3000
22 Other Resources Stiff drink: Compro grunt:
Chapter 7 Page Layout Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D
Chapter 7 Page Layout Basics Key Concepts Copyright 2013 Terry Ann Morris, Ed.D 1 Learning Outcomes float fixed positioning relative positioning absolute positioning two-column page layouts vertical navigation
More informationSkills for Employment Investment Project (SEIP)
Skills for Employment Investment Project (SEIP) Standards/ Curriculum Format For Web Design Course Duration: Three Months 1 Course Structure and Requirements Course Title: Web Design Course Objectives:
More informationUsing HTML5 Pack for ADOBE ILLUSTRATOR CS5
Using HTML5 Pack for ADOBE ILLUSTRATOR CS5 ii Contents Chapter 1: Parameterized SVG.....................................................................................................1 Multi-screen SVG.......................................................................................................4
More informationDreamweaver Domain 2: Planning Site Design and Page Layout
Dreamweaver Domain 2: Planning Site Design and Page Layout Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Identify best practices for designing
More informationGKG3013 Web Design. Jong Sze Joon& Auzani Zeda Mohamed Kassim Faculty of Applied and Creative Arts Universiti Malaysia Sarawak
GKG3013 Web Design Jong Sze Joon& Auzani Zeda Mohamed Kassim Faculty of Applied and Creative Arts Universiti Malaysia Sarawak Learning Unit 7 Presenting Your Design Learning Units Objectives The aim of
More informationFacebook Twitter YouTube Google Plus Website Email. o Zooming and Panning. Panel. 3D commands. o Working with Canvas
WEB DESIGN COURSE COURSE COVERS: Photoshop HTML 5 CSS 3 Design Principles Usability / UI Design BOOTSTRAP 3 JAVASCRIPT JQUERY CSS Animation Optimizing of Web SYLLABUS FEATURES 2 Hours of Daily Classroom
More informationWeb Designing with UI Designing
Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for Web Designing Given below is the brief description for the course you are looking for: Web Designing with UI Designing
More information38 Essential Website Redesign Terms You Need to Know
38 Essential Website Redesign Terms You Need to Know Every industry has its buzzwords, and web design is no different. If your head is spinning from seemingly endless jargon, or if you re getting ready
More informationWeb Design for Programmers. Brian Hogan NAPCS Slides and content 2008 Brian P. Hogan Do not reproduce in any form without permission
Web Design for Programmers Brian Hogan NAPCS Slides and content 2008 Brian P. Hogan Do not reproduce in any form without permission Quick Disclaimers This is a crash course! Many topics are simplified
More informationWhite Paper Using PHP Site Assistant to create sites for mobile devices
White Paper Using PHP Site Assistant to create sites for mobile devices Overview In the last few years, a major shift has occurred in the number and capabilities of mobile devices. Improvements in processor
More informationDreamweaver CS5. Module 1: Website Development
Dreamweaver CS5 Module 1: Website Development Dreamweaver CS5 Module 1: Website Development Last revised: October 29, 2010 Copyrights and Trademarks 2010 Nishikai Consulting, Helen Nishikai Oakland, CA
More informationAdvanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication
Advanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication Using JQuery to Make a Photo Slideshow This exercise was modified from the slideshow
More informationCLASSROOM WEB DESIGNING COURSE
About Web Trainings Academy CLASSROOM WEB DESIGNING COURSE Web Trainings Academy is the Top institutes in Hyderabad for Web Technologies established in 2007 and managed by ITinfo Group (Our Registered
More information01/42. Lecture notes. html and css
web design and applications Web Design and Applications involve the standards for building and Rendering Web pages, including HTML, CSS, SVG, Ajax, and other technologies for Web Applications ( WebApps
More information1. About the Denver LAMP meetup group. 2. The purpose of Denver LAMP meetups. 3. Volunteers needed for several positions
1. About the Denver LAMP meetup group 1.Host a presentation every 1-3 months 2.Cover 1-3 related topics per meeting 3.Goal is to provide high quality education and networking, for free 2. The purpose of
More informationAdvanced Web Development SCOPE OF WEB DEVELOPMENT INDUSTRY
Advanced Web Development Duration: 6 Months SCOPE OF WEB DEVELOPMENT INDUSTRY Web development jobs have taken thе hot seat when it comes to career opportunities and positions as a Web developer, as every
More informationInteractive Data Visualization for the Web Scott Murray
Interactive Data Visualization for the Web Scott Murray Technology Foundations Web technologies HTML CSS SVG Javascript HTML (Hypertext Markup Language) Used to mark up the content of a web page by adding
More informationIAS Web Development using Dreamweaver CS4
IAS Web Development using Dreamweaver CS4 Information Technology Group Institute for Advanced Study Einstein Drive Princeton, NJ 08540 609 734 8044 * helpdesk@ias.edu Information Technology Group [2] Institute
More informationAdobe Illustrator CS6. Illustrating Innovative Web Design
Overview In this seminar, you will learn how to create a basic graphic in Illustrator, export that image for web use, and apply it as the background for a section of a web page. You will use both Adobe
More informationFireworks CS4 Tutorial Part 1: Intro
Fireworks CS4 Tutorial Part 1: Intro This Adobe Fireworks CS4 Tutorial will help you familiarize yourself with this image editing software and help you create a layout for a website. Fireworks CS4 is the
More informationLRB Portfolio User Guide
LRB Portfolio User Guide LRB Portfolio - 1 2 - LRB Portfolio LRB Portfolio (http://lrbportfolio.com) from Lightroom-Blog.com is a true website in a gallery. Everything you need to create a website from
More informationUNDERSTANDING AND DEVELOPING MULTIMEDIA - SYLLABUS FALL 2014
UNDERSTANDING AND DEVELOPING MULTIMEDIA - SYLLABUS FALL 2014 DGMD- 20 (formerly CSCI E- 14) Last Updated: 8/12/14 COURSE DESCRIPTION This course provides students with a hands- on exploration of the world
More informationjquery Tutorial for Beginners: Nothing But the Goods
jquery Tutorial for Beginners: Nothing But the Goods Not too long ago I wrote an article for Six Revisions called Getting Started with jquery that covered some important things (concept-wise) that beginning
More informationWeb Mapping Application Interface Design: Best Practices and Tools. Michael Gaigg @michaelgaigg
Web Mapping Application Interface Design: Best Practices and Tools Michael Gaigg @michaelgaigg Team User Experience Designer Application Developer Human focused Research Design Front-End Back-End Tech
More informationContents. Downloading the Data Files... 2. Centering Page Elements... 6
Creating a Web Page Using HTML Part 1: Creating the Basic Structure of the Web Site INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 2.0 Winter 2010 Contents Introduction...
More informationAdobe Dreamweaver Exam Objectives
Adobe Dreamweaver audience needs for a website. 1.2 Identify webpage content that is relevant to the website purpose and appropriate for the target audience. 1.3 Demonstrate knowledge of standard copyright
More informationGarfield Public Schools Fine & Practical Arts Curriculum Web Design
Garfield Public Schools Fine & Practical Arts Curriculum Web Design (Half-Year) 2.5 Credits Course Description This course provides students with basic knowledge of HTML and CSS to create websites and
More informationGLEN RIDGE PUBLIC SCHOOLS MATHEMATICS MISSION STATEMENT AND GOALS
Course Title: Advanced Web Design Subject: Mathematics / Computer Science Grade Level: 9-12 Duration: 0.5 year Number of Credits: 2.5 Prerequisite: Grade of A or higher in Web Design Elective or Required:
More informationBuilding a Horizontal Menu in Dreamweaver CS3 Using Spry R. Berdan
Building a Horizontal Menu in Dreamweaver CS3 Using Spry R. Berdan In earlier versions of dreamweaver web developers attach drop down menus to graphics or hyperlinks by using the behavior box. Dreamweaver
More informationWE BUILD ONLINE SYSTEMS USEFUL WEB & MOBILE APPLICATIONS
WE BUILD ONLINE SYSTEMS USEFUL WEB & MOBILE APPLICATIONS Ruby On Rails Android Apple HTML5 RWD EXAMPLE CV OF OUR TEAM MEMBERS SENIOR CORE DEVELOPER SENIOR CORE DEVELOPER PROFILE SKILLS Bartosz is a developer,
More informationAdobe Certified Expert Program
Adobe Certified Expert Program Product Proficiency Exam Bulletin Adobe Photoshop CS4 Exam # 9A0-094 ACE Certification Checklist The checklist below will help guide you through the process of obtaining
More informationResponsive Design Best Practices
Responsive Design Best Practices Heather Shore Account Director Silverpop Harlan Cayetano Sr. Email Specialist Silverpop Yin Mac Program Manager Silverpop Andrea Shyrock Production Manager Alchemy Worx
More informationJTouch Mobile Extension for Joomla! User Guide
JTouch Mobile Extension for Joomla! User Guide A Mobilization Plugin & Touch Friendly Template for Joomla! 2.5 Author: Huy Nguyen Co- Author: John Nguyen ABSTRACT The JTouch Mobile extension was developed
More informationCitrix StoreFront. Customizing the Receiver for Web User Interface. 2012 Citrix. All rights reserved.
Citrix StoreFront Customizing the Receiver for Web User Interface 2012 Citrix. All rights reserved. Customizing the Receiver for Web User Interface Introduction Receiver for Web provides a simple mechanism
More informationCST 150 Web Design I CSS Review - In-Class Lab
CST 150 Web Design I CSS Review - In-Class Lab The purpose of this lab assignment is to review utilizing Cascading Style Sheets (CSS) to enhance the layout and formatting of web pages. For Parts 1 and
More informationLAMBDA CONSULTING GROUP Legendary Academy of Management & Business Development Advisories
Curriculum # 05 Four Months Certification Program WEB DESIGNING & DEVELOPMENT LAMBDA CONSULTING GROUP Legendary Academy of Management & Business Development Advisories The duration of The Course is Four
More informationLEAGUE OF WOMEN VOTERS NAME & LOGO GUIDELINES
Updated 3/15/2013 4:07 PM LEAGUE OF WOMEN VOTERS NAME & LOGO GUIDELINES The League of Women Voters logo, like our name, is our identity. It conveys the full collective power of the LWV mission to the public,
More informationDesigning HTML emailers
24 SEPTEMBER 2015 Designing a beautiful but functional HTML emailer can be challenging for the most experienced designer, especially if you don t have a lot of experience working with code. This guide
More informationResponsive Web Design. birds of feather
Responsive Web Design birds of feather Approaches to Mobile Development 1. No Mobile Approach 2. Native Mobile Applications 3. Mobile Websites 4. Responsive (universal) design No Mobile Approach Website
More informationJJY s Joomla 1.5 Template Design Tutorial:
JJY s Joomla 1.5 Template Design Tutorial: Joomla 1.5 templates are relatively simple to construct, once you know a few details on how Joomla manages them. This tutorial assumes that you have a good understanding
More informationFinal Bio and Studio Website Design Document. By Sara Payo. http://personal.psu.edu/sap5403/
Final Bio and Studio Website Design Document By Sara Payo http://personal.psu.edu/sap5403/ Last modified: April 26 th, 2013 Table of Contents I. Introduction 1. Background pg. 3 2. Design Goals/Statement
More informationHow to make a custom Joomla template!
How to make a custom Joomla template! Part 2 NOTE: This Tutorial has been donated by a Thomas Nielsen. This work is licensed under a Creative Commons Attributon NonCommercial ShareAlike 2.5 License. Lets
More informationIndex. Services. Tracey Talevich WEB160 / Summer 2015 Final Package
Tracey Talevich WEB160 / Summer 2015 Final Package Index Title: Web Design, Brand Strategy, UI/UX Drafting Tracey Talevich Seattle, WA Headline: none Text: The index page will explain what tracey.pw is,
More informationResponsive Design: Ben Callahan
Responsive Design: Ben Callahan (Video: 0_Introduction.mp4): Introduction 00:00:0000:08:15: Ben describes a moment that changed his life. Receiving his first iphone and coming to the realization the web
More informationIBM Digital Experience. Using Modern Web Development Tools and Technology with IBM Digital Experience
IBM Digital Experience Using Modern Web Development Tools and Technology with IBM Digital Experience Agenda The 2015 web development landscape and IBM Digital Experience Modern web applications and frameworks
More informationSUHAIL DAWOOD. me@suhaildawood.com suhaildawood.com @suhaildawood. 647-526-0601 Toronto, Ontario 2013-2017
SUHAIL DAWOOD me@ 2013-2017 (Expected) BSc. Computer Science Specialist: Focus in Web and Internet Technologies & Artificial Intelligence Major in Statistics Minor in Mathematics Minor in Near and Middle
More informationCOURSE OUTLINE FACULTY OF INFORMATION AND COMMUNICATION TECHNOLOGY UNIVERSITI TEKNIKAL MALAYSIA MELAKA
COURSE OUTLINE FACULTY OF INFORMATION AND COMMUNICATION TECHNOLOGY UNIVERSITI TEKNIKAL MALAYSIA MELAKA ADOBE DREAMWEAVER AUTHORING TOOL DTM 3612 SEMESTER 1 SESI 2010/2011 DTM 3612 ADOBE DREAMWEAVER AUTHORING
More informationWEB PAGE DESIGN AND DEVELOPMENT 2 COURSE CODE: 5033 (COURSE NAME CHANGES TO ADVANCED WEB DESIGN AND DEVELOPMENT IN 2016-17)
WEB PAGE DESIGN AND DEVELOPMENT 2 COURSE CODE: 5033 (COURSE NAME CHANGES TO ADVANCED WEB DESIGN AND DEVELOPMENT IN 2016-17) COURSE DESCRIPTION: This advanced course is designed to provide students with
More informationJavaScript Programming
JavaScript Programming Pushing the Limits ADVANCED APPLICATION DEVELOPMENT WITH JAVASCRIPT & HTML5 Jon Raasch WILEY Contents About the Author vi Dedication vii About the Contributor ix Acknowledgments
More informationOverview: Technologies:
Matt Renfro Frisco, TX matt.renfro@gmail.com www.mattrenfro.com 214-727-3992 Overview: I have over 10 years experience in IT, Web development, Web Design, and Server administration, in LAMP and Windows
More informationWebsite Builder Documentation
Website Builder Documentation Main Dashboard page In the main dashboard page you can see and manager all of your projects. Filter Bar In the filter bar at the top you can filter and search your projects
More informationBlueball First Class Sandvox Designs v2.0 Works with Sandvox 2+ only!
Blueball First Class Sandvox Designs v2.0 Works with Sandvox 2+ only! Overview and Usage Tips For Blueball First Class Sandvox 2 Designs Thank you for purchasing one of our original Sandvox Designs bundle.
More informationUltimate Skills Checklist for Your First Front-End Developer Job
Ultimate Skills Checklist for Your First Front-End Developer Job Ultimate Skills Checklist for Your First Front-End Developer Job 1 Welcome Welcome to your ultimate skills checklist for getting your first
More informationThe Essential Guide to HTML Email Design
The Essential Guide to HTML Email Design Index Introduction... 3 Layout... 4 Best Practice HTML Email Example... 5 Images... 6 CSS (Cascading Style Sheets)... 7 Animation and Scripting... 8 How Spam Filters
More informationSmietanski CLIENTS EDUCATION SOFTWARE CODE TOOLS FRAMEWORKS CMS. Joseph Smietanski Smietanski.me Joseph@Smietanski.me 214.546.0277
EXPERIENCE. 2014 - Present, UX Manager, Santander Consumer USA 2013-2014, Web Design Manager, Santander Consumer USA 2013-2013, Sr. Web Designer, Santander Consumer USA 2010-2013, Web Designer, AcrobatAnt
More informationPatrick "Ford" Henley
Patrick "Ford" Henley fordp86@gmail.com Summary Experienced Internet Marketer and Front-End Developer willing to work hard for your company to get you the best web presence possible! Experience July 2010
More informationResponsive Web Design for Teachers. Exercise: Building a Responsive Page with the Fluid Grid Layout Feature
Exercise: Building a Responsive Page with the Fluid Grid Layout Feature Now that you know the basic principles of responsive web design CSS3 Media Queries, fluid images and media, and fluid grids, you
More informationWEB DEVELOPMENT COURSE (PHP/ MYSQL)
WEB DEVELOPMENT COURSE (PHP/ MYSQL) COURSE COVERS: HTML 5 CSS 3 JAVASCRIPT JQUERY BOOTSTRAP 3 PHP 5.5 MYSQL SYLLABUS HTML5 Introduction to HTML Introduction to Internet HTML Basics HTML Elements HTML Attributes
More informationTitle: Front-end Web Design, Back-end Development, & Graphic Design Levi Gable Web Design Seattle WA
Page name: Home Keywords: Web, design, development, logo, freelance, graphic design, Seattle WA, WordPress, responsive, mobile-friendly, communication, friendly, professional, frontend, back-end, PHP,
More informationMobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00
Course Page - Page 1 of 12 Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00 Course Description Responsive Mobile Web Development is more
More informationBuilding a Simple Mobile optimized Web App/Site Using the jquery Mobile Framework
Building a Simple Mobile optimized Web App/Site Using the jquery Mobile Framework pinboard.in tag http://pinboard.in/u:jasonclark/t:amigos-jquery-mobile/ Agenda Learn what a mobile framework is. Understand
More informationResponsive Web Design in Application Express
Insert Information Protection Policy Classification from Slide 13 1 Responsive Web Design in Application Express using HTML5 and CSS3 Shakeeb Rahman @shakeeb Principal Member of Technical Staff Oracle
More informationBuilding Responsive Websites with the Bootstrap 3 Framework
Building Responsive Websites with the Bootstrap 3 Framework Michael Slater and Charity Grace Kirk michael@webvanta.com 888.670.6793 1 Today s Presenters Michael Slater President and Cofounder of Webvanta
More informationc r a f t i n g a m o b i l e e x p e r i e n c e w i t h o u t b u i l d i n g a s e p a r a t e m o b i l e s i t e
c r a f t i n g a m o b i l e e x p e r i e n c e w i t h o u t b u i l d i n g a s e p a r a t e m o b i l e s i t e Ryan Huber School of Medicine Web Development c r a f t i n g a t a b l e t e x p e
More informationChristopher Zavatchen
Christopher Zavatchen chris@cnc137.com 330-558-1137 273 Bettie Lane Brunswick, Ohio 44212 Objective Seeking a career opportunity enabling me to fully utilize my web design and development skills while
More informationTheming on Drupal 7. Working with Omega s Responsive Framework
Theming on Drupal 7 Working with Omega s Responsive Framework Eric Sembrat Advanced Computing Services Kennesaw State University April 2012 Introduction Drupal 7 With Drupal 7, we have chosen the Omega
More informationWeb Publishing Guidelines
An Artist s Digital Toolkit Allan Wood, for educational use only Web Publishing Guidelines Setting Up Files for the Web When creating files to be used for the Web, the measurement settings should be in
More information^/ CS> KRIS. JAMSA, PhD, MBA. y» A- JONES & BARTLETT LEARNING
%\ ^/ CS> v% Sr KRIS JAMSA, PhD, MBA y» A- JONES & BARTLETT LEARNING Brief Contents Acknowledgments Preface Getting Started with HTML Integrating Images Using Hyperlinks to Connect Content Presenting Lists
More informationADOBE MUSE. Building your first website
ADOBE MUSE Building your first website Contents Chapter 1... 1 Chapter 2... 11 Chapter 3... 20 Chapter 4... 30 Chapter 5... 38 Chapter 6... 48 Chapter 1 Installing the software and setting up the sample
More informationWeb layout guidelines for daughter sites of Scotland s Environment
Web layout guidelines for daughter sites of Scotland s Environment Current homepage layout of Scotland s Aquaculture and Scotland s Soils (September 2014) Design styles A daughter site of Scotland s Environment
More informationNDSU Technology Learning & Media Center
1 NDSU Technology Learning & Media Center QBB 150C 231-5130 www.ndsu.edu/its/tlmc Creating a Large Format Poster (Plot) Using PowerPoint 2013 Posters should be designed and created in a manner that best
More informationACE: Illustrator CC Exam Guide
Adobe Training Services Exam Guide ACE: Illustrator CC Exam Guide Adobe Training Services provides this exam guide to help prepare partners, customers, and consultants who are actively seeking accreditation
More informationCSS Themes in O-Space eportfolios:
CSS Themes in O-Space eportfolios: In August 2011, DIGIcation rolled out a new feature called "CSS Themes." You can now change the font and background colors for parts of your e-portfolio. We are working
More informationJ. Michael Kluska Introduction
J. Michael Kluska Introduction Thank you for taking the time to visit my personal website www.mikekluska.com. Its purpose is to allow me to publish my personal qualifications and to demonstrate my skills
More informationBase template development guide
Scandiweb Base template development guide General This document from Scandiweb.com contains Magento theme development guides and theme development case study. It will basically cover two topics Magento
More informationGenerate Android App
Generate Android App This paper describes how someone with no programming experience can generate an Android application in minutes without writing any code. The application, also called an APK file can
More informationHow to pick the right development model for your next mobile project
How to pick the right development model for your next mobile project Conny Svensson Managing Architect and Strategist Mobility c.svensson@cgi.com @connysvensson ScanDev 2013 2 2 2 Web vs Native is irrelevant!
More informationHOW Interactive Design Conference 2013
HOW Interactive Design Conference 2013 Photoshop to HTML Chris Converse Use this QR code to get the mobile schedule for this conference. Get session and speaker info, lunch ideas, and links for getting
More informationMCH Strategic Data Best Practices Review
MCH Strategic Data Best Practices Review Presenters Alex Bardoff Manager, Creative Services abardoff@whatcounts.com Lindsey McFadden Manager, Campaign Production Services lmcfadden@whatcounts.com 2 Creative
More informationireview Template Manual
ireview Template Manual Contents Template Overview... 2 Main features... 2 Template Installation... 3 Installation Steps... 3 Upgrading ireview... 3 Template Parameters... 4 Module Positions... 6 Module
More informationINFORMATION TECHNOLOGY STANDARD
COMMONWEALTH OF PENNSYLVANIA DEPARTMENT OF Human Services INFORMATION TECHNOLOGY STANDARD Name Of Standard: Mobile Development Domain: Application Number: Category: STD-EASS010 Date Issued: Issued By Direction
More informationDreamweaver and Fireworks MX Integration Brian Hogan
Dreamweaver and Fireworks MX Integration Brian Hogan This tutorial will take you through the necessary steps to create a template-based web site using Macromedia Dreamweaver and Macromedia Fireworks. The
More informationECOMMERCE SITE LIKE- GRAINGER.COM
12/19/2012 ITFLEXSOLUTIONS ECOMMERCE SITE LIKE- GRAINGER.COM Developed by : IT Flex Solutions www.itflexsolutions.com *Please note that this is not a final proposal only an estimate of the time and type
More informationBuilding Web Applications
Building Web Applications Mendel Rosenblum CS142 Lecture Notes - Building Web Applications Good web applications: Design + Implementation Some Design Goals: Intuitive to use Don't need to take a course
More informationResponsive Web Design Creative License
Responsive Web Design Creative License Level: Introduction - Advanced Duration: 16 Days Time: 9:30 AM - 4:30 PM Cost: 2197 Overview Web design today is no longer just about cross-browser compatibility.
More informationInstructions for Creating a Poster for Arts and Humanities Research Day Using PowerPoint
Instructions for Creating a Poster for Arts and Humanities Research Day Using PowerPoint While it is, of course, possible to create a Research Day poster using a graphics editing programme such as Adobe
More informationLet's Dig Into the Omega Theme October 27, 2012. http://bit.ly/omega-training http://bit.ly/omega-tips
Let's Dig Into the Omega Theme October 27, 2012 http://bit.ly/omega-training http://bit.ly/omega-tips brought to you by Kendall Totten Bachelors in Communication Technology & Graphic Design from Eastern
More informationLeon Govier Senior User Experience Designer/ Digital Project Manager
Leon Govier Senior User Experience Designer/ Digital Project Manager Cardiff CF23 mail@leongovier.com - 07538507771 - Please email during work hours only I have been working in Design, Digital and Print
More informationBasics of HTML (some repetition) Cascading Style Sheets (some repetition) Web Design
Basics of HTML (some repetition) Cascading Style Sheets (some repetition) Web Design Contents HTML Quiz Design CSS basics CSS examples CV update What, why, who? Before you start to create a site, it s
More informationWeb Design with CSS and CSS3. Dr. Jan Stelovsky
Web Design with CSS and CSS3 Dr. Jan Stelovsky CSS Cascading Style Sheets Separate the formatting from the structure Best practice external CSS in a separate file link to a styles from numerous pages Style
More informationSoftware Requirements Specification For Real Estate Web Site
Software Requirements Specification For Real Estate Web Site Brent Cross 7 February 2011 Page 1 Table of Contents 1. Introduction...3 1.1. Purpose...3 1.2. Scope...3 1.3. Definitions, Acronyms, and Abbreviations...3
More informationHTML CSS Basic Structure. HTML Structure [Source Code] CSS Structure [Cascading Styles] DIV or ID Tags and Classes. The BOX MODEL
HTML CSS Basic Structure HTML [Hypertext Markup Language] is the code read by a browser and defines the overall page structure. The HTML file or web page [.html] is made up of a head and a body. The head
More informationHAML und SASS. (und COMPASS) markup haiku vs. syntactically awesome stylesheets. Tobias Adam, Jan Krutisch mindmatters GmbH & Co.
Mit hotfixes von Carsten Bormann 2011-02-28, 2012-03-13 HAML und SASS (und COMPASS) markup haiku vs. syntactically awesome stylesheets Tobias Adam, Jan Krutisch mindmatters GmbH & Co. KG HAML (X)HTML Abstraction
More informationGraphic Designer / Developer
Graphic Designer / Developer W. Richard Reesman 2715 Bluefield Ave. Nashville, TN 37214 1-615-403-7479 richard@ reesman.com http://www.reesman.com Goals I am looking for a full time or contract to hire
More informationHow To Change Your Site On Drupal Cloud On A Pcode On A Microsoft Powerstone On A Macbook Or Ipad (For Free) On A Freebie (For A Free Download) On An Ipad Or Ipa (For
How-to Guide: MIT DLC Drupal Cloud Theme This guide will show you how to take your initial Drupal Cloud site... and turn it into something more like this, using the MIT DLC Drupal Cloud theme. See this
More informationJoomla! template Blendvision v 1.0 Customization Manual
Joomla! template Blendvision v 1.0 Customization Manual Blendvision template requires Helix II system plugin installed and enabled Download from: http://www.joomshaper.com/joomla-templates/helix-ii Don
More informationEssential HTML & CSS for WordPress. Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com
Essential HTML & CSS for WordPress Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com HTML: Hypertext Markup Language HTML is a specification that defines how pages are created
More informationRich Internet Applications
Rich Internet Applications Prepared by: Husen Umer Supervisor: Kjell Osborn IT Department Uppsala University 8 Feb 2010 Agenda What is RIA? RIA vs traditional Internet applications. Why to use RIAs? Running
More information