Archive : Css

An interesting site that uses a sewing metaphor for graphic design services. Vector Stories uses old style sketches and grungy paper textures to achieve a believable aged look. This design was featured on the 28th August 2010 . It falls under the category of Design, and has a layout style of Two Column. If you’d like, you can visit this site, or view all our other featured designs. … Read the rest of the article on : Design Shack

An interesting site that uses a sewing metaphor for graphic design services. Vector Stories uses old style sketches and grungy paper textures to achieve a believable aged look. This design was featured on the 28th August 2010 . It falls under the category of Design, and has a layout style of Two Column. If you’d like, you can visit this site, or view all our other featured designs. … Read the rest of the article on : Design Shack

If you are born around the 80′s, chances are this video game had been your favorite pass time, or maybe it still is. It’s been 23 years since world-renowned video game Street Fighter was released by Capcom. The series silently set the standards in fighting games genre and eventually became one of the highly successful franchise that continues to this day. Not many video game franchises have both the deep history and significance of Street Fighter today. With so many interesting characters SF have, we picked those ve … Read the rest of the article on : hongkiat.com

“Today I will show you one of the most powerful Photoshop tool: layer masks. They can result difficult to use for a beginner, but once understood how they work, you won’t need the Eraser tool anymore. Let’s start!” … Read the rest of the article on : Design Shack

“A well designed, clean Email Newsletter/Website is a must for any successful business. Here’s a collection of 30 beautiful inspirational email newsletters for your inspiration.” … Read the rest of the article on : Design Shack

Here comes another giveaway, and I got a feeling you are going to like it – a lot, especially if your job depends a lot on stock photos. Today’s contest prizes come from Pixmac.com. And from the name, you can probably guess these folks have got something to do with stock images and photos. That’s right, Pixmac sell photos and today they are giving hongkiat readers something cool. Continue reading to find out more. About Pixmac Pixmac is one of the … Read the rest of the article on : hongkiat.com

“> If I am honest, I don’t really know how popular Google Docs is within the freelance community, but I have found that I have been using it a lot more recently. To the extent that I seem to have more documents stored online that I do on my hard drive and its one of the first places I go to when I start work in the morning. I don’t use it solely for drafts of posts and articles, but I also use it to manage my spreadsheets, create invoices, I even use it store code snippets, blog post templates and everything else in-between. Whereas Open Office and Microsoft Office are fantastic and powerful productivity suite options for any time type of business, I find they are a little bit too much for what I need. I like simplicity and speed, perhaps that is why I rely on Google Docs as much. With recent advances to its spreadsheets feature, its improved document editing and … Read the rest of the article on : Speckyboy Design Magazine

PIE or progressive internet explorer it’s an add-on that can make some of the the CSS3 properties work in Internet Explorer ( 6 to 8 ). In add-on we understand a .htc file There is no difference between the CSS3 effects that are in wekbit browsers and the CSS3 effects using PIE. To make it work, you simply need to add the “behavior” element under the CLASS or ID ( Example : behavior: url(PIE.htc); ) and it will add support ( full or partial ) to the following CSS3 attributes : border-radius box-shadow border-image multiple background images linear-gradient as background image The best part of this add-on is that the other features that CSS3 has are under development. You can find the project and download the file here

Six Revisions presents another great tutorial on how to create a CSS3 call to action button using only CSS3. The tutorial presents the full configuration for the HTML and CSS3 parts but also the classes and other things you need to create the smooth cornered buttons and gradient effects. In our post will only show you most important part ( that we think ) and that is : put gradient on your buttons using only CSS3. This attribute is only support ( currently ) by Chrome, Safari and Mozilla browsers. Create gradient on CSS3 a.btn { background: -moz-linear-gradient(#98ba40, #a6c250 35%, #618926); background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #98ba40),color-stop(.35, #a6c250),color-stop(1, #618926)); } a.btn:hover { background: -moz-linear-gradient(#245192, #1e3b73 75%, #12295d); background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #245192),color-stop(.75, #1e3b73),color-stop(1, #12295d)); } For the rest of the tutorial on how to create...

In this tutorial we are going to show you how to create a fresh image gallery. The tutorial was shared on tympanus.net and it presents the full process on how to crate this Beautiful Photo Stack Gallery. The gallery is made using jQuery and CSS3 properties that makes the rotated effect on the images. It also uses the webkit-box-reflect property in order to mirror the boxes in the album view. The gallery it’s also using a little bit of PHP ( calls all the pictures from an album ). The gallery provides us with some demos and a download link.