background preloader

Business/design tips for Web designers/developers

Facebook Twitter

Five Simple Steps. Paper, plastic & pixels.

Five Simple Steps

Introduction - Material design - Google design guidelines. Website Style Guide Resources. Designing With Your Clients. We have all known the pain of a client interfering in the design process.

Designing With Your Clients

Phrases like “Make the logo bigger” and “Put that above the fold” have become a running joke in the web design community. It is not unusual for web designers to lose money on a project as a result of the client endlessly iterating on the design. After a few bad experiences, we start to exclude the client from the process. We limit their number of iterations and avoid consulting with them. Unfortunately, this often makes interaction with the client even worse. There must be a better way — a way that enables you to produce outstanding design and maintain your profit margin. The answer lies in involving the client in the process, rather than excluding them. Understanding Color Theory and the Color Wheel. Sometimes the toughest step in building a new website or redesign can be the conceptual ones.

Understanding Color Theory and the Color Wheel

Selecting a color palette is one of them that can be tough if you don’t have the right tools. So where do you start? It all comes down to basic color theory and the color wheel. That same tool that teachers used in school really is the basis for how designers plan and use color in almost every project from the simplest web page to expansive brands with multiple sites and campaigns. Basic Color Theory. How To SEO A Website Step By Step (2015) What Is The Best Screen Size to Design Websites in 2015. Style Guides. It’s becoming increasingly necessary to be consistent and cohesive across an ever-growing number of media channels.

Style Guides

As it turns out, that’s no easy task. That’s why organizations, companies, and brands are turning to style guides to establish sound footing in an otherwise turbulent landscape. There’s no one definition for the term “style guide”. The term means different things to different people, so it’s worth taking a look at the various flavors of style guides out in the wild. Here are the basic style guide categories I’ve come across: Let’s take a closer look at each category. Brand Identity Guidelines Brand identity guidelines define the assets and materials that make a company unique. Historically, brand identity guidelines were contained in physical brand books, but as with everything else brand guidelines are making their way online. Web design and development articles and tutorials for advent ◆ 24 ways.

Website Style Guide Resources. Hobo SEO Auditor - Free SEO Report (BETA) Rethinking the Grid. At Shopify, we’re rebuilding much of our front-end code for Shopify Admin.

Rethinking the Grid

This is giving us the opportunity to re-evaluate why and how we build things. One of the first components that we decided to work on was the grid. 24 Column Grid Shopify has, for at least the last two and a half years that I’ve worked there, a 24 column, percentage-based grid. This type of grid is quite common in the industry and one that many designers like. As we talked about what our new grid system should be, some designers on our team pushed to keep the 24 column grid that we already had. Code Audits I did an audit of how many of those twenty-four span classes were being used and perhaps unsurprisingly, a fourth of them were unused.

CSS Guidelines (2.2.2) – High-level advice and guidelines for writing sane, manageable, scalable CSS. 7 web design mistakes every beginner makes. Experimenting and making mistakes is an important part of learning.

7 web design mistakes every beginner makes

Each year in my work as a university lecturer, I see new students making the same sorts of mistakes in their web design work. Hopefully by identifying those issues here, we can better learn to avoid them. 01. Lack of overall vision Every web page exists for a reason, whether it is to convey information, provide entertainment, sell a product or service or allow the user to perform a task.

You should aim to create a clear visual hierarchy, so the user can easily scan the page and pick out key information or functions. 02. Your daily dose of design tips and inspiration. Google Pagerank Update History. Style Tiles.

Basic design helps

Create the perfect website redesign. The Secret Handshake - Solutions to help you go pro. Browse guides by topic — Government Service Design Manual. Google Mistakenly Publish New Webmaster Guidelines? Webmaster Guidelines - Webmaster Tools Help. Following the General Guidelines below will help Google find, index, and rank your site.

Webmaster Guidelines - Webmaster Tools Help

We strongly encourage you to pay very close attention to the Quality Guidelines below, which outline some of the illicit practices that may lead to a site being removed entirely from the Google index or otherwise affected by an algorithmic or manual spam action. If a site has been affected by a spam action, it may no longer show up in results on or on any of Google's partner sites. General Guidelines Ensure that all pages on the site can be reached by a link from another findable page. The referring link should include either text or, for images, an alt attribute, that is relevant to the target page. Ways to help Google find your site: Create a useful, information-rich site, and write pages that clearly and accurately describe your content. Try to use text instead of images to display important names, content, or links. Quality guidelines Matt Cutts talks about manual action on webspam.

Browser info

How Search Works - The Story – Inside Search – Google. Google SEO Tutorial for Beginners. 10 techniques for an effective ‘call to action’ Top 5 tips for new web designers - Boagworld.