Tutorialzine | 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. 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’).
Note that we need to give each input an ID which we will then use in the for attribute of the label. Each article will have a class that will help us determine to which height we it to expand to. The CSS 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 Textualizer allow you to transition through blurbs of text. jqIsoText Some content on our pages are more important than other and we want to made him eye catching.
BigText BigText makes text big. jQuery Text Resizer The Text Resizer plugin attempts to solve one problem: that of resizing text on demand by the user. slabText A jQuery plugin for producing big, bold & responsive headlines. FitText Lettering.js Related Posts. 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. Today we will be showing you 50 great WordPress themes that were released in 2011 for free. We hope you enjoy the list :) 1. A clean design from DevPress that could be used for a blog, news or magazine website.
Info & Download | Demo 2. A free business and portfolio design that was developed to celebrate the release of the 100th theme from WooThemes. Info & Download | Demo 3. Info & Download | Demo 4. Info & Download | Demo 5. Info & Download | Demo 6. 7. 8. 9. 10. 11. Spectacular | For The Design Inspired. Fabseries themes. Theme Demos | Theme: Shoutbox. BS Konstata on the Behance Network. Konstata is a niche font. Created for use as stencil for signage it features a set of only 10 different elements out of which you can compose the complete typeface. Therefore it borders between being somewhat grungy, modular and classic. Konstata is supposed to be stenciled with closed counters - which is possible due to the modular system.
In fact there are no bridges in it at all. It consists of a complete set of unicase letters - numerals are meant to be done as roman numbers, german diacritics are includes as ue (ä), oe (ö), ae (ä) and ss (ß). Any medium will do the job but I suggest using fast drying paint like Placka, Edding or Montana 94 spray-paint to speed up the process of composing all elements. VIOLENT ELEGANCE FONT on the Behance Network. Vampirr - free font on the Behance Network. Premium Professional WordPress Themes | Theme Trust. 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. Vivamus sagittis est eu diam fringilla nec tristique metus vestibulum. 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. So I looked into some of the most powerful sharing plugins for WordPress out there and here are my top 10 finds for you: 1. The first one is a very well known plugin called DiggDigg. 2. 3. Of course, one of the most well known sharing plugin is the option from ShareThis. 4. 5. Web Design Blog, Tutorials and Inspiration | Web Design Ledger. 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 Forum Cassannet Jura Bree About the Author Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. Related Posts 921 shares 10 Best New Free Fonts We’ve been on the prowl for some new free fonts to share with you.
Read More 294 shares Spring Up your Designs with Some Free Flower Textures Textures are a good way to add personality, depth and interest to a design. 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 Best New Free Fonts We’ve been on the prowl for some new free fonts to share with you. Read More 1138 shares 9 Free & Useful Fonts for your Designs Whether it’s PSD’s or icons, we love finding high quality free files and sharing them with our readers.
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 Urbe Haymaker About the Author Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. Related Posts 925 shares 10 Best New Free Fonts We’ve been on the prowl for some new free fonts to share with you.
Read More 1138 shares 9 Free & Useful Fonts for your Designs Whether it’s PSD’s or icons, we love finding high quality free files and sharing them with our readers. TETRA© FREE FONT on the Behance Network. Ten by twenty | 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.