HTML5 intro and tips
2.8K views | +0 today
Follow
HTML5 intro and tips
Learn what is HTML5 and how to get started
Your new post is loading...
Your new post is loading...
Scooped by Jason Tintelnot
Scoop.it!

Building Web Pages With HTML 5 | Webmonkey | Wired.com

Building Web Pages With HTML 5 | Webmonkey | Wired.com | HTML5 intro and tips | Scoop.it
Depending on who you ask, HTML 5 is either the next important step toward creating a more semantic web or a disaster that's going to trap the web in yet an...
Jason Tintelnot's insight:

The shortest and best tutorial that gets to the point of what HTML5 is and how to use it.   

more...
No comment yet.
Scooped by Jason Tintelnot
Scoop.it!

Definitely Simple

Definitely Simple | HTML5 intro and tips | Scoop.it
Jason Tintelnot's insight:

A quick over view of the pros and cons of two specific web layout styles used today on mobile web sites (and to a certain degree this includes app layouts)

more...
No comment yet.
Scooped by Jason Tintelnot
Scoop.it!

In Pieces - 30 Endangered Species

In Pieces - 30 Endangered Species | HTML5 intro and tips | Scoop.it
30 species, 30 pieces. In Pieces is an interactive exhibition of 30 of the world’s most interesting but unfortunately endangered species — their survivals laying literally, in pieces. Explore information, facts and figures and download assets of each unique species.
Jason Tintelnot's insight:

Excellent example of using pure CSS for simple animations

more...
No comment yet.
Scooped by Jason Tintelnot
Scoop.it!

CSS Animals

CSS Animals | HTML5 intro and tips | Scoop.it
A collection of animals made purely with CSS3. This was a bit of an experiment playing around with making animals out of as few elements as I could us...
Jason Tintelnot's insight:

How to make cartoon animals using pure CSS.

more...
No comment yet.
Scooped by Jason Tintelnot
Scoop.it!

10 capabilities we want to see in HTML6

10 capabilities we want to see in HTML6 | HTML5 intro and tips | Scoop.it
More control over video, pluggable languages, stronger microformats -- here’s where W3C should steer HTML next
Jason Tintelnot's insight:

Possible future/direction of HTML on the Web.

more...
No comment yet.
Scooped by Jason Tintelnot
Scoop.it!

CSS you can get excited about in 2015

CSS you can get excited about in 2015 | HTML5 intro and tips | Scoop.it
CSS is a constantly evolving language, and as the new year begins it’s a great time to take a look at some of the emerging features that we can start to exper
Jason Tintelnot's insight:

For those of you who are into web design, Here is an article that summaries the new feature in CSS for HTML5.

more...
No comment yet.
Scooped by Jason Tintelnot
Scoop.it!

Tiny city

Tiny city | HTML5 intro and tips | Scoop.it
WIP...
Jason Tintelnot's insight:

HTML5: Creating an animated city with just CSS.

more...
No comment yet.
Scooped by Jason Tintelnot
Scoop.it!

Negative Space in Webpage Layouts: A Guide - Six Revisions

Negative Space in Webpage Layouts: A Guide - Six Revisions | HTML5 intro and tips | Scoop.it
This guide discusses what negative space is and how to effectively use it to analyze and improve your designs.
Jason Tintelnot's insight:

Good Web design article about negative space (whitespace).  Explains what it is and how to use it properly.  Article also provides good examples which also includes extremes and exceptions.  

more...
No comment yet.
Scooped by Jason Tintelnot
Scoop.it!

Code Guide by @mdo

Jason Tintelnot's insight:

A good overview of the rules and standards to use when coding for HTML5 web pages.

more...
No comment yet.
Scooped by Jason Tintelnot
Scoop.it!

Advanced animation path » legomushroom

Advanced animation path » legomushroom | HTML5 intro and tips | Scoop.it
Jason Tintelnot's insight:

A tutorial on how to animate with SVG using JavaScript.

more...
No comment yet.
Scooped by Jason Tintelnot
Scoop.it!

20 Useful HTML5 Code Snippets You Should Know

20 Useful HTML5 Code Snippets You Should Know | HTML5 intro and tips | Scoop.it
Jason Tintelnot's insight:

Neat and quick code snippets to make your HTML5 coding/designing easier.

more...
No comment yet.
Scooped by Jason Tintelnot
Scoop.it!

10 Mistakes to Avoid When Creating HTML5 Videos

10 Mistakes to Avoid When Creating HTML5 Videos | HTML5 intro and tips | Scoop.it
10 Mistakes to Avoid When Creating HTML5 Videos
Jason Tintelnot's insight:

An article on how to use video in HTML5 correctly.

more...
Jason Tintelnot's curator insight, January 31, 2014 9:07 AM

An article on how to use video in HTML5.

Scooped by Jason Tintelnot
Scoop.it!

Modernizr

Modernizr | HTML5 intro and tips | Scoop.it
Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.
Jason Tintelnot's insight:

A great guide/solutions to fallbacks for browsers that do not support HTML5.

more...
No comment yet.
Scooped by Jason Tintelnot
Scoop.it!

Buffer's loading animation - CSS Animation

Using CSS and SVG to create lightweight yet smooth animation
Jason Tintelnot's insight:

Using CSS to create a loading icon on a web page.

more...
No comment yet.
Scooped by Jason Tintelnot
Scoop.it!

Awesome CSS classes to shake your DOM!

CSShake css classes which can be used to to shake your DOM. You can also customize the Sass @mixins to create new shaking animations. Preview Usage Simply
Jason Tintelnot's insight:

Using pure CSS to create a shaking effect.

more...
No comment yet.
Scooped by Jason Tintelnot
Scoop.it!

34 Amazing Free Icons Sets - January 2015 Edition - Fusionplate.com

34 Amazing Free Icons Sets - January 2015 Edition - Fusionplate.com | HTML5 intro and tips | Scoop.it
In this article we are featuring many Amazing Free Icons Sets that you can freely use in your designs. These icons are vector icons so they can be scaled to any size.
Jason Tintelnot's insight:

A set of free icons to use on your web site or mobile site.

more...
No comment yet.
Scooped by Jason Tintelnot
Scoop.it!

14 CSS Generators That Would Totally Save Your Day!

14 CSS Generators That Would Totally Save Your Day! | HTML5 intro and tips | Scoop.it

Tools to hlep you14 CSS Generators That Would Totally Save Your Day! SS can be considered as the Head Stylist of the web. This commanding language totally holds the power to change the look of a webpage. A powerful control over this language can definitely make you an ace web designer. Having a list of CSS Generators in your toolbox always comes in handy.

Jason Tintelnot's insight:

Tools to assist in creating CSS for your web pages.

more...
No comment yet.
Scooped by Jason Tintelnot
Scoop.it!

icono - light and ready to use icons for your next project

icono - light and ready to use icons for your next project | HTML5 intro and tips | Scoop.it
icono is an icon pack that needs no external resources. Every tag can be an icon made with pure CSS.
Jason Tintelnot's insight:

Open source CSS icons.

more...
No comment yet.
Scooped by Jason Tintelnot
Scoop.it!

Free CSS and jQuery menu builder for your website

Free CSS and jQuery menu builder for your website | HTML5 intro and tips | Scoop.it
Proposed by Wifeo, free CSS and jQuery menu builder to create awesome menu for your website.
Jason Tintelnot's insight:

A nice way to easily create your own drop down menu site.  Just walk through the steps and it will create your custom drop down menu using pure CSS.

more...
No comment yet.
Scooped by Jason Tintelnot
Scoop.it!

Change CSS of class in Javascript? - Stack Overflow

Change CSS of class in Javascript? - Stack Overflow | HTML5 intro and tips | Scoop.it
Jason Tintelnot's insight:

Intro on how to dynamically change your CSS class with JavaScript.

more...
No comment yet.
Rescooped by Jason Tintelnot from JavaScript Libraries for HTML5
Scoop.it!

Typography Designs Using CSS3 and Lettering.js • 1stwebdesigner

Typography Designs Using CSS3 and Lettering.js • 1stwebdesigner | HTML5 intro and tips | Scoop.it
Web typography is getting traction nowadays. This tutorial will teach you how to manipulate typography designs using lettering.js and CSS3.
more...
Jason Tintelnot's curator insight, May 6, 2014 3:44 PM

Using a JS library, the tutorial goes step by step on how to manipulate and use different font types on your site.

Scooped by Jason Tintelnot
Scoop.it!

Superhero.js

Jason Tintelnot's insight:

An excellent list of articles and resources on improving and advancing your JavaScript skills.

more...
No comment yet.
Scooped by Jason Tintelnot
Scoop.it!

iconmelon

iconmelon | HTML5 intro and tips | Scoop.it
svg icons library for web
Jason Tintelnot's insight:

Free SVG icons (vector based).  Basically pre-made icons/symbols to use in your web site.  Direction on site on how to use the icons as well.

more...
No comment yet.
Scooped by Jason Tintelnot
Scoop.it!

Simple JavaScript Drop Down Menu with timeout effect v2.0 « JavaScript DHTML Tutorials

Simple JavaScript Drop Down Menu with timeout effect v2.0 « JavaScript DHTML Tutorials | HTML5 intro and tips | Scoop.it
Jason Tintelnot's insight:

A very simply and extremely useful script to create a drop down menu. One of the best examples out on the web. And no it is not a Javascript library.

more...
No comment yet.
Scooped by Jason Tintelnot
Scoop.it!

Developing HTML5 cache for offline access - eTechy101.com

Developing HTML5 cache for offline access - eTechy101.com | HTML5 intro and tips | Scoop.it
Tweet Internet is omnipotent these days but what is more important than website is the web application.
Jason Tintelnot's insight:

How to cache your web pages for offline viewing.  Useful for mobile devices.

more...
No comment yet.
Scooped by Jason Tintelnot
Scoop.it!

Add and delete vertical space in measured intervals | The Elements of Typographic Style Applied to the Web

Add and delete vertical space in measured intervals | The Elements of Typographic Style Applied to the Web | HTML5 intro and tips | Scoop.it
Jason Tintelnot's insight:

Quick review on how to appropriately layout text, spacing of text, a sizing of text on a web page.

more...
No comment yet.