Web Design Blog | Web Design Fan | Resources for Web Designers and Graphic Designers

If you don’t want to perform coding on your website through code editors, Webflow CSS3 Playground is a site that will definitely help you. This may have some similarities with other web editors available in the net, but what makes it stand out is its several special components in creating responsive sites. It’s like an online version of Photoshop. With [...]

If there’s one thing that some Adobe InDesign users don’t quite like about the software it’d be the fact that it doesn’t have any default gradient swatches. Sure you can find a Swatches panel there but it’s not exactly the one that you’re looking for. That’s because you’d have to build the gradient swatches yourself. But fret not. You don’t [...]

One of the cool things you can do in Photoshop is to creating custom shapes. Kim DeSmet of Sweet Shoppe Designs teaches you how to make your own. Custom shapes are vector shapes which you can customize by resizing without losing any detail. The custom shape tool is seen in the toolbox, under Rectangle Tool by right-clicking it (it’s located [...]

Today’s featured graphic design tutorial is from Martin Gittins, an interactive web designer from London who came up with a way to turn your icons into a web font or icon font. Why would you want to do that, you may ask? Well, the need occurred to Martin after viewing his new site on an old iPad. His icon looked [...]

In this featured tutorial, we’ll bring you Thoriq Firdaus’ creation on how you can create a cool web-based video player. Using the HTML5 <video> element, you can embed this video player and play it on any browser that is compatible with HTML5. According to Firdaus, if your browser does not support HTML5, an embedded flash player will be given for [...]

Creating CSS sprites is probably one of the things that web developers would consider as a tedious task. But thanks to such software like Sprite Cow, it doesn’t have to be anymore. With this handy little web design tool, you can now set the sprites’ height and width, and background-position within a Sprite sheet just similar to a nice bit [...]

Here’s a cool tutorial by a graphic designer from Ukraine named Iaroslav Lazunov that can be applied to your design. This 3D model is created in Adobe Illustrator using effects such as revolve, extrude & bevel and rotate. Other tools used are Pen Tool to create shapes like the sample of the half of the glass in frontal plane he [...]

If vector graphics is your thing then you might want to check out All-Silhouettes.com, a website that provides a plethora of vector freebies for graphic and web designers. Being true to its namesake, All-Silhouettes offer you more than just your typical run-of-the-mill geometric shapes, signs and symbols. What makes this a bit different compared to other sites is that its [...]

In this tutorial courtesy of Photoshoproadmap, you’ll be able to learn how to create this cool wash-out, bright, vintage filter effect from the iPhone app Instagram in Photoshop. The first thing you’ll do is click on layer, then new adjustment layer, then open curves and brighten up the shadows. Then adjust solid color. For the background color use the pale [...]

If you’re planning on putting up an interactive map on your website using HTML5 so that it can run on smartphones and tablets [that do not support Flash] then look no further than iMapBuilder HTML5. This interactive map software will make map-building easier and quicker, even for those with little to no programming background for it is designed not just [...]