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.
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.
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.
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.
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.
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.
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.
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.
There are some websites online that just scream branding. You immediately recognize the site based on their logo design, the font style, the icon symbol, even vector artwork. Branding is a crucial part of the design experience because your company and its brand is all you need to draw in some attention. Many popular brands such as Microsoft and Apple demonstrate what a good logo can do for your company.
But having a good logo is only the first step. Then you need to work this into your website layout gracefully, in a manner where users are impressed and invigorated by the design. I have put together this showcase of 34 various website layouts featuring beautiful website branding. I hope this collection may provide inspiration for other designers who are launching a new project online and need a quick fix of design ideas.