HTML5 and CSS3
Follow
Find
22.2K views | +0 today
 
HTML5 and CSS3
Useful Info for web designers
Curated by Miriam Stenson
Your new post is loading...
Your new post is loading...
Scooped by Miriam Stenson
Scoop.it!

Atypical Uses of Radio Buttons and Checkboxes for Building Interactive UI Widgets

Atypical Uses of Radio Buttons and Checkboxes for Building Interactive UI Widgets | HTML5 and CSS3 | Scoop.it

Radio buttons and checkboxes are traditionally associated with forms and data, however if you spend some time playing with these elements and CSS you will certainly find a lot more possible and not so boring uses. Here are a few, which will maybe give you ideas and will inspire you.

 
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

CSS3 Keyframes Animation Generator

Online tool for creating native CSS3 Keyframes Animation. You can easy and fast generate consistent CSS3 animation using simple UI without any coding.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Awesome Overlays with CSS3

Awesome Overlays with CSS3 | HTML5 and CSS3 | Scoop.it
An example of using border-image and other new properties to make killer image overlays in Notable.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Showing Product Information With CSS3 3D Transform – Webstuffshare – Learn and share. The simplest harmony.

Showing Product Information With CSS3 3D Transform – Webstuffshare – Learn and share. The simplest harmony. | HTML5 and CSS3 | Scoop.it
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

The Best Online Resources for Learning to Code

The Best Online Resources for Learning to Code | HTML5 and CSS3 | Scoop.it

  A basic knowledge of a coding language can be useful in many different roles; from giving you the ability to solve problems that require simple programming skills to expanding the skills already on your CV so that you can grow into your perfect developer job.  We have listed five free resources that enable every  type of learner to gain something extra.

more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Camera and Video Control with HTML5

Camera and Video Control with HTML5 | HTML5 and CSS3 | Scoop.it
Access the desktop camera and video using HTML, JavaScript, and Canvas. The camera may be controlled using HTML5 and getUserMedia.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Cheetyr is a Searchable Shortcut Cheat Sheet for Designers and Devs

Cheetyr is a Searchable Shortcut Cheat Sheet for Designers and Devs | HTML5 and CSS3 | Scoop.it
If you're a regular user of Photoshop, Illustrator, or do general web development, you probably find yourself drowning in a flood of keyboard shortcuts. Cheetyr helps make sense of them with a searchable database of keyboard shortcuts for several common apps and services.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Animated Tagline Switcher

Animated Tagline Switcher | HTML5 and CSS3 | Scoop.it
A good, eye catching tagline is essential to product website. Learn how to make a couple of my own animated tagline effects using CSS3 transition effects.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Sweet Sugar Text Effect in Photoshop

Sweet Sugar Text Effect in Photoshop | HTML5 and CSS3 | Scoop.it

In this tutorial you'll learn how to create a sweet, sugary text effect in Photoshop using custom brushes and layer styles. Step 1 Open a dark background image in Photoshop and crop/resize it down to 1,200 x 800 pixels. The background we're using can be found in the project files for this tutorial.

more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Avoid These 7 Usability Mistakes When Designing Websites

Avoid These 7 Usability Mistakes When Designing Websites | HTML5 and CSS3 | Scoop.it

Website are easy tools for attracting customers towards a brand. If you’re successful in building an appealing website, there are greater chances for gathering the attention of targeted audience. In addition to visual features, usability comes up as a key point of concern among individuals who’re looking ahead to render a great user experience via their website.

 

If you’re a web designer, I’m sure you’d be well familiar with the importance of incorporating extensive usability within the website.

 
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Obtaining User Location with HTML5 Geolocation API

Obtaining User Location with HTML5 Geolocation API | HTML5 and CSS3 | Scoop.it

The Geolocation API is a new technology that’s introduced by W3C – the same organization behind HTML 5. Probably for that reason, it is often correlated and grouped with HTML5 in many books and references, although it has actually nothing to do with HTML5 technically.

more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

One Weird Trick to Baseline-Align Text

One Weird Trick to Baseline-Align Text | HTML5 and CSS3 | Scoop.it
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

10 Page Loading Effects That Catch Your Viewer's Attention

10 Page Loading Effects That Catch Your Viewer's Attention | HTML5 and CSS3 | Scoop.it
Your loading effects should be as catchy as the contents of your website. Having these great effects will surely entertain your viewers while they wait.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Imageless CSS3 Treeview with Checkbox Support by Martin Ivanov (@wemakesitesnet)

Imageless CSS3 Treeview with Checkbox Support
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Annotation Overlay Effect with CSS3 | Codrops

Annotation Overlay Effect with CSS3 | Codrops | HTML5 and CSS3 | Scoop.it
A tutorial about how to create an overlay effect to show some more details of an item or image. The effect is CSS-only and uses a combination of the :checked
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Feature Table Design | CSS-Tricks

Feature Table Design | CSS-Tricks | HTML5 and CSS3 | Scoop.it

I ran into the feature table design from Shopify over on Pattern Tap and I was like DAMN SHOPIFY, that is one sexy table. I was inspired to try and replicate it. First in Photoshop, then in HTML/CSS.

more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Menu Transition In Effects

Menu Transition In Effects | HTML5 and CSS3 | Scoop.it

The traditional menu is super simple with just a UL full of LI’s. The Metro style is a little more complex. My markup may be a bit messy because I use a UL within a LI within a UL. You can also determine if the cell takes up half or the full row.

 
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

CSS vs JavaScript Animations

You can animate with CSS or JavaScript. Which should you use, and why?
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

A Single Div

A CSS drawing experiment to see what's possible with a single div.
Miriam Stenson's insight:
(Love all that you can do with css and a single div! 
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

The Wilderness Downtown

The Wilderness Downtown | HTML5 and CSS3 | Scoop.it
Check out Arcade Fire's new interactive HTML5 music experience, “The Wilderness Downtown”.
Miriam Stenson's insight:

This site and example of HTML5 launched by the rock band Arcade Fire, the site is great for music lovers who can input the address of where they grew up. Google Earth and HTML5 combine to create a personalized music video that transports the user down memory lane. 

more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Dynamic Logos with CSS ✏

Dynamic Logos with CSS  ✏ | HTML5 and CSS3 | Scoop.it
When creating logos often the end product will be a static identity. After seeing some great usage of logos with moving parts I thought I’d play with the idea of making ours dynamic.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Techniques for mobile and responsive cross-browser testing: An Envato case study.

Techniques for mobile and responsive cross-browser testing: An Envato case study. | HTML5 and CSS3 | Scoop.it
Tools and Techniques for mobile and responsive cross-browser testing, and how we test the Envato Marketplaces.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

50 fantastic freebies for web designers

50 fantastic freebies for web designers | HTML5 and CSS3 | Scoop.it
Has there ever been an industry as generous as the Web? Every hour of every day you'll find the design community distributing the fruits of their labors for fre
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Coding a CSS3 & HTML5 One-Page Website Template

Coding a CSS3 & HTML5 One-Page Website Template | HTML5 and CSS3 | Scoop.it
Here we are using the new version of HTML - the fundamental language of the web, to make a web template, using some of the new features brought by CSS3 and jQuery with the scrollTo plug-in.
Miriam Stenson's insight:

This includes a free template.

more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Things You Need to Know About HTML5 Mobile UI Framework

Things You Need to Know About HTML5 Mobile UI Framework | HTML5 and CSS3 | Scoop.it
All Essential things that a developer should know about before trying his hands on developing a mobile app using an HTML5 Mobile UI Framework.
more...
No comment yet.