Responsive Web Design Revisited

Responsive Web Design Revisited

Responsive Web Design Revisited

Envato Tuts+ Courses

  • Video courses taught by expert instructors.
  • Learn new skills from start to finish.
  • Downloadable Source Files also available on GitHub.

Course Description

In this course you’ll get up to speed with the very latest in Responsive Web Design. First you’ll learn what “responsive” really means today, and how a new “content first” approach lets you cater for all types of users from the ground up. Then you’ll create a complete responsive design using all the latest techniques. Let’s begin!

What You’ll Learn

  • What “responsive” means today.
  • Why and how to use the “content first” methodology.
  • How to assemble your content.
  • What “style tiles” are and how to cater for all by designing big.
  • How to create style tiles in Adobe Photoshop.
  • How to build a responsive example site.
  • How to optimize your site using autoprefixing, combination, and minification.

About the Instructor

Kezz Bracey is a designer and coder who specializes in web design and development. Her two focus areas are theme development for WordPress, Ghost, and many other themeable platforms, and on finding the latest, most efficient, user focused design and development techniques. You can follow her on Twitter.

Dotfolio- Creative Portfolio for Creative People

Dotfolio- Creative Portfolio for Creative People

Dotfolio- Creative Portfolio for Creative People


DotFolio is a clean portfolio created to showcase the work of creative people in a creative and delightful way. It is a portfolio focused in professionals from creative areas as designers, photographers and developers.

It mix an unique and interactive navigation experience with a clean and modern layout and a well-organized code.

DotFolio is 100% responsive, retina ready and is built on Bootstrap Framework, with easy customization.

Features:

  • Interactive Navigation
  • Clean and Unique Design
  • Retina Ready
  • Full Responsive
  • Easy to customize
  • Working contact form with form validator
  • 300+ Font Awesome Icons
  • Google Fonts – easily expand to 600 Google Fonts
  • Full Commented Code
  • LESS files included
  • Built with HTML5 / CSS3 – Powered by Bootstrap 3
  • Awesome Support
  • and much more!

Support

You can contact us 24 hours via dotrex@dotrex.co – It’s aways a pleasure to help our customers

Credits

See documentation.

Gombo | Mobile & Tablet Responsive Template

Gombo | Mobile & Tablet Responsive Template

Gombo | Mobile & Tablet Responsive Template

Gombo Mobile Template

An easy to browse navigation at the top, powered by CSS3 with instant animations and a very powerful template under that to give you everything you’ll ever need to make your page as close as possible to a native application. Gombo is a Mobile Template and a Tablet Template offering all mobile compatibility.

Elite Author

  • Elite Quality Item with 7 + years experience!
  • Elite Quality Support with 24/7 responses to tickets!
  • Elite Quality Support with the best documentations on the market!
  • Main Features

  • Drodpwn Menu Design for easy use
  • Mobile & Tablet Ready
  • PhoneGap & Cordova Compatible
  • 400 + Resizable icons by Font Awesome
  • Crisp, Clear, and Beautiful Fonts by Google Fonts
  • OwlCarousel Slider & Swipebox Image Galleries
  • Lazy Load For Fast Image Loading
  • FastClick for no delay on taps
  • CSS3 / PHP / Ajax Contact form with Validation
  • Included Pages

    We’ve included all possible pages you can need, starting from the most basic Coming Soon page and the classic 404 Error page, down to Calendar, Charts, Checklists, Tasklists, and many more! Try the live preview to see them all!

    AppStyled Pages?

    We’re the first to implement pages that are designed to mimic and work like a native application page, pages that give your mobile site a native application feel to it. AppStyled features include Coverpages, Signup and Login Screen, Timelines, Tasklists, Reminders and much more!

    Media & Images

    We’ve included multiple gallery and portfolio variations for all your needs, if you’re using this a simple site template for your page or you want to highlight a gallery of products or images, we’ve got them covered!

    Want more features? Here’s a list!

    If you think that’s all, you’re far from the truth! We included everything your heart can desire in our mobile templates to provide you with a perfect site template for your page without compromising on features and without cutting them away.

    Typography Features

  • Text Columns
  • Image Columns
  • Icon Columns
  • Responsive Images with Aspect Ratio
  • Responsive Videos with Aspect Ratio
  • Responsive Maps with Aspect Ratio
  • CSS3 Multiple Heading Styles
  • CSS3 Dropcaps
  • CSS3 Highlights
  • CSS3 Table
  • CSS3 Quotes
  • CSS3 Toggles
  • CSS3 Accordion
  • CSS3 Tabs
  • CSS3 Large Notifications
  • CSS3 Small Notifications
  • CSS3 Fixed Notifications
  • CSS3 Fields
  • CSS3 Checkboxes
  • CSS3 Radios
  • CSS3 3D Buttons
  • CSS3 Squared Buttons
  • CSS3 Rounded Buttons
  • CSS3 Social Buttons
  • FontAwesome Lists
  • jQuery Features

  • jQuery Page Preloading
  • jQuery Device Detection
  • jQuery + CSS3 Navigation
  • jQuery Toggles
  • jQuery Accordion
  • jQuery Tabs
  • jQuery Quote Slider
  • jQuery Staff Slider
  • jQuery Image Sliders
  • jQuery AppStyled Back to Top Button
  • jQuery Share from Bottom Pop-Up
  • jQuery Contact Form with Field Validation
  • Design Features

  • Optimized for Touch Devices
  • CSS3 Based Design
  • Simple, beautiful, elegant Design
  • 8 Color Schemes for different elements
  • iOS / Android Home Icon & Splash Screen
  • High Definition / Retina Graphics
  • Ergonomic Navigation
  • Designed for a intuitive User Experience
  • Responsive for Tablets, for a better experience
  • Fully scalable icons, pixel perfect
  • OS Requirements

    iOS 6+
    Android 4.4+
    Windows Mobile 8+
    RIM 7.1+
    Vibgyor - Multipurpose Creative Email Template

    Vibgyor - Multipurpose Creative Email Template

    Vibgyor - Multipurpose Creative Email Template

    Vibgyor – Multipurpose Creative Email Template

    Vibgyor is a multipurpose email template designed for creative, fashion, shopping, corporate, blogging and general purposes.

    Access to Stampready Template Builder

    Vibgyor creative responsive email newsletter template

    Features

    • Maximum of three columns
    • Responsive template
    • Drag-Drop / One-click – Stampready template builder
    • MailChimp Ready
    • Campaign Monitor Ready
    • Major mail clients and browser display tested
      • Gmail, Yahoo, Rediffmail, All Outlook Versions, Thunderbird, Opera mail and more
      • Firefox, Chrome, IE, Opera and Safari
    • Organized and layered PSD file
    • Easy understanding commented code
    • 18+ repeatable modules
    • Help document
    • Post sales support

    Demos

    • Sections (Colored) with BG images
    • Sections without BG Images
    • BG images in selective sections

    In ZIP file

    • 1 PSD file
    • 4 HTML files
      • HTML only File
      • Builder Ready File
      • MailChimp File
      • Campaign Monitor File
    • Help Document

    Changelog

    Version 1.0 – Feb 1, 2016

    * Initial Release

    Version 1.1 – Feb 2, 2016

    REFINEMENTS

    * Fixed: Background issue in Stampready builder

    Version 2.0 – Feb 8, 2016

    UPDATES: Included 3 different demos

    * Demo with all bg images* Demo without bg images    * Demo with selective bg images

    Support

    support banner

    Note: Images are used only for demo purpose and not included in the package. Credits are included in the help document.

    Camping Village - Campground Caravan & Tent Accommodation PSD

    Camping Village - Campground Caravan & Tent Accommodation PSD

    Camping Village - Campground Caravan & Tent Accommodation PSD

    WELCOME TO CAMPING VILLAGE PSD THEME

    Camping Village is a multipurpose website and a theme one/multi pages. Inside the package there are PSD files of all pages optimized in order to perform in a simple and fast any customization. Camping Village is the perfect theme for a multi-site camping campers, tents, caravans and bungalows.

    This theme is also perfect for any business of accommodating because the theme is designed with personalized pages for the search and reservation of single rooms, or other properties. The theme is super flexible and responsive web design. The theme also has the custom pages for individual activities as Camping & Hiking or other sports.

    UPDATES:

    1.1 – 2/2/2016

    - Added Components Pages

    1.0 – 1/2/2016

    - Initial Version

    CREDITS:

    - NicDark Team ( nicdarkthemes.com )
    - Support Team ( support.cleanthemes.net )


    Kauf iOS UI Kit - 67+ Template for Sketch

    Kauf iOS UI Kit - 67+ Template for Sketch

    Kauf iOS UI Kit - 67+ Template for Sketch

    Kauf iOS UI Kit is the first interaction ready, high quality premium pack of 67 handcrafted stress-free screens, meant to speed up your design workflow.

    This pack comes with 5 categories:
    • Sign-in & Sign-up
    • E-commerce
    • Reader & Articles
    • Profiles
    • Social

    All of these contains ready-to-use full vector screens. You can edit, customize, mix the UI elements as you like.

    Norfolk Email Template + Online Emailbuilder 2.1

    Norfolk Email Template + Online Emailbuilder 2.1

    Norfolk Email Template + Online Emailbuilder 2.1

    We have submitted a new email template. It is created in a modern and clean design.This is a good tool for your business to tell about themselves and present their product in the best possible way.

    The Email builder isn’t included in download package. It is accessible via the link which is included to the package.

    Why should buy Norfolk

    Clean Design
    Unique modules
    Email Builder
    Features Builder
    Features Email
    Support
    Ready Mail
    Update Builder
    Reviews
    Video
    Files
    Rate

    Notes:

    • The Email builder isn’t included in download package. It is accessible via the link which is included to the package.
    • Gmail App for Android is not supported
    • Microsoft Outlook doesn’t support background images, they are replaced with a solid background color

    Features:

    • Full Responsive Email Template
    • Compatible with Most Modern Browsers
    • Clean Design
    • 25 Modules
    • Email builder 2.1
    • Quality Layered PSD
    • MailChimp & Campaign Monitor Compatability
    • Commented HTML code
    • Modular Layout allows to build your own layout easily for the template (delete/copy/replace)
    • Documentation

    Compatible with:

    • Apple Mail
    • iPad
    • iPhone
    • Android 4
    • Yahoo.com
    • Outlook.com
    • AOL Mail
    • Gmail
    • Thunderbird
    • Outlook 2010
    • Outlook 2011
    • Outlook 2013
    • Lotus Notus 8.5
    • Opera Mail

    Images not included!

    Emerald - Creative 404 Pages

    Emerald - Creative 404 Pages

    Emerald - Creative 404 Pages

    Introduction

    Emerald is a creative pack of 404 pages. Pages with a clean & unique design, ideal for blog, portfolio and agency.

    24 crafted variants

    • Basic
    • Basic with Animation
    • Basic with Pattern
    • Colorful
    • Colorful with Animation
    • Colorful with Background
    • Infinite Horizontal
    • Infinite Horizontal with Animation
    • Infinite Horizontal with Pattern
    • Infinite Vertical
    • Infinite Vertical with Animation
    • Infinite Vertical with Pattern
    • Map
    • Map with Animation
    • Map with Pattern
    • Slider
    • Slider with Animation
    • Slider with Pattern
    • Video
    • Video with Animation
    • Video with Pattern
    • Youtube
    • Youtube with Animation
    • Youtube with Pattern

    Support

    If you have any issues with our theme please email us themechimp@gmail.com

    Galaxy Multipurpose PSD Theme

    Galaxy Multipurpose PSD Theme

    Galaxy Multipurpose PSD Theme

    Galaxy Multipurpose PSD Theme

    \\

    Designed using 16 columns grid system and responsive website to adapt its layout to the screen size of your visitors. All images are smart objects for easy change of design according to Your requirements. All the colored elements using a fill color for a quick change and search colors. For convenient use of the created PSD file with a set of UI elements. Change color of background, text or the location of the images to create your unique style.

    Example of motion and logic:

    \\

    Elements features:

    • 59 PSD Files
    • Agency, Architecture, Furniture, Photography, Restaurant & more
    • 5 color styles, Header & Footer options
    • 10 categories
    • 40+ Components
    • 200+ UI Elements
    • Neatly organized
    • Easy customizations using smart objects
    • Free fonts used
    • Modern and clean design
    • Flexible and multipurpose
    • Includes UI-Kit

    PSD Files Included

    01_Agency

    • 01_home.psd
    • 02_category.psd
    • 03_portfolio.psd
    • 04_showcase.psd
    • 05_about.psd
    • 06_blog.psd
    • 07_post.psd
    • 08_contact.psd
    • 09_404.psd
    • 10_search.psd

    02_Architecture

    • 01_home.psd
    • 02_manu_page.psd
    • 03_portfolio.psd
    • 04_showcase.psd
    • 05_project_page.psd
    • 06_about.psd
    • 07_blog.psd
    • 08_post.psd
    • 09_contact.psd
    • 10_404.psd
    • 11_search.psd

    03_Furnitures

    • 01_home.psd
    • 02_category.psd
    • 03_portfolio.psd
    • 04_showcase.psd
    • 05_project.psd
    • 06_blog.psd
    • 07_post.psd
    • 08_about.psd
    • 09_contact.psd
    • 10_404.psd
    • 11_search.psd

    04_Photography

    • 01_home.psd
    • 02_swipe_menu. psd
    • 03_category.psd
    • 04_portfolio.psd
    • 05_showcase.psd
    • 06_about.psd
    • 07_blog.psd
    • 08_post.psd
    • 09_contact.psd
    • 10_404.psd
    • 11_search.psd

    05_Restaurant

    • 01_home.psd
    • 02_category.psd
    • 03_portfolio.psd
    • 04_menu.psd
    • 05_showcase.psd
    • 06_about.psd
    • 07_blog.psd
    • 08_post.psd
    • 09_contact.psd
    • 10_reservation.psd
    • 11_404.psd
    • 12_search.psd

    06_UI_Elements

    • 01_Typography.psd
    • 02_Headers.psd
    • 03_Footers.psd

    View screenshots

    Credits

    Photos

    Fonts

    Please note, preview images are NOT included into PSD files!

    Thank You for your interest in our PSD template – GALAXY. We hope that our work will help you to look presentable in the eyes of your audience. Good luck!


    Dear buyer! If you like this template please rate it.
    Katharine : Fashio Blog PSD Template

    Katharine : Fashio Blog PSD Template

    Katharine : Fashio Blog PSD Template

    Katharine – Fashion Blog PSD Template suitable for all type of fashion blogs. 10 Home Page Variations and 7 Types of posts.

    Pages

    • 01-Home-1.psd
    • 02-Home-2.psd
    • 03-Home-3.psd
    • 04-Home-4.psd
    • 05-Home-5.psd
    • 06-Home-6.psd
    • 07-Home-7.psd
    • 08-Home-8.psd
    • 09-Home-9.psd
    • 10-Home-10.psd
    • 11-About.psd
    • 12-Audio-Post.psd
    • 13-Gallery-Post.psd
    • 14-Image-Post.psd
    • 15-Link-Post.psd
    • 16-Quote-Post.psd
    • 17-Standard-Post.psd
    • 18-Video-Post.psd
    • 19-404.psd
    • 20-Contact.psd
    • 21-Contact-Fullwidth.psd

    Fonts

    Images

    Note

    The images you see in the screenshots are used for demo purposes only, they are not incuded in the download package.