Resources

Web Development Tutorials & Resources. Stellar.js. DesignModo - Web Design and Development Magazine. Accordion with CSS3. Using hidden inputs and labels, we will create a CSS-only accordion that will animate the content areas on opening and closing.

View demo Download source Today we’ll experiment some more with the adjacent and general sibling combinator and the :checked pseudo-class. Using hidden inputs and labels, we will create an accordion that will animate the content areas on opening and closing. There are many variations of CSS-only accordions around, most of which are implemented using the :target pseudo-class.

The problem with using :target is that we can’t really close the content areas again or have multiple sections open at the same time. So, let start! Please note: the result of this tutorial will only work as intended in browsers that support the CSS3 properties in use. The Markup We will be going through an example that uses checkboxes where one content section is open by default (the input needs to be ‘checked’). Let’s have a look at the style. The CSS On hover, we’ll make the label white: Demos. 8 jQuery Plugins for Enhancing Typography. Being able to improve and manipulate web typography has always been one of the biggest changes for web designers.

But thanks to the ease of use and popularity of jQuery, developers are coming up with some clever ways to do just that. For this post we’ve gathered 8 useful jQuery plugins that allow you to do things to type that couldn’t be done before. Arctext.js Arctext.js is a jQuery plugin that let’s you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius. Textualizer. 50 Great Free WordPress Themes From 2011. Oct 28 2011 There are probably a good amount of Noupe readers who would think little to nothing of paying money for a high quality WordPress theme if it was exactly what they were looking for.

When compared to spending thousands of dollars on a unique design, a $40 investment in a premium theme for your website design is relatively painless. The number of premium WordPress theme stores and marketplaces has increased considerably over the last two years. Thankfully, many developers are still releasing quality designs for free. For The Design Inspired. Fabseries themes. Theme: Shoutbox. BS Konstata on the Behance Network. Kon­stata is a niche font.

Cre­ated for use as sten­cil for signage it fea­tures a set of only 10 dif­fer­ent ele­ments out of which you can com­pose the com­plete typeface. There­fore it bor­ders between being some­what grungy, mod­u­lar and classic. Kon­stata is sup­posed to be stenciled with closed coun­ters - which is pos­sible due to the mod­u­lar system. In fact there are no bridges in it at all. It con­sists of a com­plete set of uni­case let­ters - numer­als are meant to be done as roman num­bers, ger­man diacritics are includes as ue (ä), oe (ö), ae (ä) and ss (ß). On the key­board you will find all 10 ele­ments on the pos­i­tion of numer­als (0-9); a set of fully com­posed char­ac­ters on the pos­i­tion of lower­case let­ters (a-z incl. ü, ö, ä, ß); and every let­ter com­posed by the low­est pos­sible num­ber of parts at the pos­i­tion of cap­ital letters.

VIOLENT ELEGANCE FONT on the Behance Network. Vampirr - free font on the Behance Network. Premium Professional WordPress Themes. Hero. Web Development Nulla facilisi.

Vivamus lacus libero, ultrices non ullamcorper ac, tempus sit amet enim. Suspendisse at semper ipsum. Illustration Suspendisse sagittis diam a massa viverra sollicitudin. App Development Sed odio magna, pellentesque eget convallis ac, vehicula vel arcu. 10 Best Wordpress Sharing Plugins of 2012 To Get More Social Traffic. What does it take to get your posts shared on Social Networks?

With over 250 million Tweets being posted every day and close to 4 billion items being posted on Facebook, there is definitely not a lack in volume of Social Media updates. To make a larger junk of those being posted about your articles, one of the most important parts to focus on is the placing and options to share on your blogposts. BrightEdge research recently published a piece a about exactly this. They looked into how sharing of your website can increase through prominently displaying sharing buttons. What I found most spectacular was that sites with improved sharing options, can have 7 times more mentions on Social Media than sites who neglect it.

Web Design Blog, Tutorials and Inspiration. 10 Super Nice Fresh Free Fonts. Here at WDL we love to staying on the lookout for new freebies so we can show you the best out there.

So today we gathered 10 new free fonts to keep your resources updated and filled with options. Having good fonts available is always a good idea, it’s a good way to keep your designs fresh and unique. Click the images to be redirected to the download site. Metropolis Ledger Regular Geared Abraham Lincoln Intro. 10 Extremely Good Free Fonts for Your Designs. Here at WDL we know that our readers love to get some freebies, especially when it comes to beautifully designed fonts.

We know that having a library filled with nice fonts is really important, so today we will show you 10 new and beautiful free fonts. Go ahead and visit each font’s website to learn more about the type, designer and also to download them. Rex Ferrica Light FV Almelo Hagin Archive Sullivan Noticia Text Exo Bemio Static About the Author Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. Related Posts 931 shares. 10 New Free Fonts for Your Designs. Finding the perfect font for a project is a real challenge, and that is why we like to provide our readers with as much fonts as we can.

We know that having a lot of options to choose from is very helpful, so today we gathered a new round of free fonts to give your designs a new touch, check it out. Arvil Poly Meander Manteka Adamas Regular The Graffiti Font Origram Nomed Font. TETRA© FREE FONT on the Behance Network. Fonts, Wordpress themes and icons designed by Ed Merritt. Typogaphy by Pilastrum on deviantART. ✐ Practice Foundry. Handpicked free fonts for graphic designers with commercial-use licenses.