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

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

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

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.

Popular Printing Services for Digital Marketing

Lots of resources exist online for digital marketing. By working with printed material you are opening your world to a number of similar topics which could draw attention from users or advertisers. But how do you know which print services are worth the time and effort? Well in this article I want to outline a few online resources which I feel are great for print marketing.

dead graveyard printers near window technology

The various solutions can range from printed posters, pamphlets, posterboard, bookmarks, and other nifty crafts. People who are interested in your products may purchase these items to support your cause. It is a show of affection towards companies and individuals who build great products. And I hope this collection of online products may be just as helpful.

30 Beautiful Typekit Web Fonts to use in Design Projects

The online webfont service Typekit by Adobe is a fantastic business model. Their premium accounts are very affordable in yearly billing cycles and you have access to over 700+ different fonts. These can be loaded directly into your CSS and used as a regular font-family value. Typekit is a quick way to dramatically improve the layout of your website.

I have put together this showcase of 30 personal favorites from Typekit. You can use these fonts in so many different places like your navigation, footer, header text, and even body content. Custom typefaces will take a bit of time to load – so there is a tradeoff for using all custom web fonts. However when used sparingly the Typekit library is a colossus unmatched anywhere else on the web.

Proxima Nova

proxima nova typekit webfonts

What Really Matters in Navigation Bar Usability?

A look at real A/B tests across several large enterprises suggests: everything.

Designing a navigation bar can be a humbling exercise. We want to consider our visitors’ natural orientation when browsing a site, along with their short attention span, and lay out a navigation structure that’s logical yet elegant. So what’s most important when designers think about navigation bar and sub-navigation usability practices?

In this post, we’ll examine several A/B tests conducted by large enterprises with plenty of resources, great attention to detail and a hunger for answers flanked by scientific method. Looking at this type of data, it quickly becomes clear that minutia such as link style, sub-nav structure, list order and the like, aren’t minutia at all. They can prove critical to the success of the site.

 

To sub-nav or not to sub-nav? That was Dell’s question.

In this first case study, a clever and meticulous team of Dell marketers discover that 5 pages in particular on their website correlate highly with visitors who complete a lead form. Their hypothesis becomes: if we put these pages in front of new visitors, perhaps they, too, will be more likely to convert, as it seems something about these 5 pages is compelling to them.

The A/B test Dell ran involved a baseline version of the site as it was already set up, with the B version offering visitors the 5 critical pages as sub-nav items. That move yielded 39% more leads.

Version A