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
Create a REST API with PHP « Gen X Design | Ian Selby - Pentadactyl Your apps never had it so good One of the latest (sort of) crazes sweeping the net is APIs, more specifically those that leverage REST. It’s really no surprise either, as consuming REST APIs is so incredibly easy… in any language. It’s also incredibly easy to create them as you essentially use nothing more than an HTTP spec that has existed for ages. Seriously, if you’ve never used REST, but you’ve ever had to work with (or worse, create) a SOAP API, or simply opened a WSDL and had your head explode, boy do I have good news for you! So, What on Earth is REST? Before we get into writing some code, I want to make sure everyone’s got a good understanding of what REST is and how its great for APIs. Requests All APIs need to accept requests. The other piece of a request is what it’s actually meant to do, such as load, save, etc. Responses So, REST handles requests very easily, but it also makes generating responses easy. Getting Started with REST and PHP So, let’s dig in! Sending the Response
65 Beautiful Fonts You Can Download For Free - StumbleUpon - Pentadactyl Freebie 65 Beautiful Fonts You Can Download For Free by Alex on Aug 9, 2012 • 9:43 am 17 Comments There are so many free fonts all around the web these days and sometimes it makes me think is their any really point purchasing fonts. I’ve decide to collect 65 fonts which are suitable for web, print, etc just overall high fonts which can be used in design projects. If you like fonts, you’ll love our favorite premium font, check it out here on Envato Market. Neuton Font Family Download Font → Intro free font Download Font → Bemio Download Font → Exo Font Family Download Font → Rex Free Font Download Font → Metropolis 1920 Download Font → Free Typeface NeoDeco Download Font → Hagin Free Font Download Font → Mosaic Leaf Download Font → Cubano Download Font → Cubic Sans Download Font → Banana Brick Download Font → Sofia Download Font → Sansita One Download Font → Villa Didot Download Font → Accent Download Font → Lavanderia Download Font → Blanch Download Font → Lorena Download Font → Age Download Font → Arvo Download Font → Banda Code
"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. 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. WDD staff are proud to be able to bring you this daily blog about web design and development.
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. Seemingly overnight, the ocean of green that was the Valley turned into a low, soft, dizzyingly perfumed cloud of pink and white. 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.
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. 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 PrefixMyCSS helps you save time by letting you write your properties one way. Modernizr Layer Styles CSS3 Patterns Gallery Spritebox Typetester
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. Otherwise it looks and functions the same, which I think is a very acceptable fallback. 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. Hey,
Stripe Generator - ajax diagonal stripes background designer - StumbleUpon - Pentadactyl Color Theory, Color Wheel and Combining Colors, Colors on the Web - StumbleUpon - Pentadactyl Build seven good object-oriented habits in PHP - StumbleUpon - Pentadactyl Make your PHP applications better with object orientation Nathan GoodPublished on October 28, 2008 In the early days of PHP programming, PHP code was limited to being procedural in nature. Procedural code is characterized by the use of procedures for the building blocks of the application. Procedures offer a certain level of reuse by allowing procedures to be called by other procedures. However, without object-oriented language constructs, a programmer can still introduce OO characteristics into PHP code. While purely procedural designs without much modularity run just fine, the advantages of OO design show up in the maintenance. Modularity— one of the key characteristics of good OO design — helps with this maintenance. While there are more than seven habits to building OO software overall, the seven habits here are what you need to make your code fit basic OO design criteria. The seven good PHP OO habits are: Be modest Bad habit: Expose public fields Listing 1. Listing 2. Listing 3.
99 Icon Sets To Use In Commercial Design Projects | Creative Nerds - StumbleUpon - Pentadactyl Today’s blog post we have decided to do a massive collection of 99 icon sets which can each be used within commercial design projects. This compilation was put together simply because of the lack of free icon sets which are available to be used in commercial design projects, what’s the point creating an icon set if its not free to use ? A great blog post of high quality icon sets which is a greate reference to bookmark for future reference. This post was time consuming putting together therefore any comments on your thoughts about the article would defiantly be really appreciated. 1. Extreme Grunge Garments Icons This high quality, hand made, icon pack is full with 9 Extreme Grunge Social Media Garments. 2. 50 Free and Exclusive Twitter Icons The icons are provided in both raster and vector formats: The transparent PNG versions are 256×256, and we have also included Illustrator files so that you can resize the icons as needed. 3. 4. 5. 6. 7. 8. 9. 10. 21 folders icons . 11. 12. 14. 15. 16.
Original Hover Effects with CSS3 | Codrops - StumbleUpon - Pentadactyl The power of CSS3 is enormous and in this tutorial we will see how to exploit it in a very creative way. We are going to create some thumbnail hover effects with CSS3 transitions. On hover over a thumbnail, we will reveal some description of the thumbnail, using a different style in each example. View demo Download source Please note that this will only work properly in modern browsers that support the CSS3 properties in use. The Markup The structure of markup is very simple and intuitive. Inside the view insert an element with the class mask that will be responsible for our effects driven by CSS3 and inside it we will put a title, description and a link to the full image. <div class="view"><img src="image.gif" /><div class="mask"><h2>Title</h2><p>Your Text</p><a href="#" class="info">Read More</a></div></div> The CSS After creating our markup we’re going to set our style. And now we’ll look at the ten effects. Example 1 And now comes the heart of our effect. Example 2 Example 3 Example 4