The Complete HTML5 and CSS3 Bundle

5.0

Struggling with the basics or advanced topics in HTML5 and CSS3? You’re in luck. Grab this bundle and learn everything it takes to master the languages that power the web. Learn from top tutors like Brad Hussey, Stone River eLearning, LearnToProgram and Richard Sneyd.

$37

$37   LIFETIME ACCESS DEAL !
18
COURSES
838
LESSONS
NEW
ENROLLED

LIFETIME ACCESS TO ALL THESE 18 COURSES
HTML5 & CSS3 Site Design
HTML5 and CSS3 Site Design

$10 Value

CSS Development with CSS3
CSS Development with CSS3                

$59 Value

Building Responsive Websites with HTML 5 & CSS3
Building Responsive Websites with HTML and CSS3

$10 Value

HTML and CSS for Beginners (with HTML5)
HTML and CSS for Beginners (with HTML5)

$49 Value

HTML5 and CSS3 Fundamentals
HTML5 and CSS3 Fundamentals                                                                                  

$10 Value

Build Websites from Scratch with HTML & CSS
Build Websites from Scratch with HTML and CSS                                                

$149 Value

Learn Web Designing & HTML5CSS3 Essentials in 4-Hours
Learn Web Designing and HTML5/CSS3 Essentials in 4-Hours

$10 Value

Mobile App Development with HTML5
Mobile App Development with HTML5                                                            

$99 Value

Learn HTML5, CSS and JavaScript Basics from Scratch
Learn HTML5, CSS and JavaScript Basics from Scratch

$10 Value

HTML & CSS - Learn to build sleek websites
HTML & CSS - Learn to build sleek websites

$54 Value

Create a Portfolio Website with HTML, CSS & Bootstrap
Create a Portfolio Website with HTML, CSS and Bootstrap

$39 Value

Getting Started with LESS - Beginner Crash Course
Getting Started with LESS - Beginner Crash Course

$24 Value

SASS - Beginner Crash Course
SASS - Beginner Crash Course                                                      

$24 Value

Interactive Web Design with CSS Animation & Transition
Interactive Web Design with CSS Animation and Transition

$34 Value

Fundamentals of CSS
Fundamentals of CSS                                                      

$18 Value

Working with HTML5 - For Web Developers and Designers
Working with HTML5 - For Web Developers and Designers

$125 Value

Responsive Web Design Essentials - HTML5 CSS3 Bootstrap
Responsive Web Design Essentials - HTML5 CSS3 Bootstrap

$10 Value

Build Your First Glass Web App Theme With HTML5 And CSS
Build Your First Glass Web App Theme With HTML5 And CSS

FREE

community-learning2
Live Coaching Webinars and Online Q&A Community

Assisted Learning

DETAILS OF THE 18 COURSES IN THE BUNDLE
HTML5 & CSS3 Site Design

HTML5 and CSS3 Site Design

Instructor: Stone River eLearning

OverviewDescriptionAbout
Build websites from scratch - the right way. Need to learn how to build a website, or brush up on your coding skills to enhance an existing site? This course will show you, step-by-step, how to set up a web site from scratch and tips and tricks of the trade to make your site more attractive and user-friendly.
Need to learn how to build a website, or brush up on your coding skills to enhance an existing site? This course will show you, step-by-step, how to set up a web site from scratch and tips and tricks of the trade to make your site more attractive and user-friendly. From what tools you need to build your site and creating and formatting pages, to what to test and look for before your site goes live, award-winning trainer Geoff Blake gives detailed and valuable information that will help you to master HTML coding skills. Geoff’s casual tone, real world examples, and the follow-along video make this course as entertaining as it is informative.
Stone River eLearning
Stone River eLearning is owned and operated by Mark Trego and his support and development staff of outstanding eLearning enthusiasts from around the world. Mark originally hails from Bismarck, North Dakota in the U.S., but now resides in the little town of Sheldon, Iowa where he lives with his wife and 3 children on a working farm just outside of town.
Mark's passions are entrepreneurship and online learning, so it was only natural that he gravitated towards what became the Stone River family of companies. Mark received his Master's Degree in Business Administration/Entrepreneurship from Benedictine University in Chicago. His early career found him in finance, but he really found his passion as an education technology professional, instructional designer and teacher before starting Stone River eLearning in 2011.
7  Hours
61 Lessons
Lifetime Access
Course Curriculum
. Preview Course
Introduction PreviewWelcome to HTML5 & CSS3! (1:26) PreviewA Look At What We’ll Build (2:15) Let’s Get Started! PreviewPrograms I’ll Be Using (3:35) PreviewIn The Beginning…HTML Fundamentals (11:20) StartUnderstanding What CSS is All About (6:36) StartViewing A Page’s Background Code (4:17) Gettin’ Your Files Organized! StartOrganizing Site Files (6:55) StartCreating A Page and Understanding Index Files (5:43) StartSetting Up An External Style Sheet (3:37) Doin’ Nuthin’? Let’s Build A Web Layout From Scratch! StartSetting Up The Page Structure (7:05) StartConnecting the External Style Sheet and Testing (8:15) StartInserting and Formatting the Site Header (7:37) StartFinishing Up The Basic Layout (4:50) StartDebugging for Internet Explorer (3:25) StartUnderstanding How the Layout Works (5:51) StartUsing Divs for Page Layout (7:15) StartA More Economical Approach to Layout and CSS (7:52) StartUsing Float And Clear (5:55) StartCentering the Layout (9:02) StartNesting Layout Objects (7:05) StartSpacing Apart the Layout (9:13) StartFinal Touches (4:47) Insertin’ And Formattin’ Text! StartInserting Text Into the Layout (4:27) StartSetting Up Paragraphs and Headings (4:37) StartAdjusting the Layout For Text, Part 1 (7:37) StartAdjusting the Layout For Text, Part 2 (5:21) StartFormatting HTML Headings with CSS (6:50) StartFormatting Paragraphs (4:11) StartUsing Class Rules to Format Text (5:24) StartMore Formatting with Class Rules (9:08) StartWorking More Efficiently with CSS (6:54) StartInserting and Formatting Lists (6:42) StartUsing A List to Build The Main Navigation Menu (10:17) StartSetting Up the Footer Navigation (6:31) Now It’s Time For Some Graphics! StartInserting an Image (6:39) StartResizing Images with your Graphics Editor (4:53) StartControlling Graphics with CSS (7:08) StartInserting the FeatureBox Images (7:12) StartAdjusting the FeatureBox Layout (2:57) StartSetting Up the FeatureBox Titles (6:20) StartIllustrator, Photoshop, HTML, and CSS Workflow (7:29) Site Rollout: From A Single Page To A Multi-Page Site! StartGetting Ready for Site Rollout (3:48) StartHow to Not Roll Out A Website (7:08) StartRollout Part 1: Setting Internal Hyperlinks (4:38) StartRollout Part 2: Creating The Site’s Pages (1:32) StartPreviewing And Testing The Site (4:04) StartA Final Thought on Site Rollout (5:27) Inserting Additional Page Elements! StartAdjusting the Site’s Hyperlink Formatting (7:10) StartInserting A Simple Slideshow (8:30) StartInserting and Formatting Tables (8:16) StartInserting A Google Map (7:52) StartFormatting A Customer Testimonial Page (7:08) StartSetting Up A Contact Us Page (6:45) StartFinalizing the Site (11:56) StartOrganizing the CSS File (5:29) Going Live: Uploading the Completed Site! StartSetting the Remote Site Info (4:03) StartUploading the Local Site to the Remote Server (2:25) StartTesting the Live Site (2:05) StartMaking Edits and Updating the Live Site (6:51) StartTesting And Debugging For Other Browsers (9:54) Wrapping Up HTML5 & CSS3 StartWhere to Go from Here (3:13)

CSS Development with CSS3

CSS Development with CSS3

Instructor: LearnToProgram, Inc.

OverviewDescriptionAbout
Create Flexible, Interesting, and Usable Designs for Desktop & Mobile Websites. Anyone who has worked in web development for more than five minutes can tell you: the difference between an outstanding site and a terrible site is the quality of the CSS. With our CSS Tutorial for Beginners course, you can learn to make high-quality, graphically amazing and thoroughly impressive web sites.
Anyone who has worked in web development for more than five minutes can tell you: the difference between an outstanding site and a terrible site is the quality of the CSS. With our CSS Tutorial for Beginners course, you can learn to make high-quality, graphically amazing and thoroughly impressive web sites. All it takes is a little creativity and a strong understanding of CSS design and code and your website will look exactly the way you want it to. Zachary Kingston brings you this dynamic and comprehensive CSS course. This CSS Tutorial for Beginners is perfect for both beginners who don't understand how to use CSS and experts who don't understand why they cannot get their website to look exactly the way they want it to. Watch over 4 hours of engaging video lectures, sharpen your skills with fun and creative lab exercises, and study the dozens of style sheet examples provided. With this CSS course, you will become fully competent in CSS and master of your website! Take this ultimate CSS Development Course (With CSS3!) course now and start learning CSS.
LearnToProgram, Inc.
LearnToProgram Media is a leading publisher of web, mobile, and game development courses that are used by over 500,000 people in 65 countries. LearnToProgram's valuable network of technical resources includes content on YouTube, iTunes, and Roku, as well as books, free tutorials, and online courses. With a mission of “teaching the world to code" LearnToProgram instructors are teachers first and technical experts second. Their primary skill is relating complex technical information to nontechnical people learning web, mobile and game development. The entirely online, self-paced sales model allows students to learn at their own pace. With over 40 courses on the market, LearnToProgram offers students flexible programs in web development, mobile application development and game development. Currently the company's most popular online courses include Become a Certified Web Developer and 10 Apps in 10 Weeks.
5  Hours
32 Lessons
Lifetime Access
Course Curriculum
Preview Course
Welcome to CSS PreviewWhat is CSS? (5:38) PreviewModifying Hello World (8:57) StartCSS Selectors (14:02) StartThe Three Ways to Deploy CSS (7:02) StartIntroducing CSS3 (6:34) StartChapter 1 Lab Exercise Styling Specific Elements PreviewStyling Text Elements (16:22) PreviewStyling Tables and Lists (9:39) StartStyling Backgrounds (9:13) StartThe Sliding-Door Technique (Making a CSS Button) (11:56) StartSprite Sheets and Images (8:08) StartCreating a Drop-Down Menu with CSS (10:23) StartChapter 2 Lab Exercise The Box Model PreviewIntroduction to the Box Model (10:01) StartThe Content Area (10:27) StartBorder and Online Styling (12:22) StartWorking with Margins and Padding (11:08) StartChapter 3 Lab Exercise Animations with CSS3 StartCSS3 Transformations (24:31) StartCSS3 Transitions (15:40) StartCSS3 Animation (18:27) StartChapter 4 Lab Exercise Putting Elements Together StartThe Display Property (9:47) StartIn-Depth CSS Positioning (10:06) StartFloating Elements (15:05) StartChapter 5 Lab Exercise CSS for Mobile StartTesting Webpages on Mobile Devices (7:51) StartElegant CSS for the Mobile World (22:22) StartChapter 6 Lab Exercise Final Project StartCSS Final Project

Building Responsive Websites with HTML 5 & CSS3

Building Responsive Websites with HTML 5 and CSS3

Instructor: Stone River eLearning

OverviewDescriptionAbout
Build modern sites for any device using responsive design. In this hands-on training course, award-winning veteran trainer Geoff Blake shows you, step-by-step, how to build beautifully designed, responsive websites that adjust and function perfectly on smartphones, tablets, and desktop displays.
In this hands-on training course, award-winning veteran trainer Geoff Blake shows you, step-by-step, how to build beautifully designed, responsive websites that adjust and function perfectly on smartphones, tablets, and desktop displays. You’ll begin with the fundamentals of responsive design, beginning with multiple style sheets, media queries and various expressions. Next comes the fun part: you’ll be guided through several in-depth chapters that walk you through the responsive design workflow, building HTML structure and CSS formatting for mobile and desktop displays; including tablets, desktop screens, and smartphones. Geoff shows you how to plan out your work, handle common issues that arise in a responsive layout, and how to handle various page components between device displays. Finally, the course closes with additional tricks, advanced techniques, and testing methods to ensure that your layout looks fantastic.
Stone River eLearning
Stone River eLearning is owned and operated by Mark Trego and his support and development staff of outstanding eLearning enthusiasts from around the world. Mark originally hails from Bismarck, North Dakota in the U.S., but now resides in the little town of Sheldon, Iowa where he lives with his wife and 3 children on a working farm just outside of town.
Mark's passions are entrepreneurship and online learning, so it was only natural that he gravitated towards what became the Stone River family of companies. Mark received his Master's Degree in Business Administration/Entrepreneurship from Benedictine University in Chicago. His early career found him in finance, but he really found his passion as an education technology professional, instructional designer and teacher before starting Stone River eLearning in 2011.
4  Hours
42 Lessons
Lifetime Access
Course Curriculum
Preview Course
Introduction PreviewWelcome (0:48) PreviewA Look At What We’ll Build (1:36) Responsive Design Fundamentals PreviewKey Aspects Of Responsive Design (2:43) PreviewDetermining Device Resolutions To Target (4:20) StartWireframing Responsive Layouts (4:58) The Basics: Multiple Style Sheets & Media Queries StartThe Concept Of Using Multiple CSS Files (10:51) StartMedia Queries & Multiple Style Sheets (8:59) StartBuilding Media Queries Into A Single CSS File (7:40) StartUsing Media Query Expressions (5:06) Building HTML Structure & CSS For All Screens StartSetting Up The HTML & CSS Files (4:21) StartGetting Started With The Header (7:36) StartInserting The Main Nav Menu (6:03) StartInserting The Search Field (6:57) StartProblems With Applying Floats (4:21) StartIntegrating Google Fonts API (3:26) StartBuilding The Hero Section Structure (4:27) StartFormatting The Hero Section (9:06) StartInserting & Formatting A Call To Action Button (9:53) StartBuilding The Features Section, Part One (5:48) StartBuilding The Features Section, Part Two (4:58) StartInserting The Organize Section (8:20) StartBuilding The Share Section (5:17) StartBuilding The Call To Action Area (6:38) StartInserting And Formatting The Footer (3:48) StartFinishing Touches For The High Resolution Layout (4:08) Building The Tablet Layout StartSetting Up The Medium Resolution CSS & Testing The Media Query (7:03) StartFormatting The Medium Res Header (4:10) StartFormatting The Medium Res Hero Section (6:10) StartFormatting The Features Section (2:14) StartFormatting The Organize And Share Sections (5:19) StartBuilding The Get Section & Finishing Up The Medium Res Layout (2:54) Building The Smartphone Layout StartSetting Up The Low Res CSS & Testing The Media Query (4:42) StartFormatting The Low Res Header (2:53) StartResolving Problems Caused By Floats (4:23) StartFormatting The Low Res Hero Section (3:18) StartFormatting The Features Section (1:46) StartFormatting The Organize And Share Sections (2:59) StartBuilding The Get Section & Finishing Up The Low Res Layout (3:07) Advanced Techniques For Responsive Design StartDisabling Device Smart Zoom (6:01) StartTesting Your Responsive Layouts (4:29) StartSetting Up Retina Display Graphics (6:23) Wrapping Up StartWhere To Go From Here (2:50)

HTML and CSS for Beginners (with HTML5)

HTML and CSS for Beginners (with HTML5)

Instructor: LearnToProgram, Inc.

OverviewDescriptionAbout
Learn HTML and CSS from Mark Lassoff - no experience required. Certification Available. There isn't a web site out there-- whether it be WhiteHouse.gov, IBM.com or the site for your local high school-- that isn't written in HTML.
There isn't a web site out there-- whether it be WhiteHouse.gov, IBM.com or the site for your local high school-- that isn't written in HTML. If you do any level of web development-- from editing pages on a Wordpress site to designing original pages from scratch, understanding and being able to code in HTML and CSS can give you a level of control, and power over your designs that you've never experienced before. This course helps you learn HTML and CSS (versions 4.01 and XHTML) as well as prepares you for the future with coverage of HTML5. In this course, designed, authored and hosted by master trainer Mark Lassoff, you will learn HTML and CSS, including everything you need to create a creative, quality and professional web site. Almost four hours of video instruction in punctuated lab exercises where you apply the very skills taught in the course. With an instructor available to answer your questions, and course with both wide coverage of HTML and CSS topics and deep discussion of those topics, there is no better or faster way to learn HTML and CSS for Beginners! When you've completed the course, become a certified developer by passing LearnToProgram's Certified HTML Developer exam. Certified developers are listed on the LearnToProgram web site and sent a printed certificate, digital badges and other materials relating to their certified status.
LearnToProgram, Inc.
LearnToProgram Media is a leading publisher of web, mobile, and game development courses that are used by over 500,000 people in 65 countries. LearnToProgram's valuable network of technical resources includes content on YouTube, iTunes, and Roku, as well as books, free tutorials, and online courses. With a mission of “teaching the world to code" LearnToProgram instructors are teachers first and technical experts second. Their primary skill is relating complex technical information to nontechnical people learning web, mobile and game development. The entirely online, self-paced sales model allows students to learn at their own pace. With over 40 courses on the market, LearnToProgram offers students flexible programs in web development, mobile application development and game development. Currently the company's most popular online courses include Become a Certified Web Developer and 10 Apps in 10 Weeks.
6 Hours
50 Lessons
Lifetime Access
Course Curriculum
Preview Course
Welcome to HTML PreviewWeb Development Technologies (5:19) PreviewHello World! with HTML (6:26) StartBasic Document Structure HTML 4.01/XHTML (8:30) StartBasic Document Structure HTML5 (1:50) StartUsing Comments in HTML (4:59) StartHTML Head Elements (4:13) StartChapter 1 Lab Exercise Text Markup PreviewText Markup (10:03) PreviewDiv and Span Tags (5:16) StartHTML5 Text Markup Tags (8:27) StartSelecting Text Colour, Font and Font Size (20:16) StartText Alignment, Decoration, Indentation and Text Transformation (5:38) StartChapter 2 Lab Exercise Working with Lists PreviewOrdered Lists (3:16) StartUnordered Lists (2:44) StartCSS for Lists (4:45) StartChapter 3 Lab Exercise Creating HTML Links StartCreating Internal and External Links (11:04) StartCreating Anchors (7:38) StartStyling Links with CSS Pseudo-Classes (3:05) StartChapter 4 Lab Exercise Working with Images and Media StartDisplaying Images/Image Links/ Image Styling with CSS (8:18) StartHTML5 Audio Embeds (5:04) StartHTML5 Video Embeds (3:27) StartChapter 5 Lab Exercise HTML Tables StartCreating Tables with HTML (6:36) StartStyling Tables with CSS (12:23) StartChapter 6 Lab Exercise HTML Forms StartCreating Text Form Elements (8:38) StartCreating Radio Button and Checkbox Elements (8:58) StartNew HTML Form Elements (9:39) StartCreating Multi-Select Elements (6:09) StartChapter 7 Lab Exercise Understanding the CSS Box Model StartUnderstanding the Content Box Model (2:19) StartWorking with Margin and Padding and Borders (11:40) CSS Based Page Layout StartInline vs. Block Level Elements & Positioning Div’s (9:19) StartFloat and Clear (13:18) StartCreating a CSS Navigation Bar (9:52) StartChapter 9 Lab Exercise

HTML5 and CSS3 Fundamentals

HTML5 and CSS3 Fundamentals

Instructor: Stone River eLearning

OverviewDescriptionAbout
Learn responsive website design for beginners with HTML5 and CSS3 When it comes to the world of technology, staying ahead of the curve is always a challenge. In the last year one aspect of this – the world wide web – has kicked up a gear with the introduction of HTML5, the newest version of the code that makes the web tick. If you learn HTML5 along with CSS3 (the next level of web design used on all modern websites), you’ll have a recipe for success; and this course will show you how.
When it comes to the world of technology, staying ahead of the curve is always a challenge. In the last year one aspect of this – the world wide web – has kicked up a gear with the introduction of HTML5, the newest version of the code that makes the web tick. If you learn HTML5 along with CSS3 (the next level of web design used on all modern websites), you’ll have a recipe for success; and this course will show you how. Create a website from scratch with HMTL5 and CSS3
  • Build a complete functioning website section by section
  • Gain a solid knowledge base of HMTL5and CSS3 for future, more complex projects
  • Control your website’s appearance, functionality and navigability
  • Discover how HTML5 and CSS3 can be used in other areas of the web
  • Learn best practice techniques for building websites and web pages
Build Like a Pro with HMTL5 and CSS3 Design The only way to effectively learn HTML5 and CSS3 is by diving right in and building websites from the ground up. That’s exactly what this course does. Designed for complete beginners, you’ll create a complete website section by section during 35 lectures and 5 hours of content. You’ll start by becoming familiar with HTML tags and how they’re used, followed by the use of attributes and common settings. Once you’ve got a handle on basic HTML, you’ll move on to the fun stuff: CSS. You’ll use CSS for fonts, colours, lists, navigation menus, and more, adding a new element to your website with each section. Links, layouts, tables, forms and videos are all covered too. If you know how to use a web browser and a text editor, you’re all set up for this course already. No extra software or tools are needed, and you can choose your preferred option of each to get going. By the time you finish, you’ll know everything you need to know to create beautiful, functional, easy to use websites of any kind. About HTML5 and CSS3 HTML5 HTML or Hyper Text Mark-up Language is the language used for presenting websites and web content. HTML5 is the latest version, made official by the World Wide Web Consortium in 2014. Having a good grasp of HTML means you’ll be able to create, present and edit a whole variety of content on the web. CSS3 CSS (Cascading Style Sheets) essentially ‘enhances’ HTML, giving developers and users more control over how pages and content is displayed. It is responsible for creating more visually engaging web pages, applications and interfaces. CSS3 is the latest version, and has many more extended features than previous versions – although it is backwards compatible.
Stone River eLearning
Stone River eLearning is owned and operated by Mark Trego and his support and development staff of outstanding eLearning enthusiasts from around the world. Mark originally hails from Bismarck, North Dakota in the U.S., but now resides in the little town of Sheldon, Iowa where he lives with his wife and 3 children on a working farm just outside of town.
Mark's passions are entrepreneurship and online learning, so it was only natural that he gravitated towards what became the Stone River family of companies. Mark received his Master's Degree in Business Administration/Entrepreneurship from Benedictine University in Chicago. His early career found him in finance, but he really found his passion as an education technology professional, instructional designer and teacher before starting Stone River eLearning in 2011.
5  Hours
36 Lessons
Lifetime Access
Course Curriculum
Preview Course
Course Intro PreviewIntroduction (4:08) Basic HTML PreviewPage basics (11:32) PreviewText Basics (8:23) StartText Formatting (5:10) StartLists (9:08) PreviewImage Prep (9:39) StartInserting Images (8:17) StartWebsite Project (16:33) CSS Basics Startcss basics (9:32) StartFont Styles (10:00) StartColors (7:35) StartList Styles (4:20) StartAdvanced Selectors (9:48) StartWebsite Project (8:02) Links StartLink Basics (6:39) StartIn-Page links (2:38) StartLink styles (4:14) StartNavigation Menus (6:00) StartWebsite Project (9:56) Layout StartBlock Spacing (12:14) StartArranging the Page (8:46) StartPositioning (7:32) StartWebsite Project (20:16) Tables StartTables (6:51) StartTable Styles (9:31) StartWebsite Project (7:40) Forms StartForm Basics (5:40) StartForm Elements (7:23) StartHTML5 Form Elements (12:02) StartForm Styles (8:18) StartForm Website Project (11:36) Video StartVideo preparation StartVideo HTML (8:32) StartWebsite Project (7:14) Wrap up StartConclusion tips and resources (5:21)

Build Websites from Scratch with HTML & CSS

Build Websites from Scratch with HTML and CSS

Instructor: Brad Hussey

OverviewDescriptionAbout
Learn Web Development Essentials and Become a Web Developer From Scratch HTML and CSS are the two most important languages for a new web developer to learn. They are also the easiest. If you’ve always wanted to build webpages, but were intimidated by the code, this course will help you learn your first two languages quickly and easily.
HTML and CSS are the two most important languages for a new web developer to learn. They are also the easiest. If you’ve always wanted to build webpages, but were intimidated by the code, this course will help you learn your first two languages quickly and easily. Taking a step-by-step approach, this course will have you learning by doing, building several mini-websites from scratch.

Learn the Two Most Important Languages to Web Design Quickly and Easily.

  • HTML Foundations
  • Parent/Child Structure
  • CSS Foundations
  • ID Selectors
  • Coding and Styling
  • What Web Pages are Built Of
Every webpage that you see on the net is built using a language or code. There are many different programming languages that can make your website do various things, but the two most important to learn are HTML and CSS. In fact, even people who plan on allowing someone else to build their website should have a basic grasp of both languages. This way you can tweak things behind the scenes, or change some of your formatting without having to always rely on others.

Contents and Overview

This course of more than 77 lectures and 8 hours of content gives you a basic, yet thorough understanding of both HTML and CSS. The course focuses on having you begin writing code right away so you can learn through doing, and build your own completely functional HTML and CSS webpage at the end. You’ll begin by learning what HTML and CSS are, so you can get an understanding of what it is that they do. During the course you’ll build several mini-websites that take what it is that you’ve learned and apply it to real world exercises to help cement the skills. Everyone from aspiring web designers to bloggers, programmers to business owners can benefit from learning some HTML and CSS. Learn to begin building your own dynamic webpages or manage the page that you already have. If you plan on becoming a web programmer or a web designer yourself, HTML and CSS are the first two languages you’ll need to succeed. In fact HTML is required for anyone that wants to get into web development from any angle. Learning it simultaneously with CSS allows you to hit the ground running with page design.
Brad Hussey
A highly skilled professional, Brad Hussey is a passionate and experienced web designer, developer, blogger and digital entrepreneur. Hailing from North Of The Wall (Yellowknife, Canada), Brad made the trek to the Wet Coast (Vancouver, Canada) to educate and equip himself with the necessary skills to become a spearhead in his trade of solving problems on the web, crafting design solutions, and speaking in code.
Brad's determination and love for what he does has landed him in some pretty interesting places with some neat people. He's had the privilege of working with, and providing solutions for, numerous businesses, big & small, across the Americas.
Brad builds custom websites, and provides design solutions for a wide-array of clientele at his company, Brightside Studios. He regularly blogs about passive income, living your life to the fullest, and provides premium quality web design tutorials and courses for tens of thousands of amazing people desiring to master the craft.
9  Hours
77 Lessons
Lifetime Access
Course Curriculum
Preview Course
Getting Started PreviewWelcome & What We’re Learning (1:16) PreviewWhat is HTML & CSS? StartHTML Tags, Attributes & Elements StartFile & Folder Naming Conventions StartTypical Website File & Folder Structure StartManaging Your Production Files StartTools of the Trade StartHTML Quiz HTML Foundations: Part I PreviewStarting Your First Web Page (1:14) PreviewThe Doctype (1:31) StartThe Basic Structure of an HTML Document (3:08) StartPage Title (2:35) StartHeadings (3:41) StartParagraphs (2:24) StartEmphasis & Strong Emphasis (2:48) StartHTML Parent/Child Structure (1:45) StartGet Your Hands Dirty! (6:35) StartHTML Foundations Quiz I HTML Foundations: Part II StartHyperlinks (4:30) StartLists (4:07) StartImages (10:30) StartAddress (2:40) StartGet Your Hands Dirty! (6:02) StartHTML Foundations Quiz II HTML Foundations: Part III StartTables (4:47) StartForms (13:36) StartHTML Special Characters StartGet Your Hands Dirty! (7:01) StartHTML Foundations Quiz III HTML Foundations: Part IV StartIDs & Classes (4:52) StartSpan & Div (5:57) StartHeader & Footer (1:46) StartNav, Section & Article (6:11) StartAside (2:53) StartTime (3:21) StartAbbreviations & Quotes (4:04) StartGet Your Hands Dirty! (11:01) StartHTML Foundations Quiz IV CSS Foundations: Part I StartThe Style Rule StartInline styles (2:22) StartInternal styles (4:22) StartExternal styles (9:47) StartCSS Selectors, Properties & Values StartInheritance of Styles StartPixels, Percentages, Points & Ems! StartGet Your Hands Dirty! StartCSS Foundations Quiz I CSS Foundations: Part II StartID Selectors (5:48) StartClass Selectors (6:09) StartDescendant Selectors (7:27) StartGrouping Selectors (7:20) StartGet Your Hands Dirty! (14:01) StartGet Your Hands Dirty — Minor Update (2:19) StartCSS Foundations Quiz II CSS Foundations: Part III StartThe Box Model StartColours (or Colors) (3:25) StartText Styling & Formatting (13:22) StartSexy Typography StartBorders (10:56) StartBackground Images (9:15) StartStyling Forms (18:33) StartGet Your Hands Dirty! (19:15) StartCSS Foundations Quiz III CSS Foundations: Part IV StartStyling Links (9:10) StartBlock & Inline Elements StartFloat & Clear (1:21) StartCSS Positioning (8:09) StartCSS Specificity StartGet Your Hands Dirty! (Part1) (18:57) StartGet Your Hands Dirty! (Part 2) (17:00) StartCSS Foundations Quiz IV Putting It All Together StartFinal Website Walk Through (1:55) StartAbout the Course Files (2:59) StartHTML: Coding the Header & Hero (8:23) StartHTML: Coding the General Content (3:06) StartHTML: Coding the News & Events (5:43) StartHTML: Coding the Footer (2:23) StartCSS: Adding Normalize.css (1:54) StartCSS: General Styles & Typography (14:31) StartCSS: Styling the Header (6:09) StartCSS: Styling the Hero (3:37) StartCSS: Styling the General Content (2:42) StartCSS: Styling the News & Events (5:56) StartCSS: Styling the Footer (6:01) StartThe Finished Product & Conclusion (1:15) Start StartWhere To Go From Here & Bonus Resources (3:20)

Learn Web Designing & HTML5CSS3 Essentials in 4-Hours

Learn Web Designing and HTML5/CSS3 Essentials in 4-Hours

Instructor: Brad Hussey

OverviewDescriptionAbout
Convert Photoshop Designs into Stunning HTML5 & CSS3 websites with confidence. The Best Way to Learn HTML5 & CSS3 PSD to HTML5/CSS3 is a simple course that will teach you to take a Photoshop Mockup Design and hand-code it into a beautiful, semantic, valid HTML5 & CSS3 website.
The Best Way to Learn HTML5 & CSS3
PSD to HTML5/CSS3 is a simple course that will teach you to take a Photoshop Mockup Design and hand-code it into a beautiful, semantic, valid HTML5 & CSS3 website.
Start Speaking the Language Right Away
Just like learning a human language, the best way of learning is by speaking from day 1—this course is similar in the sense that we'll begin speaking HTML5 & CSS3 right away! I believe this is the best way to learn HTML5 and CSS3.
It's simple. It's easy. You can do it!
If you’ve always wanted to know how to build your own website, or have wanted a simple and comprehensive way to dive into PSD to HTML5 & CSS3, this course is definitely for you.
Real World Example
One of my students, who had no previous web design experience, took my course and ran with the skills he acquired. He built a brand new website for his Barbershop in Vancouver!
So, what are you waiting for?
Do you want to hand-code your first website in 4-hours? Let's do this!
Brad Hussey
A highly skilled professional, Brad Hussey is a passionate and experienced web designer, developer, blogger and digital entrepreneur. Hailing from North Of The Wall (Yellowknife, Canada), Brad made the trek to the Wet Coast (Vancouver, Canada) to educate and equip himself with the necessary skills to become a spearhead in his trade of solving problems on the web, crafting design solutions, and speaking in code.
Brad's determination and love for what he does has landed him in some pretty interesting places with some neat people. He's had the privilege of working with, and providing solutions for, numerous businesses, big & small, across the Americas.
Brad builds custom websites, and provides design solutions for a wide-array of clientele at his company, Brightside Studios. He regularly blogs about passive income, living your life to the fullest, and provides premium quality web design tutorials and courses for tens of thousands of amazing people desiring to master the craft.
5  Hours
24 Lessons
Lifetime Access
Course Curriculum
Preview Course
Introduction PreviewWelcome to PSD to HTML5 & CSS3 Preparation PreviewWhat we are building PreviewWhat you need to start StartSetting up our Folder Structure StartCode Chunks The PSD PreviewBecoming Familiar with the Layout StartGathering Assets & Saving for Web (20:16) StartPhotoshop Pop Quiz! HTML StartCoding an HTML5 Skeleton (13:51) StartCoding the “Header” StartCoding the “Content Section” (13:45) StartCoding the “Footer” (6:53) StartHTML5 Pop Quiz! CSS StartAdding a Stylesheet to your Website (3:20) StartNormalize vs. Reset: What is the difference? (4:07) StartGlobal Styles & Typography (20:15) StartLayout: Styling the Navigation Bar StartLayout: Styling the Header StartLayout: Styling the “Content Section” — Part I StartLayout: Styling the “Content Section” — Part II StartLayout: Styling the Footer StartCSS3 Pop Quiz! Validation StartValidating your HTML5 (3:33) StartValidating your CSS3 StartValidation Pop Quiz! Conclusion StartReview (2:03) Brand New Bonus Lectures! StartHow to Buy Domain & Hosting for your Website (13:37) StartHow to Code a CSS Sticky Footer StartNew Lecture

Mobile App Development with HTML5

Mobile App Development with HTML5

Instructor: LearnToProgram, Inc.

OverviewDescriptionAbout
Learn to Develop Mobile Applications with HTML5, Javascript and the PhoneGap Library Are you looking to create mobile apps that work across multiple platforms? If so, we've got you covered! Get ready to use PhoneGap to leverage your already existing HTML5, JavaScript, and CSS skills in order to create and deploy cross-platform mobile apps.
Are you looking to create mobile apps that work across multiple platforms? If so, we've got you covered! Get ready to use PhoneGap to leverage your already existing HTML5, JavaScript, and CSS skills in order to create and deploy cross-platform mobile apps. This program comprehensively covers HTML5 mobile app development from top to bottom. By the end of this program, you'll be able to... • Set up your app development studio with tools of the trade. • Test your app on both mobile and virtual devices • Write appropriate HTML5 for mobile development • Use CSS3 to create stunning mobile user interfaces • Understand the "10 Foot Experience" (Mobile apps on your TV) • Use web services (like Google APIs™) • Parse XML and JSON content • Store data on the device • Create apps that work offline • Integrate audio and video and control media playback • Use geolocation services and Google Maps™ • Work with the device accelerometer hardware • Use jQuery Mobile controls and styling • Use a device's internal storage system • Work with device contacts • Work with device notifications • Understand in-app purchasing • Place your finished app in the app store Code along with master instructor Mark Lassoff as he walks you through everything you need to know about mobile app development with HTML5. Through dozens of code examples and multiple labs designed to reinforce your new skills, you'll master the concepts you need to know in order to become a successful app developer in no time!
LearnToProgram, Inc.
LearnToProgram Media is a leading publisher of web, mobile, and game development courses that are used by over 500,000 people in 65 countries. LearnToProgram's valuable network of technical resources includes content on YouTube, iTunes, and Roku, as well as books, free tutorials, and online courses. With a mission of “teaching the world to code" LearnToProgram instructors are teachers first and technical experts second. Their primary skill is relating complex technical information to nontechnical people learning web, mobile and game development. The entirely online, self-paced sales model allows students to learn at their own pace. With over 40 courses on the market, LearnToProgram offers students flexible programs in web development, mobile application development and game development. Currently the company's most popular online courses include Become a Certified Web Developer and 10 Apps in 10 Weeks.
5:50  Hours
46 Lessons
Lifetime Access
Course Curriculum
Preview Course
Development Environments PreviewHow to use This Course (1:47) PreviewHow to Complete Lab Exercises (1:18) PreviewBecome an Amazon Appstore Developer (2:24) PreviewCourse Intro (1:08) StartTools of the Trade (9:38) StartHello World– First App (20:24) StartTesting on a Device (2:34) StartThe “Apps” World– App Stores and Developers Opportunities (3:26) HTML5 for Mobile PreviewIntro to HTML5 for Mobile (1:25) StartDocument Structure (15:03) StartMulti Screen Applications (20:27) StartObtaining Data from the User (7:01) StartDisplaying Images (6:28) StartLab Exercise 2 CSS3 for Mobile PreviewIntro to CSS3 For Mobile (3:03) StartStyling Text Elements (15:30) StartBasic Page Layout (17:13) StartBuilding Supporting Multiple Mobile Screen Sizes (6:57) StartTelevision Based Android: The 10 Foot Experience (1:43) StartLab Exercise 3 Service Oriented Architecture for Mobile StartIntro to Service Oriented Architecture for Mobile (1:07) StartReceiving Text from the Server (10:56) StartSending Queries and Parameterized Queries to the Server (6:38) StartParsing XML Data from the Server (10:39) StartParsing JSON Data from the Server (14:51) StartLab Exercise 4 Storing Data StartIntro to Storing Data (0:49) StartStoring Data “Permanently” with Store.js (14:08) StartStoring on the Server (12:18) Start”Offline” Apps (6:38) StartLab Exercise 5 Audio and Video StartIntro to Audio and Video (0:50) StartPlaying Audio and Video (7:09) StartControlling Audio and Video Output with Javascript (8:51) StartBuilding a complete MP3 Player (7:59) StartUsing the on-board Camera (12:23) StartLab Exercise 6 Geolocation StartIntro to Geolocation (0:49) StartWhere Am I? (14:27) StartDisplaying a Map (10:09) StartWorking with Compass (9:40) StartLab Exercise 7 Working with Accelerometer StartIntro to Accelerometer (0:47) StartObtaining Accelerometer Readings (6:56) StartUsing the Accelerometer for Input (7:55) StartLab Exercise 8 Interfaces with jQuery Mobile StartIntro to Interfaces with jQuery Mobile (0:49) StartjQuery Mobile Basics (5:48) StartPages (10:10) StartTool Bars (7:25) StartButtons (4:40) Interfaces with jQuery Mobile Part II StartIntro to Interfaces with jQuery Mobile Part II (0:50) StartForms (15:57) StartListViews (8:18) StartjQuery Events (5:46) StartLab Exercise 9 and 10 Other Important PhoneGap API’s StartPhoneGap API’s Intro (0:45) StartFile API (14:14) StartDevice API (3:50) StartContacts API (13:07) StartNotifications API (4:34) Preparing for Distribution StartIntro (1:02) StartThe Config.xml (3:32) StartDistribution (4:32) StartApp Market Strategies (2:47)

Learn HTML5, CSS and JavaScript Basics from Scratch

Learn HTML5, CSS and JavaScript Basics from Scratch

Instructor: Richard Sneyd

OverviewDescriptionAbout
Everything You Need to Know to Start Creating your own Websites, Web Apps and Games with HTML5, JavaScript & CSS HTML5 is the latest evolution of web technology, encompassing decades of research and development. It has matured to the point that it can be used to create stunning, responsive and truly interactive websites, apps and games.
HTML5 is the latest evolution of web technology, encompassing decades of research and development. It has matured to the point that it can be used to create stunning, responsive and truly interactive websites, apps and games. Plus, anything written in HTML5 is inherently cross-platform, so becoming proficient in the use of HTML5 is immeasurably valuable to you as a web, app, or game developer. This HTML5 introductory course teaches you all the fundamentals of working with the three cardinal technologies of the modern web: HTMLCSS and JavaScript. By the end of the course, you will:
  • Understand and be able to use all of the most important and frequently used HTML tags.
  • Have a working knowledge of CSS.
  • Be able to use JavaScript to create dynamic content, interactivity and functionality on your web pages and sites.
  • Be able to implement form validation using JavaScript
There really is no quicker way to learn these 3 core technologies of the web (which constitute HTML5), so why wait, sign up and start learning today -- you won't regret it!
Richard Sneyd
Richard Sneyd (1st Class B.A Hons.) is founder and CEO of CyberMyth Games, and administrator of CMG Academy, the no. 1 source of professional quality online training for digital art, development and design courses. In the performance of his duties within the company, he must wear many hats, including that of a programmer, designer, digital 2D & 3D artist, sound designer, scriptwriter, texture artist, leader, marketer and business man. He is also a fully registered, qualified, and highly experienced lecturer. His speciality subjects include 3D Modelling & Animation, Computer Game Programming, 2D Image Processing, Game Design, Desktop Audio, Psychology, Consumer Behavior, Human Resources & Business Management. Richard is enthusiastic about his work, with students and colleagues noting that he is a highly dedicated and accomplished teacher. All of his courses are characterized by a steady, incremental flow of information, and a lucid teaching style which is easy to understand and follow for all.
4  Hours
27 Lessons
Lifetime Access
Course Curriculum
Preview Course
Course Intro PreviewWhat Will I Learn? (3:15) Introduction to Basic HTML PreviewDownloading the Required Software (1:33) PreviewBasic HTML5 Concepts (12:53) StartCommonly Used Tags and Elements (14:56) StartCommonly Used Tags Part 2 (13:10) StartHTML Basic Concepts Intro to Basic CSS PreviewGetting Started with Aptana (5:35) PreviewWorking with CSS Selectors and Rules (12:23) StartStyling with Classes (13:08) StartExternal Style Sheets (6:44) StartInline Styles (4:30) StartBasic CSS Concepts Introduction to Basic JavaScript PreviewIntro to JavaScript (9:26) StartUser Defined Functions (8:07) PreviewVariables (5:09) StartArithmetic Operators (6:04) StartDynamic Data Type (13:13) StartStrings (4:32) StartJavaScript Objects (8:46) StartConditional Logic (If Statements) (7:23) StartAlert Boxes (2:10) StartForm Validation (13:14) StartExternal Scripts (3:25) StartHTML5 Canvas (12:51) StartJavaScript Basics Website Project StartLet’s Build our First Website (8:39) StartWebsite Project Part 2 (13:54) StartWebsite Project Part 3 (9:29) StartWebsite Project Part 4 (6:59) StartWebsite Project Part 5 (10:16) Conclusion StartCongratulations! Now, What’s Next?

HTML & CSS - Learn to build sleek websites

HTML & CSS - Learn to build sleek websites

Instructor: Sandy Ludosky

OverviewDescriptionAbout
Level up your coding skills and create beautiful, responsive and accessible websites. Easy, fun and effective Level UP your coding skills. The course level is from beginner to intermediate. You will learn to create a beautiful webpage with very easy steps and instructions.
Level UP your coding skills. The course level is from beginner to intermediate. You will learn to create a beautiful webpage with very easy steps and instructions.
  • You are a beginner: the 2 hands-on HTML & CSS tutorials teach the 101 of web development.
  • You are intermediate: you will learn the foundation for more advanced web development
By the end of the course, you will have a better understanding of HTML, CSS (Cascading Stylesheet), web development and responsive design. As a student in this course, you will learn to:
  • create a fully functional website with HTML and CSS
  • add graphics and images
  • work efficiently with CSS
  • make the webpage responsive with media queries
Video lessons include:
  • 2 Hands-on HTML& CSS tutorials (start here if you are a complete beginner)
  • Guide to Web Hosting (coming soon)
  • 1 Final Project
Some Bonus include
  • Using CSS3 Animation
  • Adding CSS transition
  • integrating a Image Hover effect
  • Adding a Favicon (coming soon)
I am fast-lightening responder - if you have any question about the course, you can reach out to me in a private message or by posting your question on the discussion board. I will make sure you have the best learning experience
Sandy Ludosky
My name is Sandy. I am a freelance Web Designer and Developer based out of Toronto, in Ontario, Canada. I specialize in Front-End development with HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery. I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few. Also, I am keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development.
3:50  Hours
44 Lessons
Lifetime Access
Course Curriculum
Preview Course
Welcome! StartWelcome! (0:56) PreviewCourse Guide (PDF) + downloadable Working Files PreviewProject Files HTML tutorial PreviewHTML5 Cheatsheet | PDF PreviewCreate your first HTML document | Headings (4:00) PreviewTypographie & Formatting (3:03) StartNavigation & Links (5:18) StartHTML5 Semantic (3:54) StartMeta Tags | Head section (8:00) CSS Fundamentals StartCSS Cheatsheet | PDF StartIntro to CSS (Cascading Stylesheet) (4:13) StartFormatting (8:37) StartWorking with colors (7:40) StartStyling the Navigation Bar (6:25) StartPseudo-class (3:24) StartClass & ID (4:32) StartCSS Float (2-column Layout) (2:50) StartCSS Clear Property (1:53) StartThe Box Model (4:01) StartMargin & Padding (7:21) StartReverse Layout (1:33) Responsive Design | Media Queries StartMedia Queries | Tablet (7:48) StartMedia Queries | Small Devices (8:15) Alternate Layout StartMedia Queries – I (6:56) StartMedia Queries – II (4:26) StartAdding Media (3:14) StartEmbed a youtube video link (2:21) Project – “Bon Voyage! Travel with Us!” – Part I StartProject overview (3:51) StartNavigation (9:55) StartBanner (4:22) StartAbout Us (9:42) StartDestinations (11:03) StartContact Us (9:56) StartFooter (4:16) StartGoogle Font & Font Awesome (5:30) StartNavigation | Position Fixed (2:24) StartNavigation | CSS z-index property (1:26) Project – “Bon Voyage! Travel with Us!” – Part II (Media Queries) StartTablet & Ipad (3:10) StartMobile version 1 (9:48) StartMobile version 2 (10:29) Project – Bonus StartNavigations links hover effects (5:04) StartCSS3 Animation (2:20) StartImages Hover effect (5:06) StartSocial Media Icons transition effect (6:02)

Create a Portfolio Website with HTML, CSS & Bootstrap

Create a Portfolio Website with HTML, CSS and Bootstrap

Instructor: Sandy Ludosky

OverviewDescriptionAbout
Level up your web development skills, by creating your portfolio , with this project-based video tutorial Create your online portfolio with this project-based tutorial. And, Learn about responsive design & fast web development. Bootstrap 3 is a lightweight and responsive framework for a better and faster mobile-friendly web development.
Create your online portfolio with this project-based tutorial. And, Learn about responsive design & fast web development. Bootstrap 3 is a lightweight and responsive framework for a better and faster mobile-friendly web development. You will learn to =
  • Effectively use the grid system to build a responsive and flexible multi-column layout
  • Showcase your artwork/portfolio items with a simple image hover effect
  • Use the FLAT UI colors palette
  • Use the inspector tool to customize the Boostrap CSS
PLUS, you will discover other resources like:
  • The Font Awesome icons designed by Bootstrap
  • The Google Fonts
  • The online favicon generator
  • W3C validation service to build an error-free webpage
- By the end of the course, you will have a better understanding of the responsive grid and the bootstrap documentation. - By the end of the course, you will have a nice responsive one-page site that you can use as a personal page or a professional portfolio. - By the end of the course, you will be well-versed with most of the Bootstrap built-in CSS and components. You will be ready to design sleek, mobile-ready websites with HTML and CSS Lessons include topics like:
  • How to use the 12-column Grid System
  • Adding and customizing links and buttons
  • Using Font Awesome to easily include scalable social media icons
  • Using the pseudo-class :hover to create cool hover effects
  • HTML & CSS Cheatsheets (downloadable)
  • Master Bootstrap Cheatsheet (downloadable)
The video lessons will walk you through every process step-by-step.
Sandy Ludosky
My name is Sandy. I am a freelance Web Designer and Developer based out of Toronto, in Ontario, Canada. I specialize in Front-End development with HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery. I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few. Also, I am keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development.
1:50  Hours
19 Lessons
Lifetime Access
Course Curriculum
Preview Course
Welcome! PreviewIntro (0:53) PreviewGuide & Instructions | PDF 0:00 Header PreviewNavigation Bar (9:17) StartHeader & Banner (11:03) Portfolio & Works Section StartLayout & The Grid System StartAdding Images StartImage Hover Effect | Pseudo-class, CSS transition Contact Us & Footer StartResponsive Contact Form (15:18) StartSocial Media Icons | Font Awesome (7:47) StartThe Footer | Html entities (5:57) Responsive template | Media Queries StartResponsive-friendy | Ipad (7:40) StartResponsive-friendy | IPhone (9:48) BONUS Video Lessons StartNavigation bar | Scrollspy.js (5:02) StartUsing Google Font (4:27) StartAdding a Favicon (3:14) StartSuccessfully validate your webpage with W3C validator (2:21) Supplementary Resources StartHTML Tag references | PDF StartCSS cheatsheets | PDF StartBootstrap Master Cheatsheet

Getting Started with LESS - Beginner Crash Course

Getting Started with LESS - Beginner Crash Course

Instructor: Sandy Ludosky

OverviewDescriptionAbout
Learn to write better and more maintainable CSS with LESS What is LESS ? Less is a CSS is a superset of CSS and a pre-processor programming language, often referred as "Dynamic CSS". LESS syntax is modelled after traditional CSS LESS compiles into standard CSS3
What is LESS ? Less is a CSS is a superset of CSS and a pre-processor programming language, often referred as "Dynamic CSS".
  • LESS syntax is modelled after traditional CSS
  • LESS compiles into standard CSS3
  • LESS allows you to extend your CSS with great features such as :
    • Variables for faster maintenance
    • Mixins as re-usable objects
    • Nesting for a cleaner stylesheet structure
    • Math calculations with the Operators.
  • Less code and more work done !
Why use LESS ? While CSS is a great language, it has its limitations. For example, if you have a color code used multiple times in your stylesheet, you need to edit this one multiple times to update your design. Very tedious process! LESS is great for the following reasons. :
  • Allows to cut down one code and save time
  • Reduce repetition (DRY) and mistakes
  • It makes logical sense to break out CSS into multiple files with the feature
Every web developer or front-end UI engineer should use LESS over traditional CSS => What you will learn: In the first section, you will :
  • learn how to define Variables for faster maintenance.
  • learn how to declare Mixins as reusable objects
  • learn about Nesting for a cleaner stylesheet structure.
  • learn how to perform mathematical calculations with the Operators
On a more advanced level, we will discuss about:
  • Built-in functions
  • Parametized and Guarded mixins
  • The @import directive to include external stylesheets in one single document.
In a last chapter, you will apply what you have learned with a hand-on project. => The objectives of this course is to help you
  • create smarter and cleanerer stylesheets,
  • cut down on code,
  • keep your code DRY (Don't Repeat Yourself) and organized.
=> By the end of the course,
  1. you will understand how to use the LESS features and compile the less stylesheets into standard CSS
  2. you will understand how to easily integrate mixins libraries as well as external resources such as Font Awesome and Google Font into your project.
  3. You will also be able to install and use the application SimpLESS to compile your less files into beautiful CSS.
    1. SimpLESS is a GUI application for Less and Sass compilation.
    2. SimpLESS is simple to learn for first-time users and it is compatible with both PC and MAC.
In Getting Started with LESS, learn to take your CSS to the next level and write better styling code. With several demonstrations and examples. you will see the power of the pre-processor language.
Sandy Ludosky
My name is Sandy. I am a freelance Web Designer and Developer based out of Toronto, in Ontario, Canada. I specialize in Front-End development with HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery. I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few. Also, I am keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development.
1:50  Hours
21 Lessons
Lifetime Access
Course Curriculum
Preview Course
Introduction StartWelcome! (1:08) PreviewCourse Instructions LESS Basics PreviewIntroduction (0:39) PreviewCourse Materials & Online Resources StartVariables (8:10) StartNested Rules (10:13) StartMixins (10:52) StartOperators (6:03) LESS Advanced StartIntro Advanced Less features (0:47) StartParametized mixins with default (13:01) StartGuarded mixins (6:10) StartBuilt-in Functions (2:36) Start@import Directive (7:22) Project Demo StartIntroduction (1:08) StartProject Overview (2:10) StartInstructions StartThe Grid (10:14) StartHeader (5:47) StartBody – Main Section (8:47) StartFooter (2:16) StartMore (3:50)

SASS - Beginner Crash Course

SASS - Beginner Crash Course

Instructor: Sandy Ludosky

OverviewDescriptionAbout
Take your CSS to the next level & Speed up your web development process with Sass What is SASS? Sass (Syntactically awesome stylesheets) is a CSS preprocessor. Sass allows to write more maintainable and more concised CSS Sass allows to use great CSS features with superpowers.
What is SASS? Sass (Syntactically awesome stylesheets) is a CSS preprocessor.
  • Sass allows to write more maintainable and more concised CSS
  • Sass allows to use great CSS features with superpowers.
  • Some features include:
    • Writing and defining Variables
    • Clear inheritance with Nested Rules
    • Using Mixins as re-usable objects
    • Doing maths with the operators (+, -, *, /) and functions
  • And, it is actively supported by a large community of developers to stay ahead.
Why use SASS ? While CSS is a great language, it has some limitations. For example, if you have a color code used multiple times in your stylesheet, you need to edit this one multiple times to update your design. Very tedious process! Sass is the most reliable, stable, and powerful professional grade CSS extension language. It has been chosen as the premier CSS extension language. Sass is great for the following reasons. :
  • Less code and repetition - allows to cut down one code and save time
  • The stylesheet are formatted nicely with a more dynamic code
  • It makes logical sense to break out CSS into multiple files with the feature
Every web developer or front-end UI engineer should use a pre-processor language over traditional CSS In SASS - Beginner Crash Course, you will discover the power of Sass and learn to take your CSS to the next level. With several demonstrations and examples. you will see the power of the pre-processor language. => The objectives of this course is to help you
  • create smarter and cleaner stylesheets,
  • cut down on code,
  • keep your code DRY (Don’t Repeat Yourself) and organized.
As part of this tutorial, we will use the online application Sassmeister as a playground to compile the Sass syntax into beautiful and standard CSS. => Topics include :
  • Define Variables for faster maintenance.
  • Declare Mixins as reusable objects
  • Nesting for a cleaner stylesheet structure.
  • Perform mathematical calculations with the Operators and Functions
On a more advanced level, we will speak about:
  • Parametized Mixins with default
  • Inheritance and Extend
  • Placeholder
  • The @import directive
In this tutorial, you will easily and surely get started with CSS programming and learn to write better CSS.
Sandy Ludosky
My name is Sandy. I am a freelance Web Designer and Developer based out of Toronto, in Ontario, Canada. I specialize in Front-End development with HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery. I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few. Also, I am keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development.
1  Hour
13 Lessons
Lifetime Access
Course Curriculum
Preview Course
Welcome! PreviewStudent’s Guide & Course Instructions SASS Basics PreviewIntro Basic (0:56) StartCourse Materials & Online Resources StartVariables (5:31) StartNesting (2:31) StartMixins (10:02) StartOperators (4:22) SASS Advanced StartIntro Advanced Sass (0:46) StartParametized Mixins with default (6:46) StartExtend (5:49) StartPlaceholder (1:28) StartBuilt-in Functions (6:19) Start@import (5:05)

Interactive Web Design with CSS Animation & Transition

Interactive Web Design with CSS Animation and Transition

Instructor: Sandy Ludosky

OverviewDescriptionAbout
Bring life to your webpage and impress your users with CSS transition With the CSS3 transition properties, it is possible and easy to add interactivity and enhance the user experience of your webpage by using CSS only. CSS3 transitions allows you to change property values smoothly over a given duration.
With the CSS3 transition properties, it is possible and easy to add interactivity and enhance the user experience of your webpage by using CSS only. CSS3 transitions allows you to change property values smoothly over a given duration. In this course, we will explore the different options of animation techniques that you can use to bring elegant animations and life to a webpage. The course covers a range, from simple to complex, of demonstrations and examples that you can use in your own work or project to impress your audience. The course also includes a challenge assignment as well as a final project to apply what you have learned and put all of it in practice. Topics include:
  • The CSS transition fundamentals
  • The transition properties
    • transition-duration
    • transition-delay
    • transition-timing-function
  • Browser support and performance with the CSS vendor prefixes
  • A challenge assignment
  • Project : a portfolio page
You will learn how to:
  • Create smooth transition to animate property changes
  • Use the shorthand
  • Use the transition-timing-function to control the speed of the curve
  • Animate color changes
  • Fade elements in and out
  • Create multiple transition effects
By the end of the class, your will be able to use the concepts and examples presented to impress your audience with fancy animation effects.
if you are developer, you will know how to create nice animation effect with CSS.
if you are a designer, you will take your CSS skills to the next level and learn to add interactivity to a web page without jQuery
Join me in Interactive Web Design with CSS Animation & Transition to learn how to create an enhanced user experience and take your web design skills to the next level with CSS transition.
Sandy Ludosky
My name is Sandy. I am a freelance Web Designer and Developer based out of Toronto, in Ontario, Canada. I specialize in Front-End development with HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery. I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few. Also, I am keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development.
1  Hour
24 Lessons
Lifetime Access
Course Curriculum
Preview Course
Introduction StartWelcome! (1:10) PreviewCourse Introduction PreviewCourse requirements (1:08) PreviewWhat you need to get started StartExercice Files (1:07) CSS Transition Fundamentals StartThe transition property (2:48) StartBrowser support and Vendor Prefixes (2:48) StartCSS syntax | Transition properties & Vendor prefixes 0:00 CSS Transition demonstrations StartDemos overview (0:16) StartBlue to red (3:50) StartSquare to rectangle (3:31) StartSquare to circle (3:16) StartAnimatable properties Challenge – Squeeze page StartChallenge overview (0:27) StartChallenge instructions StartAnimating color changes (2:59) StartFading elements in and out (4:19) Project : portfolio StartProject overview (0:57) StartCourse Materials StartNavigation Bar : smooth transition effect (2:55) StartHeader – Creating a Mouseover Fade Effect (2:05) StartAbout Section – Image Hover Effect (5:13) StartThe Gallery – Multiple Transition Effects (7:06) StartConclusion (0:30)

Fundamentals of CSS

Fundamentals of CSS

Instructor: Daniel Stern

OverviewDescriptionAbout
Build a Foundation with CSS You Can Use For Life! More content is accessed on the web today than ever before. None of that content would be very appealing to customers with CSS - Cascading Stylesheets.
More content is accessed on the web today than ever before. None of that content would be very appealing to customers with CSS - Cascading Stylesheets.
CSS allows us to add professional styles to our web projects. It also helps users determine which information is important to them, and find it quickly. In this course, we'll be learning about the context of CSS - when and why it was created, and how it's changed since then. We'll look at an overview of CSS, including its main uses, how it is added to website, and its primary features. In the following two chapters, we'll learn and apply concrete examples of coloring, resizing, styling and repositioning HTML elements. By the end of this course, you will be equipped with knowledge that, combined with further learning and hard work, can make you a respectable candidate for most CSS developer positions. You can also continue your education with more advanced CSS topics.

Who this course is for:

  • Beginner developers with no experience whatsoever, OR
  • Developers experienced in other languages (Java, PHP, etc) but not CSS and who want to move into web development
Daniel Stern
Known in development circles as “the Code Whisperer," Daniel Stern has been believed to possess a supernatural connection to computers ever since he talked the supercomputer Deep Blue off the roof of a twelve-story St. Petersburg apartment building, following its shameful loss to Gary Kasparov. He can often be found singing softly to his tablet, or gently caressing his aluminum keyboard in his arms. Daniel has been working as a front end and full stack developer in the tech industry since 2011. He's developed single-page applications for banks like CIBC, charities like the Ontario Institute for Cancer Research, and at ad agencies like McLaren McCann, TraffikGroup and Olson. Throughout his labors, he's worked on computer programming in his spare time because, well, he's obsessed with it. In addition to being featured in both CSS Weekly and JavaScript weekly, Daniel is well-known throughout the open-source community for maintaining several open-source tools, most notably the Angular.js and LESS-based tool, Range .css and the Angular .js audio tool, ngAudio. In addition to being trusted by the open source community to develop top-quality, functional code, Daniel has also been invited to speak at numerous conferences including Full Stack Conference 2014 in London, England. Daniel is an active learner and very passionate about the following technologies, - Node.js - Angular.js - TypeScript - MongoDB - Brackets, the Open Source Code Editor - Esprima - LESS - Grunt - Yeoman - Many, many, many more
2:35  Hours
28 Lessons
Lifetime Access
Course Curriculum
Preview Course
CSS in Content StartCourse overview (6:45) StartWhat Was CSS Originally Intended To Do? (7:06) StartDEMO: The Most Basic CSS Usage (1:48) StartChapter Summary (2:24) Overview of CSS StartWhat is CSS? (3:43) StartWhere Can You Find CSS? (2:40) StartWhat CSS can and can’t do (2:20) StartOptional Demo – Serving an HTML Application (5:19) StartHow Do we Add CSS to a Website? (4:08) StartDemo – Adding CSS to website (6:28) StartCSS Selectors (2:37) StartDemo – Using CSS Selectors (4:55) StartModule Summary (1:12) Styling HTML Elements with CSS StartWhy do We Style CSS Elements? (2:46) StartCSS and Fonts (3:11) StartDEMO: Styling Text with CSS (6:55) StartStyling HTML Elements with CSS (6:11) StartDEMO: Sizing HTML Elements with CSS (8:06) StartColorizing HTML Elements with CSS (4:46) StartDEMO: Colorizing HTML Elements with CSS (7:06) StartSummary of this Chapter (0:51) Arranging Element with CSS StartIntroduction (1:01) StartAdding Margin with CSS (1:27) StartAdvanced Positioning with CSS (3:48) StartDEMO: Positioning Elements Absolutely and Relatively (7:01) StartPositioning HTML Elements with Float (1:36) StartDEMO: Positioning HTML Elements with Float (6:46) StartSummary of this Course (4:17)

Working with HTML5 - For Web Developers and Designers

Working with HTML5 - For Web Developers and Designers

Instructor: SkillBakery Studios

OverviewDescriptionAbout
Explore HTML 5 in detail with all its major features What you'll learn Once you complete this course you will be able to take full advantage of HTML5 and its features using which you can develop mobile applications, offline applications and not mention cool web sites and web applications
This course covers the various features that's being offered by HTML5
In this course we will be covering 1. What is HTML5 and Why we need it 2. Features of HTML5 which includes
  • New Structural Tags
  • New Content Tags
  • New App-Focused Tag
  • Deprecated Tags
3. Understanding HTML5 Documents 4. How to structure HTML5 Documents 5. Working with HTML5 Forms 6. Various API Supports including
  • Canvas
  • Drag and Drop
  • Offline Applications
  • Video
7. Associated Technologies including
  • Geolocation
  • Web Storage
  • Web SQL
  • Web Sockets
Who this course is for:
  • Web Developers
  • Web Designers
  • Aspiring Web Designers
  • Aspiring Web Developers
  • Front-End Designers
SkillBakery Studios
SkillBakery is one of the fastest growing online education company. Our vision is to provide high quality education which is affordable and accessible to everyone We believe that every one has their own way of learning and grasping things and that's why we provide self-paced HD quality contents,so you can learn what you love at your convinience We currently offer courses in web development and will soon be publishing new courses in other categories as well We are committed to bring courses on new topics and we try to release one new course every month So keep visiting us, you will surely find something for yourself here.
2:53  Hours
54 Lessons
Lifetime Access
Course Curriculum
Preview Course
Introduction StartIntroduction (1:13) StartA bit of HTML History (3:19) StartWhy we need HTML5 (1:00) Features of HTML5 StartHTML5 – A comparison with previous version (2:50) StartNew Structural Tags (3:34) StartNew Content Tags (2:07) StartNew App-Focused Tags (6:24) StartDeprecated Tags in HTML5 (2:19) StartAPI Overview (2:03) Working with HTML5 Documents StartUnderstanding Content Models (4:18) StartUnderstanding Outline Algorithm (4:15) StartUnderstanding Doctype and Character Encoding (1:59) Structuring HTML5 Documents StartUnderstanding Basic Page Structure (2:12) StartStructuring HTML5 Page (4:32) Forms in HTML5 StartHTML5 Forms – Introduction (0:55) StartNew Input Types in HTML5 (4:51) StartNew Input Attributes in HTML5 (4:51) StartForm Validation in HTML5 (6:33) HTML5 API Support StartIntroduction (0:18) StartCanvas Overview (2:53) StartMaking use of Canvas Drawing Methods (7:05) StartDrag and Drop Overview (1:43) StartDetecting Drag and Drop Support (1:59) StartCreating a drop zone (2:41) StartReceiving drops without a drop zone (3:41) StartDrag Drop Image Example StartOffline web application overview (2:01) StartOffline Event Progression (1:38) StartIntroduction to Cache Manifest (2:50) StartOffline Application Demo – Cache Manifest in Action (3:58) StartVideo Overview (2:43) StartVideo Encoding – Using Handbrake (2:49) StartIncluding a video in html5 web page (3:26) Associated Technologies – Geolocation StartGeolocation API – Introduction (1:01) StartHow Geolocation works (3:39) StartGeolocation – Location Options (1:15) StartDetecting Geolocation support (2:57) StartGetting the coordinates (2:03) StartHandling Errors (4:55) StartContinuous Tracking using Geolocation API (2:37) StartWorking with Google Maps and Geolocation API (5:25) Associated Technologies – Web Storage StartWeb Storage – Introduction (3:20) StartUnderstanding architecture of Web/Local storage (2:53) StartUnderstanding the Storage() interface (3:56) StartExploring Session Storage (3:25) Associated Technologies – Web SQL StartWebSQL Storage (1:36) StartUnderstanding Web SQL API (0:45) StartCreating Database (6:08) StartInserting and reading rows of data (2:23) StartDisplaying records from WebSQL database (2:07) StartEditing and Deleting records in WebSQL database (3:18) Associated Technologies – Web Sockets StartWorking with Web Sockets (5:41) Conclusion StartConclusion and Code Download (0:45)

Responsive Web Design Essentials - HTML5 CSS3 Bootstrap

Responsive Web Design Essentials - HTML5 CSS3 Bootstrap

Instructor: Daniel Walter Scott

OverviewDescriptionAbout
The best course for learning the basics of HTML5 and CSS3 from scratch. Including 5 projects, perfect for beginners. Hi there, my name is Daniel Scott and together we’re going to learn how to build professional responsive websites. which look good on mobiles, tablets and desktop screens.
Hi there, my name is Daniel Scott and together we’re going to learn how to build professional responsive websites. which look good on mobiles, tablets and desktop screens. We will build 4 sites together...
  • a simple but elegant restaurant website.
  • a bike repair website.
  • a responsive portfolio website.
  • a Bootstrap website.
We cover everything you need to build your first website. From creating your first page through to uploading your website to the internet. We’ll use the world’s most popular (and free) web design tool called Visual Studio Code. There are exercise files you can download and then work along with me. At the end of each video I have a downloadable version of where we are in the process so that you can compare your project with mine. This will enable you to see easily where you might have a problem. We will delve into all the good stuff such as how to create your very own mobile burger menu from scratch learning some basic JavaScript and jQuery. You will...
  • Learn how to work with responsive images and icons. and stunning full screen background images and probably one too many gradients.
  • Learn how to create forms and to choose great fonts for your website.
  • Learn how to work with Bootstrap 4 to easily add carousels, cards and complex looking menus.
  • Setup a domain name with hosting so that your website is live on the internet for others to see.
There are fun class projects for you to work on which will enable you to practice what you learn. By the end of this course you’ll have a great understanding of important web design topics like HTML5, CSS3, Flex box, Responsive design and Bootstrap. If that all sounds a little too fancy - don’t worry, this course is aimed at people new to web design and who have never coded before. We’ll start right at the beginning and work our way through step by step. Who am I? I’m Dan, and I’ve been building websites for about 15 years now. I am award winning instructor, and have won a MAX Master award for the last 2 years in a row at the prestigious Adobe Max conference. Time to upgrade yourself? Sign up for the course and let’s learn how to build responsive websites.
Daniel Walter Scott
Sharing is who I am, and teaching is where I am at my best, because I've been on both sides of that equation, and getting to deliver useful training is my meaningful way to be a part of the creative community. I've spent a long time watching others learn, and teach, to refine how I work with you to be efficient, useful and, most importantly, memorable. I want you to carry what I've shown you into a bright future. I have a wife (a lovely Irish girl) and kids. I have lived and worked in many places (as Kiwis tend to do) – but most of my 14+ years of creating and teaching has had one overriding theme: bringing others along for the ride as we all try to change the world with our stories, our labours of love and our art. I'm a certified Adobe instructor (ACI) in Ireland. I'm also an Adobe Certified Expert (ACE) and have completed the Adobe Certified Associate training (ACA). And I don't just do Adobe. Remember, media is a very broad term – digital blew out the borders, so we are all constantly learning. I've been teaching for 14+ years. I come from being a media designer and content creator – so I understand exactly where you're at now. I've been there. I love this stuff. Print, digital publishing, web and video. I can see how it all connects. And I can see how we can share those connections. I built Bring Your Own Laptop in Ireland, New Zealand, Australia & online. I have a great team working with me to keep BYOL at the top of Adobe and digital media training. I understand business, I have one – so I know how important it is to get it right and make it work for you. Daniel Walter Scott
16:42  Hours
126 Lessons
Lifetime Access
Course Curriculum
Preview Course
Getting Started PreviewIntroduction to Responsive Web Design Essentials Course (2:44) StartHow is this web design course structured (1:41) StartWhat to download for the web design course (2:57) Introduction to HTML & CSS StartCreating & testing our first HTML web page (5:55) StartWhat is HTML5 & CSS3 in web design (8:24) PreviewWhat is the head vs body vs html tag in a web design page (9:01) StartWhat is the title and description for in the head of a web page (5:54) StartWhat code editor should I be using VS Code Sublime Dreamweaver Atom Brackets (3:39) StartHow to add structure to your website using Div Tags (6:26) StartWhat is a CSS Class how do we color a background with it (9:05) StartHow to nested divs inside of each other in HTML & CSS (5:03) StartClass Project 01 – Div Tags (5:24) StartHow to create a separate cascading style sheet in HTML & CSS (9:07) Project 1 – Restaurant Website StartHow to create an index html & style css (12:16) StartTest your website live using a Visual Studio Code extension (8:47) StartHow to check your code for errors in HTML using VS Code (11:01) StartWhat is HTML5 tag header nav section article main footer (5:47) StartHow to add html5 structure elements to your html website (16:02) StartHow to color the background of a webpage using the body html tag (5:10) StartHow to add an images to a website using HTML what is alt (4:38) StartHow to center an image img in HTML using CSS (1:14) StartHow to change the font style size & color of h1 p in HTML CSS (14:11) StartHow to make a clickable link in html & change the color (8:45) StartHow to add a stretching background image to a website (5:38) StartHow make a div tag transparent using HTML & CSS in VS Code (2:36) StartHow to create a simple website text navigation in HTML & CSS (6:43) PreviewHow to css style more than one class tag at a time compound classes (7:02) StartClass Project 02 – Footer (2:05) StartClass Project 02 – Footer COMPLETE (4:48) StartHow to add a simple email button to a website using mailto in HTML (3:49) StartHow to add Google Maps to your website using embed codes (11:25) StartHow to put your website live on the internet with your own domain (16:50) StartHow to connect Visual Studio VS Code via sftp to host bluehost (11:50) Project 2: Bike Repair Website StartSetting up our new web design project & discussing our topics (3:46) StartWhat is a CSS reset zeroing eric meyers vs normalize (15:22) StartWhat is a min-height compared to height for a div tag (7:01) StartGetting div tags onto one line using Flexbox in HTML & CSS (5:23) StartAdd even space between div tags using flexbox with no outside margins (4:42) StartHow to have 2 div tags of different sizes in the same row html css flexbox (7:12) StartHow to vertically center content in a html div tag using flexbox css (7:20) StartClass Project 3 – Flexbox Header (2:51) StartClass Project 3 – Flexbox Header COMPLETE (5:38) StartHow to make a full background gradient on a website CSS (10:19) StartHow to change the default font type color size on a website using HTML & CSS (4:19) StartHow to choose & install google fonts on your HTML CSS website (12:44) StartWhat is the difference between PX & EM & REM font sizes (14:56) StartLine height space between paragraphs aka space after (4:33) StartWhen would you use an svg image instead of jpg or png in web design (7:04) StartHow to export svg png jpg from XD Photoshop Illustrator for website design (11:00) StartBlock level images verses background images in HTML & CSS (8:32) StartFinishing up our cards (9:10) StartHow to add icons to your website using font awesome VS Code (16:31) StartHow to make an entire DIV container box a clickable link (9:55) StartHow to use box-sizing border-box from Flexbox in VS Code & web design (6:19) StartHow to make a colored button in VS Code using HTML CSS (7:45) StartWhy cant I add margin or padding to the top bottom of my a tag Inline vs block (11:08) StartHow to add rounded corners to a button or div tag in HTML & CSS (4:17) StartHow to add a css drop shadow to a website button div tags and text fonts heading (6:24) StartHow to backup your website while you’re building (5:00) StartReusing a button class in the navigation (3:10) StartClass Project 04 – Custom Button (2:58) StartClass Project 04 – Custom Button COMPLETE (5:45) StartHow to add a horizontal rule using HTML5 & CSS3 in VS Code (3:51) StartHow to make div tags wrap onto separate lines using HTML5 CSS3 Flexbox (12:14) StartHow to change hover color & animate my button in HTML & CSS (3:33) StartHow to target specific tags in HTML to apply css to using Pseudo Classes (9:31) StartHow to create a simple dropdown navigation menu button HTML CSS (20:04) StartAdding our CSS dropdown menu to the roar bikes website (14:50) StartUseful shortcuts tips tricks to speed workflow in VS Code (13:28) StartHow to add a large background image to a website design (9:24) StartHow to connect link 2 pages in HTML web design (10:42) StartHow to make a simple php form work on your HTML website (17:49) StartAdding placeholder text and labels to website form text fields in HTML (5:46) StartHow to add a large multi line text box in a HTML form (2:18) StartHow to add check mark tick box to a HTML form (3:04) StartHow to add a radio button round button with dot in middle to HTML form website (6:07) StartHow to you make a drop down form menu for a website in HTML (5:48) StartHow to style form text boxes & check boxes in a website HTML (12:55) Project 3: Responsive Portfolio Website StartWhat does responsive website design mean (4:17) StartHow to change a website layout size color at different sizes using media queries (11:28) StartHow to test your website on a tablet or mobile phone from Visual Studio Code (6:00) StartHow to change the layout of a responsive website for mobile vs desktop (16:02) StartHow to turn things on and off for mobile tablet & desktop responsive websites (6:03) StartWhat is pixel density responsive images pixel ratio dppx in webdesign (14:47) StartHow to export responsive images for website from XD Photoshop Illustrator (5:11) StartHow to add responsive images to website using 100% width in HTML & CSS (6:08) StartHow to use srcset to change images in HTML for responsive website (10:15) StartHow to add a css style to the first line of a p tag on a website (11:18) StartHow to make the header footer full width but the inside centered (5:36) StartClass Project 05 – Header design (3:12) StartClass Project 05 – Header design COMPLETE (6:25) StartHow to use a span tag or span class in HTML to change text (10:32) StartHow to pin the navigation to the top of a website fixed nav (3:17) StartHow to make a simple responsive mobile menu using CSS only (8:20) StartWhat is Javascript vs Jquery in website web design (6:35) StartHow to make a burger menu 3 line mobile navigation for a website (15:11) StartHow to switch a menu nav from desktop to mobile phone (21:45) Project 4: Bootstrap Yogurt Website StartOverview of what Bootstrap 4 is in website design (7:57) StartHow to install Bootstrap 4 on a website using Visual Studio Code (6:27) StartQuick overview of how the Bootstrap Grid Layout works in VS Code (10:49) StartQuick overview of how Bootstrap Components works in VS Code (9:22) StartQuick overview of how Bootstrap CSS Styles works in VS Code (8:20) StartHow to customize the default Bootstrap 4 css styles (13:51) StartHow to use Bootstrap Layout Grid Experiment 1 (10:20) StartHow to make 100% header & uneven widths in Bootstrap 4 (7:16) StartHow to create uneven col widths in Bootstrap 4 (7:27) StartHow to add padding & margins using Bootstrap 4 in VS Code (12:03) StartHow to change layout of Bootstrap depending on mobile or desktop (15:46) StartHow to turn things on & off on your website using Bootstrap 4 (5:30) StartHow to re-create the Bootstrap media queries in your own CSS (4:40) StartHow to use Google Chrome Inspect – Removing Overriding Bootstrap styles (12:40) StartHow to add shadows to text & boxes in Bootstrap 4 (7:06) StartHow to change the default Bootstrap 4 buttons size & color (6:16) StartHow to make images responsive stretchy in Bootstrap 4 (9:34) StartHow to center text & div tags in a Bootstrap 4 website (4:16) StartHow to customize the website navbar in bootstrap 4 (7:29) StartAdd your own logo to the bootstrap 4 website navigation menu (3:57) StartHow to change the default styles for Bootstrap 4 nav (12:12) StartHow to add a sticky fixed bootstrap 4 navigation to your website design (4:41) StartAdding a full col image in bootstrap 4 & color the background of col (7:56) StartHow to add a border & rounded corners to a box in Bootstrap (4:20) StartHow to edit Bootstrap carousel off for mobile timing fade (5:13) StartHow to put Bootstrap cards on one line using card groups decks & columns (3:29) StartHow to add a drop shadow to a box or card in Bootstrap 4 (2:25) StartHow to make a div tag a giant clickable link in Bootstrap 4 (4:02) What Next StartWhat next in our web design essentials course (6:33)

Build Your First Glass Web App Theme With HTML5 And CSS

Build Your First Glass Web App Theme With HTML5 And CSS

Instructor: Hini Majesty

OverviewDescriptionAbout
A complete step by step code along series to help you deisgn the most prettiest glass footer with HTML5 and CSS3 My story is simple and as you can tell from the promo video, i gave up so many times when i started in web design. I gave up only because i was learning a lot of HTML and CSS but i was creating very poor designs and this was discouraging.
My story is simple and as you can tell from the promo video, i gave up so many times when i started in web design. I gave up only because i was learning a lot of HTML and CSS but i was creating very poor designs and this was discouraging. The only way i overcame this was when i took a course that taught me how to create a website with HTML5 and CSS3 and most of what i did was to pause the video and type exactly what the instructor had typed. I barely understood anything but the final look of the site and the pressure i got from friends and relatives wanting me to create websites for them after i had shown them what i had done, forced me to learn without ceasing until i could put everything together to become a good web designer/developer. With that experience, i decided to get you up and running with this course by teaching you only the essential parts of HTML5 and CSS3 needed for what we would be building in this project. The things we would learn are in the following order: 1. After introducing you to the course and giving you a feel of how the glass footer looks like, we would talk about how we can install the necessary text editors. 2. We would learn to install and use some essential sublime Text plugins that would help us to code faster and easier. 3. We would learn the basics of HTML5 4. Also we would learn the basics of CSS3 5. Next we would learn how to create the basic file structure for creating the glass project. 6. We would then code the HTML part of the glass footer with the knowledge you have gained from the basics of HTML and we would do same for the CSS3 part of the project too. 7. We would fix bugs that we encountered and that would mark the end of the glass footer. 8. In the bonus lecture you would get to know the source of the glass footer and also get my contacts. upon completion of this course you would have adequate skills necessary to begin building very nice looking HTML5 and CSS3 websites on your own. You would also be able to build the same project for clients and make money. It would take you just 2 and half hours to complete the course while having a lifetime access to the course. After the course you would have all the skills necessary to build the nicest glass looking footer ever. Trust me, your clients would really be amazed at how well you are good with your designs and your work.

Who this course is for:

  • This course is for the beginner to the pro. It is for every level since all that you need to understand the course would be taught in a very simple and easy to understand way.
  • The aspiring web programmer and designer
  • Anyone with the interest to build websites from scratch using HTML5 and CSS3
Hini Majesty Majesty works as a freelance software developer who specialized in web development. As an experienced network marketer working with GNLD, i have always focused my web development towards building financial Apps. As of this wirting, i have taught several groups computer programming mainly the web languages even though i program in C++ and Java. I have developed quiet a number of web sites and many database driven web apps using HTML,CSS,JQUERY,JAVASCRIPT, PHP, MYSQL and other language extensions like JSON and PDO. I also do volunteer work for my church where i developed and update the churches website and database.
2:50  Hours
25 Lessons
Lifetime Access
Course Curriculum
Preview Course
Course Introduction and Installation of Text editors and Plugins PreviewIntroduction (1:58) StartText editors (2:24) StartSublime Text plugins (7:37) PreviewSublime Text Sidebar and projects. (2:33) Basics Of HTML5 StartHTML5 BASICS (9:34) PreviewThe HTML UL Tag (1:18) StartHTML and stylesheet (5:46) Basics Of CSS3 StartCSS selectors (8:24) StartCss basics (10:43) PreviewCSS and Anchor style. (1:59) StartText and Box shadow (4:59) StartCSS Positioning (5:41) StartCreating a custom font using css. (4:03) StartReset CSS (2:05) Let the Glass Footer Begin StartFile setup for the glass footer project (3:18) StartCoding the HTML section of the glass footer. (9:41) StartIdentifying the coded HTML uniquely using ids and classes. (4:49) StartAdding the helper classes. (3:57) StartStyling the footer element (12:11) StartStyling the footer menu tab and the other tabs on the page (9:07) StartStyling the other tabs (14:19) StartAnimating the notifications icon. (3:57) StartStyling the logout tab. (8:56) StartFixing the bugs (3:21) Bonus Lecture StartBonus Lecture (3:13)

$37

$37   LIFETIME ACCESS DEAL!