Resources

45 Free Calligraphy Fonts for Web Designers

There are so many freebie fonts online that it can be tough choosing exactly what you need. With more options you often feel trapped picking just one solution – so how do you know where to start? I want to present 45 brilliant calligraphy fonts which go perfect in any website layout. Even for basic graphics design or digital branding, these calligraphy fonts offer quite an experience in the realm of beautiful typography.

Calligraphy Unicase

freebie web font calligraphy unicase

Read more
Freebies, Resources

40 Awesome and Free Textures to Download

Textures can be some of the most valuable resources in a graphic designer’s arsenal. They can be used to create backgrounds, to add subtle textures to elements within a design, and even to rough up text and give it a grungy, dirty effect.

One of the great things about textures is that no two items are ever quite alike. Although there are thousands of textures out there that are available for purchase or free download, there is always room for other quality textures.

If you’re the type of designer that creates your own textures, from photos or scans, there are always other unique textures available from other designers and photographers that can serve as a complement to the ones you’ve created for yourself. And if you don’t create your own textures, you’re sure to love finding quality sources of textures that you can use.

Here we’ll showcase 40 different texture sets that are not only high quality, but they are also free to download.

Free Vintage Seamless Textures

Free Vintage Seamless Textures

Read more
Resources

How to Code Your First HTML UI Kit

UI Kit’s are quite handy when it comes to design. They allow you to create beautiful and standardized interfaces pretty fast, with a lot of premade components that you can use and edit.

But when it comes to coding, they are not that common. Sure, you have some frameworks here and there, but complete HTML UI Kits are rare, and most times you may need to code that yourself. On the other hand, that’s a great opportunity to create a tool for yourself, a starter kit that will allow you to implement interfaces in no time.

So today we’ll see a few coding tips, and also implement 3 components in a way that they can be easily themed and placed anywhere in your site.

First things first

I know most of you just want to see it so here you can see the [link]LIVE DEMO[/link] and here you can Download the files so you can just play around with it.

Here is how it’ll look like:

ui-html-kit

Read more
Resources

Top 10 Code-Free Website Builders

When Wordpress came out I thought “somebody ought to make that for websites as well” – and I’m sure I wasn’t alone. Everybody wanted to be able to create a site without learning code. Fast forward by ten years and here we are, surrounded by that very wish come true and multiplied by as many wishers out there. The good news is that the coding days are over, and I’m not talking about hybrid software like Dreamweaver, for which you didn’t need a Ph D in web design, but still had to go to college. All these softwares below allow you to create a site by clicking and dragging, just like a walk in a Photoshop park. The “bad” news is that they’re so many, you wouldn’t know which one to choose. But that is what we’re here for.

 

IMCreator

1

Read more
Resources

28 Free Typefaces for Web & Graphic Designers

Custom fonts are useful not just for graphics design, but also to use in your own websites via CSS @font-face. All of the free open source font families are easy to find and quick to include on your websites. But graphic/web designers also know the importance of choosing the right fonts in your mockups.

I want to present a small collection of interesting web fonts you can download for free use in any project. These are a great choice for web designers because you can easily setup your logo and heading text without needing to sacrifice much in the HTML/CSS conversion. Additionally you can produce the other web-safe font filetypes by using a service like Font2Web.

Idealist Sans

easy sans-serif light font color typeface

Read more
Inspiration, Resources

Top jQuery Slider Plugins for Frontend Web Developers

Common JavaScript techniques include Ajax content, dynamic forms, and modal windows. The content slider/slideshow interface has always been around but has gained a tremendous audience over the past few years. And with the continuing growth of jQuery it is safe to assume that more developers will be creating projects with an open source license.

In this collection I want to present 30 of the most interesting jQuery slider plugins. Each one should work properly with the most current version of jQuery and they also provide their own documentation. It is a great way to introduce yourself into the system and start building websites with some more dynamic effects.

iView

iview sliding plugin slideshow jquery

Read more
Resources

8 Techniques for Mobile & Retina Devices Detection

Despite of the awesome mobile browsers we have available nowadays, sometimes the best thing to do is to serve content at least mobile-optimized. But in order to do this you need to first detect which visitors are coming from mobile devices and which aren’t.

Today we’ll see a few ways to detect mobile browsers so you can chose the best suitable to your needs, and give your user the best experience possible.

#1 PHP User Agent

When the browser requests your server the page, it also sends some data about itself, like post data, referrer and the user agent. We could test the user agent comparing with a list of known mobile user agents so you can redirect the user to a different version, add a new cookie, set a global variable to be used in your CMS, set a HTML class or anything else you may want to do.

Read more