CSS HTML
569 views | +0 today
Follow
CSS HTML
Good articles related to advanced coding in CSS/HTML. Including SASS, Compass, SMACSS and OOCSS.
Curated by David Ky
Your new post is loading...
Your new post is loading...
Scooped by David Ky
Scoop.it!

How to write cleaner CSS and smarter SASS | Web design | Creative Bloq

How to write cleaner CSS and smarter SASS | Web design | Creative Bloq | CSS HTML | Scoop.it
Anthony DiSpezio explains how to leverage mixins and extends at the same time, to write smarter Sass and cleaner CSS.
more...
No comment yet.
Scooped by David Ky
Scoop.it!

Slideout.js - A touch slideout navigation menu for your mobile web apps.

Slideout.js is a touch slideout navigation menu for your mobile web apps.
more...
No comment yet.
Scooped by David Ky
Scoop.it!

Auto-Hide Sticky Header

Auto-Hide Sticky Header | CSS HTML | Scoop.it
Auto-hide sticky header is a shot that shoots down two rabbits: makes site navigation easily accessible anywhere on the page...
more...
No comment yet.
Scooped by David Ky
Scoop.it!

Labelauty jQuery Plugin

Labelauty jQuery Plugin | CSS HTML | Scoop.it
A nice and lightweigth jQuery plugin that gives beauty to checkboxes and radio buttons and allows custom labels for each status of (un)checked inputs
more...
No comment yet.
Rescooped by David Ky from Responsive WebDesign
Scoop.it!

12 Responsive Web Design Testing Tools To Check Screen Resolutions

12 Responsive Web Design Testing Tools To Check Screen Resolutions | CSS HTML | Scoop.it
Here we define some responsive design testing tools, so that you can simply check how your website looks on different devices including mobile phones, tablets, laptops and desktop computers.

Via gonzodesign
more...
No comment yet.
Rescooped by David Ky from UX | IxD | UI
Scoop.it!

Responsive Web Design Tips from Bootstrap's CSS

Responsive Web Design Tips from Bootstrap's CSS | CSS HTML | Scoop.it
Bootstrap is responsive and since version 3 is now mobile first. Syed examines some neat little responsive design tips from Bootstrap's CSS.
more...
No comment yet.
Scooped by David Ky
Scoop.it!

46 Creative & Free Drop Down Menus in HTML5 and CSS3

46 Creative & Free Drop Down Menus in HTML5 and CSS3 | CSS HTML | Scoop.it
Creating dropdown menu for the websites is no more a new trend as it has been accepted very well all over the world. By using dropdown menu, designers cannot only create a visual appeal in the website design but can also provide an effective navigation sc
more...
No comment yet.
Scooped by David Ky
Scoop.it!

Vertical align anything with just 3 lines of CSS -

Vertical align anything with just 3 lines of CSS - | CSS HTML | Scoop.it
With just 3 lines of CSS we can with the help of transform: translateY() vertically align whatever we want with CSS.
more...
No comment yet.
Scooped by David Ky
Scoop.it!

Progress Button Styles

Progress Button Styles: Creative effects for loading buttons
David Ky's insight:

Progress Button Styles

more...
No comment yet.
Scooped by David Ky
Scoop.it!

LayoutIt! Free And Powerful Boilerplate For Your Next Bootstrap 3 Project - noupe

LayoutIt! Free And Powerful Boilerplate For Your Next Bootstrap 3 Project - noupe | CSS HTML | Scoop.it
LayoutIt! is a clever web tool, created by Entropeer, a small design agency based in Buenos Aires. At first sight you might go mistaking LayoutIt! for a we
more...
No comment yet.
Scooped by David Ky
Scoop.it!

When to base64 encode images (and when not to)

When to base64 encode images (and when not to) | CSS HTML | Scoop.it
Introduction Ever since Steve Souders started evangelizing web performance, it's been pounded into our heads that extra HTTP requests add a lot of additional overhead, and that we should combine th...
David Ky's insight:

Interesting thoughts on base64

more...
No comment yet.
Scooped by David Ky
Scoop.it!

Effeckt.css

Effeckt.css | CSS HTML | Scoop.it
UI-Less & Performant Transitions & Animations
David Ky's insight:

CSS animation library!

more...
No comment yet.
Scooped by David Ky
Scoop.it!

Loading CSS without blocking render by Keith Clark

Loading CSS without blocking render by Keith Clark | CSS HTML | Scoop.it
A technique to get content in front of visitors as quickly as possible by asynchronously downloading stylesheets to prevent them from blocking page render.
more...
No comment yet.
Scooped by David Ky
Scoop.it!

How to Use Yeoman to Scaffold Your Next Web App

How to Use Yeoman to Scaffold Your Next Web App | CSS HTML | Scoop.it
So you've decided to build your next groundbreaking web app, but you don't know where to start. You need to remember to install your client-side dependencies (bower), server side dependencies (npm / node), testing suites, css frameworks / preprocessors, html templating engines...
more...
No comment yet.
Scooped by David Ky
Scoop.it!

8 essential Sass resources to sharpen your skills | Web design | Creative Bloq

8 essential Sass resources to sharpen your skills | Web design | Creative Bloq | CSS HTML | Scoop.it
There are a wealth of resources available to help you take your Sass skills to the next level. The official Sass website itself, sass-lang.com, is very thorough and has tons of examples. Beyond that, here are eight top sites and books to explore:
more...
No comment yet.
Scooped by David Ky
Scoop.it!

Responsive Images in Practice

Responsive Images in Practice | CSS HTML | Scoop.it
When we design responsively, our content elegantly and efficiently flows into any device. All of our content, that is, except images. For years, we’ve catered to users with the highest-resolution screens by sending giant images to everyone. No longer. Eric Portis takes us through the new picture element and other attributes to let us mark up multiple, alternate sources. Find out how to use responsive images now: send the best image for each context, cut down on page weight, and speed up performance.
more...
No comment yet.
Scooped by David Ky
Scoop.it!

The ultimate guide to Bootstrap

The ultimate guide to Bootstrap | CSS HTML | Scoop.it
Bootstrap is a powerful, mobile-first, responsive, front-end framework that's built with CSS, HTML, and JavaScript. It offers a ton of advantages over starting
more...
No comment yet.
Scooped by David Ky
Scoop.it!

FlexGRID - An Equal Column Height, Responsive Grid System by VolumeThemes

FlexGRID - An Equal Column Height, Responsive Grid System by VolumeThemes | CSS HTML | Scoop.it
FlexGRID is a mobile-first, responsive grid system, baked with equal column height goodness.
more...
No comment yet.
Scooped by David Ky
Scoop.it!

SpinKit

SpinKit | CSS HTML | Scoop.it
Simple CSS Spinners
David Ky's insight:

SpinKit | Simple CSS Spinners

more...
No comment yet.
Scooped by David Ky
Scoop.it!

Easy Color Picking in Sublime Text

Easy Color Picking in Sublime Text | CSS HTML | Scoop.it
If you have been accustomed to a code editor that comes with GUI buttons, Sublime Text being a plain simple code editor with minimal buttons, may frustrate you.
more...
No comment yet.
Scooped by David Ky
Scoop.it!

Conditional Media Query Mixins | CSS-Tricks

Using a @mixin in Sass for your media queries is useful for a variety of reasons. The most important of which is probably the cognitive ease of having the properties and values you are changing right next to the originals.
more...
No comment yet.
Scooped by David Ky
Scoop.it!

Controlling color with Sass color functions

Controlling color with Sass color functions | CSS HTML | Scoop.it
Sass comes with functions that can easily be applied to colors in your CSS properties. These functions, when used correctly, can be incredibly powerful. They take some of the sting out of choosing and...
David Ky's insight:

This is how to do colors in SASS!

more...
No comment yet.