HTML5 and CSS3
Follow
Find
27.0K views | +3 today
 
Scooped by Miriam Stenson
onto HTML5 and CSS3
Scoop.it!

MooTools - a compact javascript framework

MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.

more...
No comment yet.

From around the web

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!

Website Design Tutorial: Photoshop to HTML5 and CSS the Right Way - Part I - YouTube

Learn how to create a website from start to finish. We start designing our website in Photoshop using the 960.gs framework,.

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

5 tips for using fonts in HTML5

5 tips for using fonts in HTML5 | HTML5 and CSS3 | Scoop.it

We've spent a lot of time making sure that fonts inside PDFs look good when run through our PDF to HTML5 converter. In the process, we've learned a lot about how to make sure fonts look good in HTML5.

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

Free Code Camp is a community of busy people who learn to code by collaborating on projects for nonprofits. Build your full stack JavaScript Portfolio today.

Free Code Camp is a community of busy people who learn to code by collaborating on projects for nonprofits. Build your full stack JavaScript Portfolio today. | HTML5 and CSS3 | Scoop.it
Free Code Camp is a community of busy people who learn to code by collaborating on projects for nonprofits. Build your full stack JavaScript Portfolio today.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

What is an Interaction Designer?

What is an Interaction Designer? | HTML5 and CSS3 | Scoop.it
Interaction design is a process in which designers focus on creating engaging web interfaces with logical and thought out behaviors and actions.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Getting to Know CSS Blend Modes

Getting to Know CSS Blend Modes | HTML5 and CSS3 | Scoop.it

If you have ever used a photo editing application extensively (like for example, Adobe Photoshop,Pixelmator, GIMP, etc.) then you might be familiar with Blend Modes. Like the name suggests, Blend Modes are various modes by which the one image will blend into the image underneath. Depending on the mode you choose, you will get different results with different effects.

 

These Blend Modes are now available in CSS as well via the Compositing and Blending Level 1specification. Blend Modes are used to determine how a particular color will blend into the background layer’s color. The results can be very interesting indeed.

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

YouTube ditches Flash for HTML5

YouTube ditches Flash for HTML5 | HTML5 and CSS3 | Scoop.it

Oh how the mighty have fallen. There was once a day when Flash ruled the Internet, powering everything from streaming video services to goofy time-wasting online cartoons. The switch from Macromedia to Adobe only gave it more resources and a wider reach. But that time has passed, and today’s Internet has made it overwhelmingly clear that HTML5 is the wave of the future. Need another example? YouTube now streams HTML5 video by default.

 

Now, whenever watching YouTube on a modern browser, be it Chrome, Firefox, Safari 8, or IE11, the video will automatically stream in HTML5. 

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

Five ways to Optimize Mobile Website Performance

Five ways to Optimize Mobile Website Performance | HTML5 and CSS3 | Scoop.it
Mobile friendly websites mean more customers and longer visits as it improves your website performance on any mobile device. Keyideas helps optimize your website to perform better on all mobile device.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

When To Use JavaScript vs. CSS3 for Animation

When To Use JavaScript vs. CSS3 for Animation | HTML5 and CSS3 | Scoop.it
Is CSS3 or JavaScript a better choice for web design animation? In this post you'll find resources and ideas related to classic web animation.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

[CSS3] Cross Browser Animation using CSS3

[CSS3] Cross Browser Animation using CSS3 | HTML5 and CSS3 | Scoop.it

Once you will aware with CSS3 animation properties, you will be able to write css3 animation code easily.

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

Component-Driven CSS Frameworks

Vinay Raghu talks about the difference between UI kits and CSS frameworks and how frameworks should be chosen if your development is component-based.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Some Ideas for Checkout Effects | Codrops

Some Ideas for Checkout Effects | Codrops | HTML5 and CSS3 | Scoop.it
Some fun effect and layout ideas for the first step of a checkout process in an online store.
more...
No comment yet.
Rescooped by Miriam Stenson from WebsiteDesign
Scoop.it!

HTML5 & CSS3 Website Designs (25 New Examples)

HTML5 & CSS3 Website Designs (25 New Examples) | HTML5 and CSS3 | Scoop.it

Modern and stylish website designs showcase, all web designs are responsive and using the latest techniques of HTML5 and CSS3. Most of the designs are fully responsive and optimized for tablet and any other mobile screen. Collection of business, news and portfolio websites with integrated galeries, media post and blog post.


Via Brian Yanish - MarketingHits.com
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Cutting out the inner part of an element using clip-path

Cutting out the inner part of an element using clip-path | HTML5 and CSS3 | Scoop.it

The clip-pathproperty in CSS is used to hide areas of an element outside the path. But we can also cut out an area inside the element this way. The same can be achieved with masking by reversing the fill colors, but what I'm aiming for here is to show how this effect can be achieved with clip-path. 

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

16 CSS3 Selectors You Should Know

16 CSS3 Selectors You Should Know | HTML5 and CSS3 | Scoop.it
A selector is the most basic component in the CSS. It determines which element to match in the DOM and then apply a corresponding set of styling properties. Here's a definition of the selector from W3C documentation:
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

30 Best Free Responsive HTML5 CSS3 Website Templates

30 Best Free Responsive HTML5 CSS3 Website Templates | HTML5 and CSS3 | Scoop.it
Best free html5 templates 2015 is known for their creative and well design. These html5 templates are absolutely free and packed with responsive feature.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

CSS { line-height: calculator; }

A calculator meant to help calculate line-height in translation from Photoshop (PSD) to HTML relatively
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Fun with line-height!

Fun with line-height! | HTML5 and CSS3 | Scoop.it

The line-height property in CSS controls the space between lines of text. It is often set in a unitless value (e.g. line-height: 1.4;) so that it is proportional to the font size.  It's a vital property for typographic control. Too low and lines are awkwardly squished together; too high and lines are awkwardly far apart. Both inhibit readability. But you probably already know that.

more...
No comment yet.
Rescooped by Miriam Stenson from Recursos Online
Scoop.it!

Websites and Apps for Making Videos and Animation

Websites and Apps for Making Videos and Animation | HTML5 and CSS3 | Scoop.it
Teachers know that video making is a tried and true way to get kids engaged in building, demonstrating, and sharing knowledge. These apps and sites feature user-friendly tools and features that make it more fun than ever before to get kids' productions edited and polished.

Via Maria Margarida Correia
more...
No comment yet.
Rescooped by Miriam Stenson from Graphics Web Design & Development News
Scoop.it!

5 steps for mastering web animation

5 steps for mastering web animation | HTML5 and CSS3 | Scoop.it
It's never been a more exciting time for web animation. With user interface designers and interaction developers increasingly relying on animation to improve their online experiences, demand is on the up.

Via Jakarta Web Developer
more...
Scooped by Miriam Stenson
Scoop.it!

Rendering Fractals With Just HTML and CSS

Rendering Fractals With Just HTML and CSS | HTML5 and CSS3 | Scoop.it

What's better than spending hours and hours with CSS
trying to get images and text to center properly? Not [Jim], but he did notice that CSS3 was a very powerful language. 

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

Responsive Fixed Bottom Corner Navigation with jQuery and CSS3

Responsive Fixed Bottom Corner Navigation with jQuery and CSS3 | HTML5 and CSS3 | Scoop.it
A jQuery script to create a fixed bottom corner navigation that morphs into a fullscreen menu panel on mobile devices.
more...
No comment yet.