Front-End Coding and Web Design
953 views | +0 today
Follow
Your new post is loading...
Your new post is loading...
Rescooped by htmlcut from HTML5 and CSS3
Scoop.it!

Organizing Your CSS Code for Preprocessors

Organizing Your CSS Code for Preprocessors | Front-End Coding and Web Design | Scoop.it

CSS preprocessors are probably one of the most useful things we have right now in front-end tooling. Whether you pick Sass, LESS or any other preprocessor, they’re great because they add so many features CSS never had. But I’m not trying to convince you use preprocessors, I assume you already do.

 

Instead, what we’re going to do is explore some different architectures you can use with your chosen preprocessor to help you find the one that suits you best. Even though the files are all listed as Sass files (i.e. scss), all the architectures can easily be adopted regardless of your preprocessor of choice.


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

CSS3 Coding: Fresh and Popular Tricks and Tips

CSS3 Coding: Fresh and Popular Tricks and Tips | Front-End Coding and Web Design | Scoop.it
Collection of fresh articles on CSS3 coding tricks and tips on how to write efficient CSS code that are popular in Google+ communities. Read more →
more...
No comment yet.
Scooped by htmlcut
Scoop.it!

Web Design Trends 2014 – The Top Predictions

Web Design Trends 2014 – The Top Predictions | Front-End Coding and Web Design | Scoop.it
Web design and development are changing dramatically now. What new will 2014 bring? We've collected the most interesting web design trends and predictions for 2014. Read more →
more...
No comment yet.
Rescooped by htmlcut from HTML5 and CSS3
Scoop.it!

Sticky CSS footers: The flexible way | Pixels vs. Bytes

Sticky CSS footers: The flexible way | Pixels vs. Bytes | Front-End Coding and Web Design | Scoop.it

 this article gives a basic idea of how the flexible footer works.


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

Is it time to drop jQuery? Essentials to learning JavaScript from a jQuery background

Is it time to drop jQuery? Essentials to learning JavaScript from a jQuery background | Front-End Coding and Web Design | Scoop.it
Articles, tutorials and downloads on front-end development. HTML5, CSS3, JavaScript.
more...
No comment yet.
Scooped by htmlcut
Scoop.it!

Web Audio Stylophone | Codrops

Web Audio Stylophone | Codrops | Front-End Coding and Web Design | Scoop.it
Get started with the Web Audio API by learning how to recreate the classic miniature synthesizer.
more...
No comment yet.
Scooped by htmlcut
Scoop.it!

Blueprint: Responsive Multi-Column Form | Codrops

Blueprint: Responsive Multi-Column Form | Codrops | Front-End Coding and Web Design | Scoop.it
A responsive multi-column form with example media queries for a flexible layout.
more...
No comment yet.
Scooped by htmlcut
Scoop.it!

The Secret to Building Large Websites: Website Architecture

The Secret to Building Large Websites: Website Architecture | Front-End Coding and Web Design | Scoop.it
To build big time websites, you need to plan big. This guide provides an 11-step website architecture process you can adapt in your projects.
more...
No comment yet.
Rescooped by htmlcut from Basics and principles for a good Web Design
Scoop.it!

Better Paragraphs with CSS3 Hyphenation

Better Paragraphs with CSS3 Hyphenation | Front-End Coding and Web Design | Scoop.it

Hyphenation is usually needed when the width of the page or column is too narrow to accommodate the line. It allows paragraphs to align with proper spacing, and could also minimize the rivers from appearing, a result of breaking words apart.


Via Rebeca Zuniga
more...
No comment yet.
Scooped by htmlcut
Scoop.it!

Create a Modal Window Login Form Effect Using jQuery | Design Shack

Create a Modal Window Login Form Effect Using jQuery | Design Shack | Front-End Coding and Web Design | Scoop.it
Reading an article entitled Create a Modal Window Login Form Effect Using jQuery on Design Shack.
more...
No comment yet.
Scooped by htmlcut
Scoop.it!

How To Find Events Bound To An Element With jQuery

How To Find Events Bound To An Element With jQuery | Front-End Coding and Web Design | Scoop.it
How To Find Events Bound To An Element With jQuery http://t.co/vXVucvsBf6
more...
No comment yet.
Rescooped by htmlcut from Basics and principles for a good Web Design
Scoop.it!

Web Design Inspiration: 15 Examples Of Beautiful Shadow Usage

Web Design Inspiration: 15 Examples Of Beautiful Shadow Usage | Front-End Coding and Web Design | Scoop.it
Allison House Alfred   cornerd   Cuban Council   Cappen   Woodinville Whiskey Co   Dark Sky   Night Owl Interactive   Scoutmob   Margaret Durante   Kell...

Via Rebeca Zuniga
more...
No comment yet.
Scooped by htmlcut
Scoop.it!

What Is the Best PSD to HTML Conversion Tool? The 6 Standpoints

What Is the Best PSD to HTML Conversion Tool? The 6 Standpoints | Front-End Coding and Web Design | Scoop.it
The best PSD to HTML conversion tools - 6 points of view: Forums, Practical, Lyrical, Comparative, Humorous, and Future. Who is right and what PSD to HTML is better? Read more →
more...
No comment yet.
Scooped by htmlcut
Scoop.it!

Be a Smart HTML/CSS Coder, or Die Out

Be a Smart HTML/CSS Coder, or Die Out | Front-End Coding and Web Design | Scoop.it
Are HTML/CSS coders in danger? Will they disappear as a separate speciality soon? We are trying to find the answers in this post. Read more →
more...
No comment yet.
Scooped by htmlcut
Scoop.it!

Foundation for Beginners: Progress, Alerts, Tooltips and the Elusive Mega Drop | Webdesigntuts+

Foundation for Beginners: Progress, Alerts, Tooltips and the Elusive Mega Drop | Webdesigntuts+ | Front-End Coding and Web Design | Scoop.it
Let's add to our Foundation skill set by learning how to make use of progress bars, alerts, tooltips and the mega drop which Zurb make use of on their site, but
more...
No comment yet.
Scooped by htmlcut
Scoop.it!

Popular Design Trends for Responsive Navigation | Vandelay Design Blog

Popular Design Trends for Responsive Navigation | Vandelay Design Blog | Front-End Coding and Web Design | Scoop.it
The mobile responsive website layout has become a very common apparatus for designers. Building a layout is never easy and each website generally requires a unique solution.
more...
No comment yet.
Scooped by htmlcut
Scoop.it!

Toolinfy - Optimizing a page for all browsers

Toolinfy - Optimizing a page for all browsers | Front-End Coding and Web Design | Scoop.it
Toolinfy is a website about programming, Web Developing, Web Design and computing in general.
more...
No comment yet.
Scooped by htmlcut
Scoop.it!

How to design a responsive HTML email

How to design a responsive HTML email | Front-End Coding and Web Design | Scoop.it
Over the past few years, soaring mobile usage has sparked an evolution, or perhaps revolution, in the way that we approach delivering content to online users. T
more...
No comment yet.
Scooped by htmlcut
Scoop.it!

Building CSS3 Notification Boxes With Fade Animations | Design Shack

Building CSS3 Notification Boxes With Fade Animations | Design Shack | Front-End Coding and Web Design | Scoop.it
Reading an article entitled Building CSS3 Notification Boxes With Fade Animations on Design Shack.
more...
No comment yet.
Scooped by htmlcut
Scoop.it!

Blueprint: On-Scroll Animated Header | Codrops

Blueprint: On-Scroll Animated Header | Codrops | Front-End Coding and Web Design | Scoop.it
A fixed header that will animate its size on scroll. The inner elements will also adjust their size with a transition.
more...
No comment yet.
Scooped by htmlcut
Scoop.it!

Mini-Icon Settings Menu with the jQuery Toolbar Plugin - Treehouse Blog

Mini-Icon Settings Menu with the jQuery Toolbar Plugin - Treehouse Blog | Front-End Coding and Web Design | Scoop.it
more...
No comment yet.
Scooped by htmlcut
Scoop.it!

To Design or Not to Design in the Browser

To Design or Not to Design in the Browser | Front-End Coding and Web Design | Scoop.it

The idea to design directly in the browser was boosted after the concept of responsive web design had been pulled out. Now a lot of responsive websites have already been developed and new ones are created every single day but designing in the browser is still a controversial subject. Maybe in the word combination ‘web designer’ it is much more from ‘designer’ and creativity, passion, taste, and colors, rather than from ‘web coding’ with its analytics, order, logic, control, and realism. Or simply there is no decent alternative – really suitable and handy tools to design in the browsers?

To find the answer we’ve collected a number of articles and posts on this debatable topic.

 

 

 

more...
No comment yet.
Scooped by htmlcut
Scoop.it!

Simple Icon Hover Effects | Codrops

Simple Icon Hover Effects | Codrops | Front-End Coding and Web Design | Scoop.it
A set of simple round icon hover effects with CSS transitions and animations for your inspiration.
more...
No comment yet.