Learning HTML, CS...
Follow
Find
2.6K views | +0 today
Scooped by JenSocial
onto Learning HTML, CSS, Design Favs
Scoop.it!

Mastering CSS Coding: Getting Started | Smashing Coding

Mastering CSS Coding: Getting Started | Smashing Coding | Learning HTML, CSS, Design Favs | Scoop.it

CSS has become the standard for building websites in today's industry. Whether you are a hardcore developer or designer, you should be familiar with it. This article is an oldie, but goodie. If you're new to real CSS styling, this is a great place to start.

more...
No comment yet.
Learning HTML, CSS, Design Favs
HTML and CSS Tips and Tricks from around the Web
Curated by JenSocial
Your new post is loading...
Your new post is loading...
Scooped by JenSocial
Scoop.it!

Learn to code

Learn to code | Learning HTML, CSS, Design Favs | Scoop.it
Codecademy is the easiest way to learn how to code. It's interactive, fun, and you can do it with your friends.
JenSocial's insight:

Truly, you won't find a more engaging and fun website to learn coding, from Javascript to HTML/CSS.

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

CSS3 Please! The Cross-Browser CSS3 Rule Generator

JenSocial's insight:

Just too cool - - just getting started? Start learning CSS3 by watching your styles applied as you edit. There's a page full of great CSS3 example code you can edit. In addition to learning, this site generates the style rules for cross browser support.

IMPORTANT: When you edit CSS in left column, be sure to click on: [toggle rule on] to see the results within box located in right column.

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

365psd | Download a free PSD every day.

365psd | Download a free PSD every day. | Learning HTML, CSS, Design Favs | Scoop.it
365psd.com is the premiere source of free design resources like UI kits, icon sets, website templates, and more! Every day holds a new freebie, so make sure to subscribe!
JenSocial's insight:

Awesome collection of PSD files for Photoshop...

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

10,000s Cool FREE Seamless Patterns for Blogger and Twitter Backgrounds, Blog and Website Wallpapers

10,000s Cool FREE Seamless Patterns for Blogger and Twitter Backgrounds, Blog and Website Wallpapers | Learning HTML, CSS, Design Favs | Scoop.it
10,000s Cool FREE Seamless Patterns for Blogger and Twitter Backgrounds, Blog and Website Wallpapers
JenSocial's insight:

Hands down, the best pattern designer, online. Create seamless tiles for your website background. Bold can be a good thing, but is typically busy. Try for lighter, subtle colors, and simple patterns.

http://www.patterncooler.com/editor/

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

Web Design Freebies, Web Design Elements, Patterns, Backgrounds

Web Design Freebies, Web Design Elements, Patterns, Backgrounds | Learning HTML, CSS, Design Favs | Scoop.it
Damojo also offers free hand-crafted web design freebies such as icons, textures, background patterns, web elements, templates and themes on a regular basis. The beauty is that all feebies may be used in personal and commercial projects.
more...
No comment yet.
Scooped by JenSocial
Scoop.it!

Picons.me | Vector Icons, Symbols and Pictograms

Picons.me | Vector Icons, Symbols and Pictograms | Learning HTML, CSS, Design Favs | Scoop.it
Download Royalty-Free Stock Premium Vector Icons for Interfaces, Websites, Applications, Mobile Apps and Print media
JenSocial's insight:

Perfection - - beautiful design, free icons and backgrounds.

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

50 jQuery Function Demos for Aspiring Web Developers - Smashing Coding

50 jQuery Function Demos for Aspiring Web Developers - Smashing Coding | Learning HTML, CSS, Design Favs | Scoop.it
Every aspiring web developer should know about the power of JavaScript and how it can be used effectively to enhance the ways in which see and interact with web pages.
more...
No comment yet.
Scooped by JenSocial
Scoop.it!

Glyphs | CSS-Tricks - Add special characters before or after HTML tags.

Glyphs | CSS-Tricks - Add special characters before or after HTML tags. | Learning HTML, CSS, Design Favs | Scoop.it

Add Special Characters before or after HTML tags.

Example: Add the following line of CSS, and apply to all header tags for <h2>

 

h2:before { content:"\00bb"; }

 

Results:

» Example Title with character before

 

Link to Tutorial: http://css-tricks.com/css-content/

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

CSS3-Man - Look Ma, NO Flash!

CSS3-Man - Look Ma, NO Flash! | Learning HTML, CSS, Design Favs | Scoop.it
more...
No comment yet.
Scooped by JenSocial
Scoop.it!

The Shapes of CSS - awesome code

The Shapes of CSS - awesome code | Learning HTML, CSS, Design Favs | Scoop.it
more...
No comment yet.
Scooped by JenSocial
Scoop.it!

What is HTML5?

A brief overview of HTML5. Video by Topic Simple (http://www.topicsimple.com) Transcription: So, if you have been paying attention to chatter on the internet...
more...
Ravinder's comment, March 21, 8:24 AM
this one is helpful to understand the HTML5
Ravinder's comment, March 21, 8:24 AM
this one is helpful to understand the HTML5
Scooped by JenSocial
Scoop.it!

Mastering CSS Coding: Getting Started | Smashing Coding

Mastering CSS Coding: Getting Started | Smashing Coding | Learning HTML, CSS, Design Favs | Scoop.it

CSS has become the standard for building websites in today's industry. Whether you are a hardcore developer or designer, you should be familiar with it. This article is an oldie, but goodie. If you're new to real CSS styling, this is a great place to start.

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

Animate.css - a bunch of plug-and-play CSS animations

Animate.css - a bunch of plug-and-play CSS animations | Learning HTML, CSS, Design Favs | Scoop.it
more...
No comment yet.
Scooped by JenSocial
Scoop.it!

Bembo | Whats the Closest Google Font?

Closest Google Web Font samples of fonts that look like Bembo.
JenSocial's insight:

Excellent resource that will help you find a font similar to your needs, on Google Fonts.

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

Nominees Gallery - CSS Web Design Awards - CSSDA

Nominees Gallery - CSS Web Design Awards - CSSDA | Learning HTML, CSS, Design Favs | Scoop.it
Web designs appearing in the following Nominees gallery have been placed in the running for a CSS Web Design Award and are awaiting judgement.
JenSocial's insight:

Find some great design inspiration!

more...
Kamakshi Rajagopal's comment, April 12, 2013 12:58 PM
Hi, we are conducting an experiment on Scoop.IT pages on education at the Open Universiteit (NL). Would you like to participate? Sign up here: http://bit.ly/14QR9oa
Scooped by JenSocial
Scoop.it!

Add a Tiled Background to Ning Networks or Website - Using Seamless Tiles - JenSocial: Social Web Directory & Ning Tips

Add a Tiled Background to Ning Networks or Website - Using Seamless Tiles - JenSocial: Social Web Directory & Ning Tips | Learning HTML, CSS, Design Favs | Scoop.it
Add a Tiled Background to Ning Networks or Website - Using Seamless Tiles:
This tip is geared more towards newbies, but nice knowledge to gain if you don't kno…
JenSocial's insight:

Find more tips like this on http://jensocial.com

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

Tile-able Website Backgrounds

Tile-able Website Backgrounds | Learning HTML, CSS, Design Favs | Scoop.it
more...
No comment yet.
Scooped by JenSocial
Scoop.it!

Display Image on Hovered Link - CSS Only, no scripts needed. - JenSocial: Social Web Directory & Ning Tips

Want to add links, and display an image when the link is hovered?
See example in video below.


 
There are a lot of scripts out there to help you do this. Th…
more...
No comment yet.
Scooped by JenSocial
Scoop.it!

Scrolling to the Top and Bottom with jQuery

Scrolling to the Top and Bottom with jQuery | Learning HTML, CSS, Design Favs | Scoop.it
Here's a way to scroll to the top or bottom of your website with a simple click. I have used the jQuery special scroll events from James Padolsey, and some few extra lines of jQuery.
more...
No comment yet.
Scooped by JenSocial
Scoop.it!

The Skinny on CSS Attribute Selectors | CSS-Tricks

The Skinny on CSS Attribute Selectors | CSS-Tricks | Learning HTML, CSS, Design Favs | Scoop.it
CSS has the ability to target HTML elements based on any one of their attributes. You probably already know about classes and IDs.
more...
No comment yet.
Scooped by JenSocial
Scoop.it!

creaTTor.com - Awesome Site for Designers (FREE quality images and templates)

creaTTor.com - Awesome Site for Designers (FREE quality images and templates) | Learning HTML, CSS, Design Favs | Scoop.it
Download Premium FREE Vectors, Icons, Fonts, Stock Photos, Brushes, Textures and Patterns, Illustrations, Web Elements and Print Templates...
more...
No comment yet.
Scooped by JenSocial
Scoop.it!

Pure CSS folded-corner effect – Nicolas Gallagher

Pure CSS folded-corner effect – Nicolas Gallagher | Learning HTML, CSS, Design Favs | Scoop.it
more...
No comment yet.
Scooped by JenSocial
Scoop.it!

4 Common Website Design Mistakes to Avoid

4 Common Website Design Mistakes to Avoid | Learning HTML, CSS, Design Favs | Scoop.it
Creating the perfect website for your small business is about much more than simply picking the right domain name and pictures.
more...
No comment yet.
Scooped by JenSocial
Scoop.it!

CSS Button Maker

CSS Button Maker | Learning HTML, CSS, Design Favs | Scoop.it

Great button maker - - pure CSS. Chris Coyier is amazing!

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

Cross Browser CSS Box Shadows

Cross Browser CSS Box Shadows | Learning HTML, CSS, Design Favs | Scoop.it
more...
No comment yet.