"Buddycons" - Vector Social Media Icons - StumbleUpon - Pentadactyl Today we’re giving away a wonderful set of social media icons designed exclusively for WDD by Orman Clark, a web designer from the UK. The icon set is called “Buddycons” and includes 126 vector social media icons. Included in the set are PNG versions of all 126 icons in both circular and rounded variations as well as a vector source file for easy resizing. The icons are free to use for personal and commercial usage, however, redistribution is not allowed, so if you’d like to share these icons with your friends, please direct them to this page so that they can download their own copy from here. See a full preview of the icons and the download link after the jump. Thanks to Orman for this fantastic set and we hope you enjoy the new icons! Orman Clark is a web designer based in the UK. Download more free vectors at 1001FreeDownloads.com Please enter your email address below and click the download button. Please enter your email address below and click the download button.
Font Generator - Make Your Own Handwriting Font With Your Fonts - Pentadactyl HTML5 presentation - StumbleUpon - Pentadactyl In March 1936, an unusual confluence of forces occurred in Santa Clara County. A long cold winter delayed the blossoming of the millions of cherry, apricot, peach, and prune plum trees covering hundreds of square miles of the Valley floor. Then, unlike many years, the rains that followed were light and too early to knock the blossoms from their branches. Instead, by the billions, they all burst open at once. Then came the wind. It roared off the Pacific Ocean, through the nearly uninhabited passes of the Santa Cruz Mountains and then, flattening out, poured down into the great alluvial plains of the Valley. This perfumed blizzard hit Stevens Creek Boulevard, a two-lane road with a streetcar line down its center, that was the main road in the West Valley.
Foundation: HTML Templates - StumbleUpon - Pentadactyl News or Magazine This template puts a focus on bold images, perfect for a magazine style site with eye catching content. Your stories are easy to find with large feature blocks. See Demo Real Estate or Travel Big thumbnails with a space for captions and descriptions along with an informative header make this the perfect template for real estate or hotel booking. See Demo Ecommerce Homepage Building an online store? See Demo Agency Bring your work to the forefront with this sleek template that's perfect for agencies or freelancers. See Demo Blog w/ Sidebar Large images, an easy to navigate layout, and versatile sidebar will help you get your blog up and running. See Demo Blog Single Column This sleek, minimal approach can help your blog stand out by putting content front and center. See Demo Portfolio Show off your work and highlight what you do with this grid style thumbnail layout. See Demo Product Page Highlight your new product and educate potential customers with this classic template. See Demo
40+ Excellent Freefonts For Professional Design - StumbleUpon - Pentadactyl 20 Extremely Useful CSS Tools - StumbleUpon - Pentadactyl Most of the time writing website’s CSS is enjoyable and fun job. However some of the tasks aren’t always fun. CSS tools are here to help with those not so fun tasks, and make developers job a bit easier. We rounded up a collection of extremely useful CSS tools. Some tools are new and some are old, but we hope that you will find a couple of new useful or at least inspiring tools. Variable Grid System The variable grid system is a quick way to generate an underlying CSS grid for your site. The 1Kb CSS Grid It is a very small-sized and lightweight CSS framework supporting grid system, style reset, basic typography and form styles. Grid Designer This tool enables you to create a grid by specifying the number of columns and the widths of the columns, gutters and margins. CSS Lint CSS Lint is a tool to help point out problems with your CSS code. Primer CSS Just paste some HTML in the box and Primer will pull all classes and IDs to get you started with your stylesheet. PrefixMyCSS Modernizr Spritebox
CSS Ribbon Menu - StumbleUpon - Pentadactyl Use CSS3 transitions and CSS2 pseudo-elements to create an animated navigation ribbon with minimal markup. February 1, 2012 Browser Support IE8 and IE9 do not support CSS3 transitions, so the hover state will not be animated for those browsers. The HTML <div class='ribbon'><a href='#'><span>Home</span></a><a href='#'><span>About</span></a><a href='#'><span>Services</span></a><a href='#'><span>Contact</span></a></div> The forked ends and folds are created with CSS pseudo-elements, allowing for very clean HTML. The CSS Forked ends Here the :before and :after pseudo-elements are used to create empty elements with a thick border. Links The links and the forked ends are all floated left so that they fit flush against each other. Animated Folds A nifty trick for vertically centering text inside of an element is to set the line-height to be the desired height of the element, and remove any vertical padding. The top-margin gives the span space to be animated while staying within the anchor element. Hey,
Stripe Generator - ajax diagonal stripes background designer - StumbleUpon - Pentadactyl Color Theory, Color Wheel and Combining Colors, Colors on the Web - StumbleUpon - Pentadactyl