Why designers don’t use your design system

Improve the adoption of your design system through components flexibility Thumbnail of Cosmos Design System ❤ This is not a recipe for success or a know-it-all article. Here I’m focusing on the most constant and significant challenge when building design systems — reaching a balance and compromising between flexibility and rigidity of components standards. The components in the… Continue reading Why designers don’t use your design system

Layout with Reveal Animations and Content Preview

Some experimental reveal animations on typographic elements as repeating pattern for a website design. From our sponsor: Guide customers along the path to purchase with our award-winning platform. Starting at $14.99/mo. Today I’d like to share a little experiment with you that has some fancy animations for a menu and a content preview. I love… Continue reading Layout with Reveal Animations and Content Preview

Android Essentials: Creating Simple User Forms

Android applications often rely upon data supplied by users. This tutorial walks you through the creation and use of a number of the most common controls used to collect data from the user. Getting Started For this tutorial, you will design and implement a membership registration form. Whether you’re in charge of recruiting members for… Continue reading Android Essentials: Creating Simple User Forms

Can Design Systems Work for Freelancers?

There’s a lot riding on your shoulders as a freelance designer. You have to play the part of salesperson, project manager, web designer, accountant, and more. That’s why it’s critical to develop more efficient ways to work while maximizing results. One way that agencies and even small teams of designers do this is through design… Continue reading Can Design Systems Work for Freelancers?

Can Best Practice Replace Design Research?

Heart-warming or not, co-creation with a client—the utopian ideal of shared vision—has its drawbacks. There are only so many times you can hear the words “brand strategy” before actually chewing your own face off. In the age of WordPress, Drupal and, dare I say it, Wix, it’s never been more tempting to pay lip-service to… Continue reading Can Best Practice Replace Design Research?

How to Create a Print-Ready Pocket Folder

A pocket folder professionally organizes your documents. When customized with a design to match your brand, it can be the cherry on top of your marketing collateral. However, it can be a long road to that perfect presentation folder if your design isn’t print-ready. What type of file do you have? Is it the correct… Continue reading How to Create a Print-Ready Pocket Folder

20 Online CSS3 Menu, Layout & Code Generators

Though CSS3 generators or tools are not necessary but can provide a strong start for your menu or layout designs. These tools can speed up the design workflow. You can change the code later according to your needs. In this article we featured 20 CSS3 menu, layout & code generators you can find online. These… Continue reading 20 Online CSS3 Menu, Layout & Code Generators

32 Ultra-Flat and Modern Website Layout Mockups

Trends seem to ebb and flow much like the ocean tides – and opinions are just as critical. While you might prefer high tide for a little water adventure, old granny might be waiting on low tide to shrivel up and dry out on the sandy beach. Some people might not even like the beach… Continue reading 32 Ultra-Flat and Modern Website Layout Mockups

Designing an Elegant Blog Layout in Photoshop

In this tutorial I am going to show you how to create a simple, elegant blog layout in Photoshop. We’ll use a strong image above the fold (wherever that may be) with some straightforward messaging, followed by very clean and elegant typography. Tutorial Assets In order to follow along you will need the following (freely… Continue reading Designing an Elegant Blog Layout in Photoshop

20 Clean & Modern Free Web Layout PSDs

Are you looking for some top-notch free web layout PSDs? Then you have come to the right place. What we have for you is 20 clean PSD templates that resonate with professionalism and have all been designed with the latest web trends. They are all free (a couple requiring a tweet), all fully-layered, and all… Continue reading 20 Clean & Modern Free Web Layout PSDs

Steps Towards a Successful Business Website

A business website is the first introduction of a corporation or a company to its customers. It is a medium, through which a business owner or a corporation can spell out its mission, vision, values and above all its services to its potential customers. What constituents are required to makes a good business website design?… Continue reading Steps Towards a Successful Business Website

Sliding Horizontal Layout

Today we’d like to share an interesting layout with you. You might have seen it already on Skybox or on the website of Lotta Nieminen. It’s a layout where we see the main section in the middle and part of the previous and next section on the sides. The navigation reflects this view by showing… Continue reading Sliding Horizontal Layout

Code a Single-Page Sliding Website Layout With Fixed Navigation

When constructing a simple webpage, it can often make sense to fit the content into a single layout rather than multiple pages. These single-page websites are beneficial when you have a small project or portfolio which needs some online presence. If you split up content into neat sections, then visitors might use a small sliding… Continue reading Code a Single-Page Sliding Website Layout With Fixed Navigation

Code a Dynamic Featured Image Gallery Layout using jQuery

The common image thumbnail carousel effect has gained traction among web developers. You can locate this technique on almost any major news company or online magazine, coupled with rotating featured images or banner designs. I feel that open source code has offered a much smoother choice for developers instead of being forced to write your… Continue reading Code a Dynamic Featured Image Gallery Layout using jQuery

8 jQuery Plugins for Layout and UI Enhancements

On occasion, you might have to work on a project that has unique layout or UI requirements – things that can’t be achieved with CSS alone. With projects like these, jQuery can be very useful. So for this post, we’ve rounded up some jQuery plugins that can help you accomplish some amazing things when it… Continue reading 8 jQuery Plugins for Layout and UI Enhancements

Take Control and Save Time When Designing for Clients

At FHOKE we’ve managed hundreds of projects in many ways. With our team’s industry experience, running, or working within studios, we’ve seen it all; ways that have worked and others that have failed. Over the years we’ve refined our process and found a great staged approach that works well for all our clients. It saves… Continue reading Take Control and Save Time When Designing for Clients

How to Create a Professional Web Layout in Photoshop

Designing good looking clean and functional Web layouts is an essential part of a Web Designers life. In this tutorial we are going to create a clean and professional Web layout in Photoshop from scratch. Along the way you can learn useful methods to create designs. So get started! Tutorial Details Program: Adobe Photoshop CS5… Continue reading How to Create a Professional Web Layout in Photoshop