I found out about Code Year a couple days ago. It is a website launched by a Y-combinator company called CodeAcademy. They grabbed quite a lot of attention by signing up 200,000 users in just two days. Recently, I stumbled onto this post by the landing page designer about how he designed the CodeYear landing page. I think the key takeaways here are to focus on simplicity and what you want the visitor to do. Enjoy!
The Denver Post has a gallery up of some of the earliest color photos taken during the early 40s. I thought some of the images were pretty cool. Here is the link.
Here are my favorites:
This is second part of designing a one page portfolio tutorial series. In the first tutorial, we had created a simple and elegant Portfolio PSD mockup. Now, we’ll convert the PSD to a HTML5 and CSS3 with some jQuery goodness. Make sure you have read the first tutorial and make the design in Photoshop, or you can just grab the final PSD mockup from there.
Take a look at our PSD mockup first. Our portfolio design has a simple one column …
In this tutorial, we will learn to design a one page portfolio site in Photoshop. In the process we will use subtle pattern and lots of layer styles to make a simple and interesting design. Let’s get started!
This tutorial is a collaboration with a young and talented web designer from Indonesia, Aris FM.
Preview
Click on the image below to see it in full size.
Step 1
Open Photoshop. Click File > New or hit Ctrl + N to make a new file. In …
>
Draw a Realistic Wacom Bamboo in Illustrator and Photoshop – Part 2
In this second part of the tutorial, we are going to draw a realistic Wacom Bamboo. Make sure to read the first part, drawing the path in Illustrator.
Preview
Below is the final result of this tutorial.
Resourse Used
Following resource is used in this tutorial:
Fabric Patterns
Step 1: Import Vector Path from Illustrator
Select all the paths we have made in Illustrator. Copy (Ctrl + C) and then paste it (Ctrl + V) …
In this tutorial, we are going to draw a realistic Wacom Bamboo. In this first part, we will draw it in Illustrator. Next, in the second part, we will export the vector path into
Photoshop and then draw it.
Preview
This is the final result of our realistic drawing tutorial.
In this tutorial, we will draw its wireframe in Illustrator.
Step 1: Pad
Make new file in Illustrator. Activate Rounded Rectangle tool and then click once on canvas. In the next dialog box, set Corner Radius …
This week, I have been vacationing in Holden Beach, NC. One of the more interesting things that I did here was pay a visit to Crazy Mary. She is a local “artist” who collects junk from around the area, and assembles it into, well, crazy stuff. Here is a video:
You can check out her gallery too.
If you want maximum search engine traffic you need to make sure all your content is indexed by the search engines. Follow these tips below and you will not only improve your site, but you will also improve indexing and traffic gains over the long-term.
1. Create a breadcrumb trail – Not only are these great for improving usability, but they also add structure to your site and help search engines find deep content.
2. Add 3-5 related posts at the end …
I have a friend who is internet savvy and has adopted the habit of tracking down birthday cake images from google image search and posting it on his friends’ Facebook walls. I tried it myself, and it is enterprisingly easy to find just about anybody’s name on a cake photo. Today is actually my birthday. Here’s my cake!
This one is a pretty cool cake, but it’s hard to see my name on it.
Twitter did something unique with their “Site down for maintenance” message. They introduced the internet to the fail whale graphic. I think this was pretty ingenious on their part. First, it distracts the users from the fact that they can’t actually use their favorite website at the moment. Second, it has provided quite a bit of what I call “meme marketing” for twitter. You can find people mimicing the fail whale image all over the internet. As we all know …