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

What Beautiful HTML Code Looks Like

What Beautiful HTML Code Looks Like | HTML5 and CSS3 | Scoop.it
more...
No comment yet.
HTML5 and CSS3
Useful Info for web designers
Curated by Miriam Stenson
Your new post is loading...
Scooped by Miriam Stenson
Scoop.it!

Simplify CSS maintenance and organization by using Sass

Simplify CSS maintenance and organization by using Sass | HTML5 and CSS3 | Scoop.it
If you're considering transitioning your CSS to Syntactically Awesome Stylesheets (Sass), this overview provides information and demos that might help you make a decision.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

A Sprinkling of PHP: Server-Side Techniques to Help with Front End Tasks

A Sprinkling of PHP: Server-Side Techniques to Help with Front End Tasks | HTML5 and CSS3 | Scoop.it
The following is a guest post by Zachary Brady. Zachary is about to take us on a beginner's journey using PHP to do some things that us front end developer
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

HTML5 Bones: The template that goes back to basics

Stripping a HTML5 template down to the bare bones.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

20 Websites to Help You Master User Interface Design

20 Websites to Help You Master User Interface Design | HTML5 and CSS3 | Scoop.it
As web technologies progress, websites and web applications are becoming more responsive, providing us with more ways and techniques to interact with the users. These websites deal with interface design, user experience, user-centered design, and usability, all with the goal of enhancing the user's interface.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Screencast: CSS's Adjacent Sibling Selector

Screencast: CSS's Adjacent Sibling Selector | HTML5 and CSS3 | Scoop.it
A screencast by Russ Weakley, from his Learnable course, covering CSS's useful but often forgotten adjacent sibling selector.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

HTML5 Hub

HTML5 Hub | HTML5 and CSS3 | Scoop.it
We're a growing community of developers united to push the boundaries of HTML5 and revolutionize digital experiences.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

The elements of HTML

The elements of HTML | HTML5 and CSS3 | Scoop.it
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

reasons to be creative! // art, code, design, inspiration, education

reasons to be creative! // art, code, design, inspiration, education | HTML5 and CSS3 | Scoop.it
Reasons to be Creative - a conference for designers and coders in need of some inspiration
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Web Templates Info: HTML5 and CSS3 Notes for Interview

Web Templates Info: HTML5 and CSS3 Notes for Interview | HTML5 and CSS3 | Scoop.it
Blogspot tutorials,html css jquery and flash templates tutorials links information
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Gumby - A Flexible, Responsive CSS Framework - Powered by Sass

Gumby - A Flexible, Responsive CSS Framework - Powered by Sass | HTML5 and CSS3 | Scoop.it
Create rapid and logical page layout and app prototypes with Gumby Framework, a flexible, responsive CSS framework, powered by Sass
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Base - A super simple, responsive framework designed to work for mobile devices, tablets, netbooks and desktop computers.

Base - A super simple, responsive framework designed to work for mobile devices, tablets, netbooks and desktop computers. | HTML5 and CSS3 | Scoop.it
Base is a super simple, responsive framework, built to work on all devices big, small and in-between.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Why a website looks different on different screens? (and what to do with that)

Why a website looks different on different screens? (and what to do with that) | HTML5 and CSS3 | Scoop.it

Desktop monitors, laptops, netbooks, tablets, smartphones and even TV’s. There are so many devices and every one of them comes in many versions with different display sizes. And with mobile devices there’s also orientation (vertical/horizontal) to consider.

 
Miriam Stenson's insight:

Thanks to Konrad  who suggested this.

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

Html IMG vs CSS Background-image

Html IMG vs CSS Background-image | HTML5 and CSS3 | Scoop.it
Image - Useful Tips An image can be used in a webpage for two regions, 1) Image =  for content use, on the other hand, tend to change frequently. New images are uploaded often, users change their p...
Miriam Stenson's insight:

Thanks for a user suggestion from Dhiraj! 

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

UIkit

UIkit | HTML5 and CSS3 | Scoop.it

A lightweight and modular front-end framework
for developing fast and powerful web interfaces.

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

Finding/Fixing Unintended Body Overflow

Finding/Fixing Unintended Body Overflow | HTML5 and CSS3 | Scoop.it
Ughck, accidental horizontal scrollbar, amiright?

 

That can be a pain, but you can usually find the offending element by surfing around the ol' DevTools and selecting elements until you find something that extends too far over to to the right (off-page to the left doesn't tend to trigger a scrollbar the same way) and adjusting it.

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

Yahoo! Smush.it™

Smush.it uses optimization techniques specific to image format to remove unnecessary bytes from image files. It is a "lossless" tool, which means it optimizes the images without changing their look or visual quality. After Smush.it runs on a web page it reports how many bytes would be saved by optimizing the page's images and provides a downloadable zip file with the minimized image files.

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

Responsive Full Background Image Using CSS

Responsive Full Background Image Using CSS | HTML5 and CSS3 | Scoop.it

In this tutorial, we’ll go over the simplest technique for making a background image fully stretch out to cover the entire browser viewport. We’ll use the CSS background-size property to make it happen; no JavaScript needed.

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

simpl.info

Simplest possible examples of HTML, CSS and JavaScript.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

QNimate - Multithreading In HTML5 Using Web Workers

QNimate - Multithreading In HTML5 Using Web Workers | HTML5 and CSS3 | Scoop.it

Multithreading allows us to execute code simultaneously by decreasing the context switching overhead. Multithreading is supported by all programming languages and platforms. But HTML never supported it. HTML programmers had to use setTimeout or setInterval to make the application behave like multithread application. But HTML5 provided built in API to support multithreading.

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

10 features Apple 'stole' for the Swift programming language

10 features Apple 'stole' for the Swift programming language | HTML5 and CSS3 | Scoop.it
Apple's new programming language modernizes iOS development by synthesizing great ideas invented elsewhere
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Wrap Long Links with CSS

Wrap Long Links with CSS | HTML5 and CSS3 | Scoop.it
Learn how to wrap long links so that they don't escape the parent width!
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Animate.css

Just-add-water CSS animations 
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Compass

The Compass CSS authoring framework offers designers cleaner markup, reusable patterns, and ease in creating sprite images, among other benefits. “It's not a heavy-handed, predefined set of class names. There are more tools in Compass than any other CSS framework,” says developer Lorin Tackett, who built the grid calculator included in the framework. “Compass takes into account that its features may not match the state of browser support in the future, so features can be selectively turned off.”

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

Clipping in CSS and SVG – The clip-path Property and Element

Clipping in CSS and SVG – The clip-path Property and  Element | HTML5 and CSS3 | Scoop.it

CSS and SVG have a lot in common. A lot of the features that we have in CSS today were imported from SVG. One of these features is the Clipping operation. Both CSS and SVG allow us to "clip" elements into custom non-rectangular shapes. In this article we will go over the clipping techniques in both CSS and SVG, covering everything you need to know to get started.

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

9 webdesign tips to build an efficient website

9 webdesign tips to build an efficient website | HTML5 and CSS3 | Scoop.it

When building a website and creating the content for it, it is a must to adapt it to user habits. Yet still very little respect this following principles.

 
Miriam Stenson's insight:

Thanks for Pilock who suggested this. 

more...
No comment yet.