Why words are a design issue

Writer Gemma Church explains why designers and copywriters need to work together.

Designers and copywriters do not hold mutually exclusive roles. The design process needs to happen with content, not just for it. The practice of creating a page full of lorem ipsum and then just getting a copywriter to fill in the gaps does not cut it anymore.

I’ve worked as a website designer and copywriter. Many companies take a blinkered approach where each department ‘did its own thing’. Designers design websites. Writers churn out copy. Marketing department promote websites. It usually turns out a disjointed and unpleasant user experience – as well as producing a confusing and frustrating work environment.

The key factor here is effective communication. Every department has a different set of priorities and a different level of understanding. Designers discuss images, fonts and layouts. Writers worry about word choice, tone and syntax. A designer may not understand the lingo of the writer, and vice versa.

The first step is understanding each other’s worlds. If you’re a designer, take some time to read about writing styles. If you’re a writer, try to understand some of the more technical aspects of

Using in-browser editing within Adobe Muse

If you haven’t already heard, the new Adobe Creative Cloud subscription contains a powerful drag and drop website builder known as Muse CC. For graphic designers and front end developers, the appeal of Muse is a familiar Adobe canvas where custom layouts and graphics are resized, optimized and then exported to clean HTML for the web in just one click.

In just a few short years, Adobe has steadily beefed up the functionality of Muse to include parallax scrolling animation, numerous rollover and lightbox options, intuitive design tools, and an extremely useful feature known as in-browser editing. This feature allows anyone with the site’s FTP credentials to login to a web-based layout editor (even on a mobile device), make changes and publish them in minutes.

Adobe Muse and the new editing feature are best utilized within static sites for small businesses, organizations, agencies, creative and restaurants. By using in-browser editing, it’s surprisingly easy for anyone to make small changes to page elements like menu items, pricing, hours and specials.


In its current release, in-browser editing will allow you to edit headers, text boxes, images, hyperlinks and tool tips. Adobe has

Cursor-Over-Text Behaviour in Browsers

By default, in all major browsers, when you hover your mouse over text on a web page, the cursor changes from the regular arrow (the “default” cursor) to a “text” cursor. You can see this demonstrated in the GIF below or by simply testing it out on just about any web page:

Cursor changes fropm default to text

To be more precise, the “default” cursor is not technically required by the spec to be the default. The initial value of the cursor property is actually “auto”, meaning that, as the spec says, “the UA determines the cursor to display based on the current context.”

When defining the “text” value for the cursor property, the spec explains: “Indicates text that may be selected. Often rendered as a vertical I-beam.”

But, as you probably know, this can be overridden in CSS, so you can display whatever cursor you want, any time you want. Notice, for example, on SitePoint that the CSS is overriding the behaviour on plain text:

Cursor doesn't change

I can’t think of another site at the moment that does this no-text-cursor thing

Surprising Facts About HTML5 You Have Missed

HTML5 is the latest version of HTML, or Hyper Text Markup Language. It is a much needed revolution in the World Wide Web which has revamped the process of building websites. HTML5 has given us far-fetched features to enhance websites without hiring a professional programmer like canvas tags, placeholder, doctype, etc. Along with the introduction of new tags & attributes, there has been a series of beautiful designing resources like html5 themes, templates, and other amazing web products.

Here is a list of some unknown facts about html5 you must not miss:

HTML5 has enabled developers to create websites rich in media

With the introduction of canvas tags, you have full power to add audios, graphical images, videos, and other animations to your websites without altering the entire coding of your website. Now creating websites rich in media is a child’s play with html5!

HTML5 has imparted clean code and reduced bandwidth

The websites built with html5 have a much better, advanced, and high quality coding which further reduces the bandwidth. A clean code also improves the site speed and facilitates a better user experience since the website opens at the click of the mouse without buffering which can be frustrating for your users and

A Simple Plan For Investigating Support

The Importance of Microsoft Office Support The field of technology had been very serious with providing people things that are essential in their every day lives. Because of technology, people are able to have the freedom of giving people the access to computers in accomplishing certain duties. You need to bear in mind that your computers must have certain kinds of software installed on them to fully function well. You need to bear in mind that there will be instances that your computers will experience some technical errors along the way. Given the fact that you are experiencing some problems in the process, it is human nature for you to then look for possible solutions to all these issues. With the given truth that technical support is one of the most effective ways on solving problems that your computer is currently experiencing, it had been one of the things that people are now looking for nowadays. The best thing of having a technical support is the fact that all the problems that your computer has will be easily addressed. One thing that you need to know about having a software support is that it provides the protection that your equipment

Free ebook about visual storytelling in web design

Discover how to design visual narratives into sites for better UX

The difference between good design and great design is the emotional response from the user. Web interfaces must go beyond usability to tell stories, but this requires a sharp skillset to master the visual subtleties.

The Visual Storyteller’s Guide to Web UI Design explains everything a designer needs to know to design websites with rich narrative. This book is available free to download from the prototyping app UXPin, as part of their free design library.

Subscription offer

In 68 pages, this ebook explains its advice with analyzed examples from 29 companies including Tesla, Fitbit, Microsoft, Squarespace, Foursquare, and more. It covers such topics as:

  • How to design sites to lure people into long-term engagement
  • The 3 types of storytelling imagery — iconic, symbolic, and indexical — and how to apply each to web UI design
  • How to use illustrations, mascots, rich backgrounds, and gamification to immerse users in the UX
  • How to create and execute “visual game plan” beforehand
  • Analysis of different styles of visual storytelling, and which one works best for certain projects
  • How to develop your own personal visual style
  • Interactive design techniques for web storytelling

It’s worth checking

Shuttercraft Chelmsford Proudly Announces The Company’s Official Grand Opening


(Chelmsford, England)— Increasingly one of the UK’s most popular forms of window covering, window shutters – otherwise known as plantation blinds – add an air of class to any home or business. Having a local company who understands a client’s needs is important, and for this reason Shuttercraft Chelmsford is pleased to announce that they are now operational throughout Essex. Franchise manager Trevor Siederer and his dedicated team of shutter specialists can advise clients on the best types of window treatments perfectly suited to properties in Chelmsford, Braintree, or Epping. Clients can visit www.shuttercraft-chelmsford.co.uk/ to learn more about how to take advantage of these services.

In addition to having several towns, Essex is also known for quaint villages like Great Baddow, that have characterful property types perfect for the plantation shutter treatment. Shuttercraft Chelmsford fits only the finest wooden, MDF and ABS shutters from S:CRAFT, one of the UK’s leading industry specialists. Not only do they look stunning, they also provide a number of benefits that families have come to expect.

Made-to-measure wooden window shutters offer a range of advantages from thermal insulation to external noise reduction, which makes them perfectly suited to life in modern Britain. In busy

Web Designing Website Designer Guelph

Online marketing has become the most sorts after networking concept for all companies, organizations, entrepreneurs be it small, medium or large scale. Well, getting connected or building network online through social networking sites has become the new trend. One must agree that this business concept surely attracts many to look into new ventures and also get in touch with companies from any corner of the globe. Starting from designing the website for the company to till maintaining or managing social media networks, is a complete process of online marketing. Seo company Brampton a launch of Social bee web marketing and Design Company, offers to design web sites, design logo, content writing, social media marketing, advertising and the management for the same.

Our designs are innovative and creative we use best suitable platform and design such that it looks impressive and eye catching, Home page of any website speaks about itself, our skilled team always use optimum recourse to cater all your needs.


Social bee web marketing and Design Company offers supreme quality design and creative logo design that match the competency levels of today’s strategies. There packages suite all kinds of budget. They

Different Types of Web Design Layouts Available

A beautiful website design with some mystical visual aspects would surely impress every client visiting your site. If your web design is interesting and designed immaculately, drawing more visitors to your website won’t be a problem. As it is evident, a beautiful layout will surely leave a lasting impression on visitors, contributing much time in designing such a website is recommended.

Fixed Width Layout

Fixed web pages have a set width that won’t modify when the program is resized, no matter what equipment the website is generally seen on. On small devices, for instance, tablets and smart phones, content is hard to view and may be irritating for clients due to the requirement to scroll horizontally to view the rest of the content on a page, or continually ” squeeze and grow”, to zoom into the content of the page. At this point when the browser on a screen is lessened or expanded, content and pictures may break apart on the screen.

The main basic contrast between the fluid patterns and the fixed width type we have recently analyzed is the estimation of the size. The fixed width layouts are measured in pixels, yet for liquid or fluid layouts, measurements are characterized

Custom Box Packaging

The present market offers a wide range of daily use products and accessories for the consumers. Huge demand has given birth to a wider category of products too and to keep a sustainable position in the consumer market is not that easy. Greater options and possibilities lead to greater confusion on consumers’ side in term of selection of what suits them the best. In the current time, consumers don’t have time to observe deeply each and every product by opening its box and checking each and every item to get to know what it actually is. So, packaging of the product is the most important tool to market and deliver product’s efficiency.

Packaging Decides Every Thing:

Packaging has come up as an excellent tool that doesn’t even keep the product safe but also makes it more presentable and attention grabbing. There was a time when businesses didn’t need to take much care of how the product is presented. Only product meant everything. But with greater technological advancement, businesses have now to take extreme care of each and every thing that relates to the product. Hence, packaging is the most precise thing that relates to the product and the first sight on the

Maximising Online Sales Through Good Web Design

As internet shopping continues to rise in popularity, more and more businesses are turning to e-commerce to boost their sales. Selling products directly to the public online can be very lucrative, but one factor is often overlooked by many businesses starting out in e-commerce: web design. It’s easy to think that as long as your products are available for sale online, people will buy them. However, you need to apply the same level of scrutiny to your online shop as you would to the rest of your website design – think about how to make it as easy and simple as possible for people to find the products they’re looking for, and to buy them. Your web design agency in Horsham should be able to help you achieve this.

Here are some simple things to think about when you’re planning the web design of your online shop:

  • make it easy for people to find what they’re looking for: this means your design should include a combination of organising your products into intuitive categories that will allow users to browse to them, and a good search function so that someone can find the product they want by entering a search term
  • always include

Know the Diverse Range of Web Design Services

A web design company can make attractive and informative website to showcase your products and services effectively. The experts offering web design services in Maryland focus on designing an interface that can engage the users. They provide a user-friendly experience to the viewers while navigating the site.


The web designers are highly experienced and creative in web template design. They know the hot zones of the template to put the vital elements and information where they’ll get the most attention. They follow modern ideas of web 2.0 and 3.0 to coordinate with the state-of-the-art trends and expectations. They are well-versed with all the recent innovations that can be implemented to spread the message in a completely new sense through a website. Their diverse array of web design services Maryland includes:

  • Ecommerce Website Design- An attractive showcase of products/services is imperative for ecommerce sites that pitches your brand and allure the users to buy them. The web designers can make websites, which are eye-catching on the outside and simple on the inside, combining with all the crucial details presented in a user-friendly manner. Initially, they determine the target audience and create

Tips To Choose A Professional Web Design Company

A website has become the core need for rapid growth and success of any type of business. A good website is necessary for making a brand-building image of your business. It is the best way to attract potential customers towards your business, generate sales leads and increase the profit.

Do you need a professional web designing company to get a visually appealing website for your business enhancement. One must always give preference to select a reputed and experienced company that can deliver all the designing & development outputs as required. Here are some tips that can help in choosing best web design company –

  1. Check Portfolio – It is necessary to hire a company that have impressive portfolio. It can help to get an idea about their work strategies. An professional company always have their work record of their projects they have worked upon.
  2. Client Reviews and Testimonials – One can read the reviews of previous clients to know about the trustworthiness of the company. Do not hesitate to contact the clients for getting the feedback about the type of services provided by that company.
  3. Professionals Qualification and Skills – It is important to find a website designing company that has qualified and

Use Colors Effectively For A Perfect Web Design

If you are planning to design your website with perfection and articulately, then maple care needs to be taken to select the colors effectively. Choosing the right color palette is crucial in order to communicate the right message and induce the potential customers to sell the products and services. You may have a favorite hue on your mind, but a wrong choice may prove to be disastrous for your site. Working with a leading web design company will most certainly get you the desirable results and help you select the right hues. In selecting the colors for your website, there are certain things you need to make a note of and a simple read through will most certainly clear your queries.

Access the mood and personality of the visitor

First and foremost, you need to check out and access the kind and type of visitors who will take interest in your online venture. Young people will be attracted to brighter hues, while the older population may find it to be garish. Strong color contrasts will also impact negatively. So, choose colors wisely and in this aspect hiring the services of a certified and experienced web design company are of paramount importance

3 top WordPress themes that won’t cost a penny

Tahir Taous reviews three of the most popular WordPress themes of 2015: are they worth a try?

WordPress allows you to change design of your blog easily with WordPress Themes. There are thousands of free WordPress themes and premium themes available, as well as some brilliant WordPress tutorials to help you put them into practise. You should always choose a theme which not only looks great but also fully responsive and up to date.

I like to install and test free versions of WordPress themes, and if they work well and are easy to customize, I’ll buy the pro version. Many premium themes offer 30-day money back guarantees, but I think it’s better to avoid the hassle. Simply install and test the free version and if it works well, go and buy the pro version.

Don’t miss this!

In this article I’m going to review the free versions of three of 2015’s most popular themes: ZerifLite, Customizr and Graphene. I’ve installed all these themes on my test websites with dummy content and tested how they work on desktop and mobile devices.

01. Zerif Lite Zerif Lite is a free, one-page WordPress theme with parallax effect

  • Cost:

Generate New York an amazing day for web designers

Generate is the conference for web designers and developers, presented by net magazine and Creative Bloq. The next amazing Generate event will take place on 22 April 2016, at the New World Stages in New York. And we’re delighted to announce that tickets for Generate New York are on sale now!

Get your Generate ticket today

This year’s one day, two-track event features a stellar line-up of speakers, a pre-event party and an after party. Generate also offers an unparalleled opportunity to network and socialise with your fellow makers, designers and developers.

Now in its third year, Generate is an established highlight on the web conference scenes in both New York and London. If you’re excited – and we hope you are – make a beeline for the Generate website and grab your ticket now. Here’s what you’ll get for your money:

  • Entry to the event
  • 2 tracks of sessions
  • See some incredible speakers (see below)
  • Get an amazing lunch
  • Enjoy free mini workshops in the breaks
  • Hit the attendee party on 22nd April
  • Get a goodie bag
  • Access to videos of all sessions

Last year’s New York event played host to Mike Monteiro, Brad Frost,  Val Head and many more. Meanwhile, here’s a rundown of the main 2016 speakers booked

Adaptive Web Design Designing Experiences for People

A website built following the philosophy of progressive enhancement will be usable by anyone on any device, using any browser. It all begins with embracing the concept of experience as a continuum, as Aaron Gustafson explains in this chapter from Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement, 2nd Edition.

This chapter is from the book

This chapter is from the book

Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement, 2nd Edition

Learn More Buy

This chapter is from the book

Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement, 2nd Edition

Learn More Buy

  • “Anyone who slaps a ‘this page is best viewed with Browser X’ label on a Web page appears to be yearning for the bad old days, before the Web, when you had very little chance of reading a document written on another computer, another word processor, or another network.”

The one constant on the Web is change. There’s always a new design fad; a new darling language, framework, or tool; a shiny new device to view it on; or new ideas of what it means to be “on the

Editing and Combining Shapes and Paths in Adobe Illustrator CC (2015 release)

Getting started

In Lesson 3, “Using Shapes to Create Artwork for a Postcard,” you learned about creating and making edits to basic shapes. In this lesson, you’ll take basic shapes and paths and learn how to both edit

Frontend RSS Feeds Revisited

Back in 2008, Paul Irish posted a modest list of RSS feeds for front-end developers to follow. Since that original post, he’s updated the list multiple times, and his list is now on GitHub growing to over 200 feeds.

It looks like the list hasn’t been updated in 6 months or more. Not a really big deal, but I noticed when I imported the OPML into my feed reader, there were a number of broken feeds, empty feeds, and feeds not updated in quite some time.

For a while now I’ve wanted to put together my own list of front-end feeds, so here it is.

Some of the things I’ve focused on for this list are:

  • Not too many overly technical feeds that most of us don’t benefit much from (standards bodies, browser makers, etc.)
  • I’ve included CSS/HTML/JS category feeds for many design blogs that don’t post a lot of code. These won’t always be the most high quality feeds, but I think they have some value.
  • I’ve ensured that, as of this writing, almost all the feeds included are updated fairly regularly, or else they have been updated in the past 6 months.

If you have any suggestions for stuff to add, even if it’s

onchange vs. oninput for Range Sliders

A common UI pattern for a range slider is to allow the user to move the slider and display the value of it somewhere on the page, changing the displayed value as the user moves the slider.

I think the expected behaviour in such a case is that the value should display instantly, as the user is moving the slider, rather than the page waiting for the slider to finish moving before the displayed value is updated. I suppose there could be cases where you prefer a delay over instant results, but I think the expected behaviour is to display the results instantly.

As you’ll see in the videos below and in your own testing, the behaviour of the input event compared to the change event is not exactly the same in different browsers when applied to a range slider.

Let’s look at how these events behave in the different browsers. The code I’ll be using is embedded in the JS Bin example below:

Swap change with input to see the differences I’ll be discussing. The results described are observed on OSX and Windows 7.

Note: Opera is equivalent to Chrome in these tests because it now has the same rendering engine.

oninput in Chrome