And worst of all, the contact form didn’t work.
Once upon a dark, stormy night, when all was quiet, a lone web designer was designing away. He had Sketch open, a coffee nearby, and a cheerful tune in his wired earbuds because Bluetooth is weird and has a delay that bugged the heck out of our Hero. Ahem, anyway…
During a lull in the music, our intrepid designer saw a notification on his phone. It was an email from his favorite customer, and he smiled. That smile disappeared when he read the contents. There were three broken links in the…
The mobile web keeps growing at a rapid pace.
Smartphones continue to sell strongly, with Apple alone forecasting to bring in $180 billion from its smartphones by 2021. There are over 224 million smartphone users in the United States, making the mobile web an essential focus for any website owner.
The continued growth of mobile web users makes it important for designers and front-end developers to grasp proper design for accelerated mobile pages.
The practice of accelerated mobile pages emphasizes design choices that align with what search engines perceive as friendly, including a defined audience, high-quality content, proper formatting and seamless mobile compatibility. You will notice a variety of accelerated mobile pages when browsing Google in mobile by the abbreviation AMP in search results.
Sign up to our publication Webdesigner Depot to read the rest
Once upon a dark, stormy night, when all was quiet, a lone web designer was designing away. He had Sketch open, a coffee nearby, and a cheerful tune in his wired earbuds, because Bluetooth is weird and has a delay that bugged the heck out of our Hero. Ahem, anyway…
During a lull in the music, our intrepid designer saw a notification on his phone. It was an email from his favorite customer, and he smiled. That smile disappeared when he read the contents. There were three broken links in the client’s site. Three!
“It’s okay.” he thought. “That happens…
Every modern website needs a responsive design. This does require more effort but the end result is worthwhile.
I actually recommend testing your ideas with responsive design tools to see how your site looks at each stage. You can look for usability issues on different screen sizes all from one handy tool.
And these free tools are my top picks for responsive testing since they’re all super easy to use. Best of all these support many device sizes so you can get a good feeling for how your layout should look from smartphones to desktops.
1. XRespond
The XRespond app calls itself…
It has often been asserted by fans of pop-wisdom that there are only two distinct plots in the whole of western culture: a person goes on a journey, and a stranger comes to town.
A brief flick through your bookcase will disprove the rule — unless you permit metaphorical journeys, in which everything fits — but the frequency with which the idea is repeated, and the sense it seems to make, speaks volumes about the centrality of the unknown in western ideas of narrative.
In both plots, a person is introduced to something new and unexpected, the only variation is…
The freelance economy is a hot topic these days.
With more studies coming out confirming the benefits of freelancing and remote work, in addition to an influx of communication tools that make it easier to work from anywhere in the world, there is a whole new workforce forming that is defining the future of work.
While it may sound great on paper (wake up when you want, work when you want and go out when you want) in reality, freelancing is challenging and takes a lot of hard work and dedication. …
If you’re thinking of launching a design conference or attending one yourself this list should be all you need to get started.
Out of many annual conferences I’ve curated my 10 picks for the top conferences on web and UX design. These each feature something a little different and they all have their appealing specialties. So whether you’re looking to grab a ticket or design a site for your own conference I think you’ll find something in here to grab your attention.
1. Reasons to
Reasons to is very much a creative conference discussing all things design and code. It’s an event for…
With the usual pomp and ceremony of their MAX conference keynote, Adobe have unveiled a whole host of updates to their Creative Cloud suite of applications, together with some almost-new apps.
Wrapped up as new offerings are Adobe XD CC, Adobe Dimension CC, Adobe Character Animator CC, and Adobe Photoshop Lightroom CC. In reality, most Creative Cloud users will already be familiar with the first three: Adobe XD CC has been available in beta since 2016, Adobe Dimension CC was previously available as a beta under the name “Project Felix”, and Adobe Character Animator CC was previously available in beta…
With all the talk lately of finally being able to use CSS Grid, it got me thinking: What other amazing CSS features can I use now? CSS Variables was the one that instantly sprung to mind.
It’s been a while since I’ve heard anything about CSS Variables and it adds a whole new toolset and way of thinking to front end development that excites me.
A Refresher on CSS Variables
CSS Variables have been knocking around for a few years now but don’t seem to be in wide usage. …
Animation was once thought of as just decoration. But as technology advances and internet connections accelerate, designers are embracing the practical benefits. In this article, we’ll focus on one particular benefits of animation — marketing animation or animations that sell. Despite the fact that such animation isn’t intended to improve usability, it can impress the user, and give them some context for the subject.
Designers can utilize this type of animation in following ways:
1. Demonstrate Craftsmanship
People do notice the details. Attention to animation can make the experience feel crafted. …
WebdesignerDepot
Webdesigner Depot is one of the most popular blogs about web design trends, tutorials and much more. It's run by Walter Apai, a web designer from Vancouver.
