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

Clearing Floats: Why is it Necessary Even in “Modern” Browsers?

Clearing Floats: Why is it Necessary Even in “Modern” Browsers? | HTML5 and CSS3 | Scoop.it

The other day, someone asked me the following question: "If I understand it right clear float is automatic in most modern browsers right?"

If you're new to CSS, then it would seem that the answer is...

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!

7 CSS Tools You Should Be Using

7 CSS Tools You Should Be Using | HTML5 and CSS3 | Scoop.it

CSS is getting more and more complicated to write. Thankfully, there are tools that make the task of authoring CSS a little bit easier.

 

From identifying errors in your stylesheets to presenting useful stats about your code, these online tools will undoubtedly help during CSS development.

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

Visionare

Visionare | HTML5 and CSS3 | Scoop.it
Our application and website let you establish your goals and dreams. Inspire you and motivate you by connecting you with people who share similar goals. Guide you by an example of those who are already there.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

20 Web Design Trends You Can Expect to See in 2015

20 Web Design Trends You Can Expect to See in 2015 | HTML5 and CSS3 | Scoop.it
Are you considering a website redesign in 2015? Do you want to know what trends will be rocking the scene in the year to come?

 

We were recently contacted by The Founders Grid to participate in a survey surrounding the design trends we expect to see rise in 2015 and are pleased to say we were featured in the final piece.

 

We thought we’d take it a step further and give the results the infographic treatment and you can see the top 20 trends.

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

HTML & CSS Examples of Material Design in Action

HTML & CSS Examples of Material Design in Action | HTML5 and CSS3 | Scoop.it
We've collected a small collection of HTML and CSS Material Design examples from Codepen that you will love.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Why you should be excited about CSS shapes

Why you should be excited about CSS shapes | HTML5 and CSS3 | Scoop.it
Tired of rectangular layouts that look like a brick wall? With CSS shapes, your content can now flow around Beyoncé's elbow, like a boss.
more...
Scooped by Miriam Stenson
Scoop.it!

CSS Gradient Tutorials for Web Designers

CSS Gradient Tutorials for Web Designers | HTML5 and CSS3 | Scoop.it
A website can be well decorated if you can implement some CSS tricks for the background.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

CSS Breadcrumb tutorial

CSS Breadcrumb tutorial | HTML5 and CSS3 | Scoop.it

Nowadays with the new possibilities of CSS like transitions, transformations, gradients and so on, many things we used to do with a combination of code and images are now possible with bare code.

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

Understanding CSS Photo Basics | Learning to How to Modify Photo HTML

Understanding CSS Photo Basics | Learning to How to Modify Photo HTML | HTML5 and CSS3 | Scoop.it
Get our photo tips to improve your site's SEO in this post. We're also sharing how to align images and add borders/padding via CSS and HTML.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

10 Steps To Turn Yourself Into A Cartoon Portrait in Illustrator CS3

10 Steps To Turn Yourself Into A Cartoon Portrait in Illustrator CS3 | HTML5 and CSS3 | Scoop.it

Create a fun online profile is easy! Follow these steps and be imaginative with your cartoon portrait! 

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

35 Useful CSS3 Transitions and Animation Tutorials

35 Useful CSS3 Transitions and Animation Tutorials | HTML5 and CSS3 | Scoop.it

We will confront with an assortment of CSS3 Transitions and Animation Tutorials. CSS3 has made everything amazing simple & easier and more efficient.

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

Use blockquotes and content boxes in your blog posts

Use blockquotes and content boxes in your blog posts | HTML5 and CSS3 | Scoop.it
Content is king, so make it pop with block quotes and content boxes. Use block quotes to highlight quotations and use content boxes to make important statements stand out.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Daily Web Design and Development Inspirations No.205

Daily Web Design and Development Inspirations No.205 | HTML5 and CSS3 | Scoop.it
Daily Web Design and Development Inspirations No.205 - A showcase of inspirational and top quality websites, a short list of top ten Designs Every day.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

8 Design Trends 2015

8 Design Trends 2015 | HTML5 and CSS3 | Scoop.it
Great design is proliferating both online and offline. Web and app design has grown up to embrace many strong principles that have been in print for decades. The Internet has allowed graphic designers to share and be inspired by great works. What does 2015 hold?
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

All About Floats

All About Floats | HTML5 and CSS3 | Scoop.it

Float is a CSS positioning property. To understand its purpose and origin, we can look to print design. In a print layout, images may be set into the page such that text wraps around them as needed. This is commonly and appropriately called "text wrap". 

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

10 Top Tips For Improving Site Speed

10 Top Tips For Improving Site Speed | HTML5 and CSS3 | Scoop.it
Reducing your site’s loading speed helps usability and improves SEO. If you aren’t appearing on people’s screen in seconds, chances are you are losing them before they’ve even seen your conte…
more...
Rescooped by Miriam Stenson from CSS3 & HTML5
Scoop.it!

Create offline app using HTML5 Cache and Underscore Template

Create offline app using HTML5 Cache and Underscore Template | HTML5 and CSS3 | Scoop.it
In this article, we are going to make an application that once accessed through an internet connection would be accessible even when you are offline. The application is relatively simple – it provides the user with the ability to create new notes with title and body and remove notes he no longer needs. We are going to store the notes the user has saved in localStorage in order for the application to be accessible without internet connection.

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

Getting Started with CSS Shapes: Wrapping content around custom paths

Getting Started with CSS Shapes: Wrapping content around custom paths | HTML5 and CSS3 | Scoop.it
Using CSS Shapes we can create experiences that we have never been able to create on the web before.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Create a slide-out footer with this neat z-index trick

Create a slide-out footer with this neat z-index trick | HTML5 and CSS3 | Scoop.it
In this short tutorial, we are going to create an interesting slide-out footer with a bit of CSS.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Embossed Vector Text Style: Up Your Class in Minutes - Vectips

Embossed Vector Text Style: Up Your Class in Minutes  - Vectips | HTML5 and CSS3 | Scoop.it
Embossed text has a way of being classic and modern at the same time. Creating an editable embossed vector text effect is easy to do in Illustrator.
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

Code Snippets

Code Snippets | HTML5 and CSS3 | Scoop.it
A collection of code snippets for web developers, including code for HTML, CSS, JavaScript, PHP, WordPress, jQuery, HTAccess, and more!
more...
No comment yet.
Scooped by Miriam Stenson
Scoop.it!

38 Typography Tools for Designers (Better Than Adobe Suite)

38 Typography Tools for Designers (Better Than Adobe Suite) | HTML5 and CSS3 | Scoop.it
Many of these resources will help you create and manipulate typefaces in a way that’s easier than using Photoshop or Illustrator. Read our round up of the best typography tools for designers.
more...
No comment yet.