Laying Out A Flexible Future For Web Design With Flexbox

CSS floats and clears define web layout today. Based on principles derived from centuries of print design, they’ve worked well enough — even if, strictly speaking, floats weren’t meant for that purpose. Neither were tables, but that didn’t stop us in the 1990s.

A Flexible Future For Web Design With Flexbox

Nevertheless, the future of web layout is bright, thanks to flexbox. The CSS layout mechanism lets us arrange elements in a truly web-like way. Some elements can be fixed, while others scroll. The order in which they appear can be independent of the source order. And everything can fit a range of screen sizes, from widescreen TVs to smartphones — and even devices as yet unimagined. Browser support is fantastic (except you-know-who). Yep, it’s a great time to jump into flexbox if you haven't done so yet.

Read more...

Web Design Conferences Are Booming: But What’s Next?

Every year there are around 100 web conferences in the UK, and there are new ones emerging all the time. With a conference catering for every design and development niche, you are rarely more than an hour away from your nearest event.

Web Design Conferences Are Booming: But What's Next?

If you’re interested in JavaScript, then Full Frontal is a must. If you like to geek out on typography, then you should hit up Ampersand. If you’re bored of the traditional format, then why not go camping in Wales or hack from a boat on the Thames?

Read more...
Advertisement Advertise with us!

Understanding Critical CSS

The web is slow, yet there are a few simple strategies to make websites faster. One of them is inlining critical CSS into the <head> of your pages, yet how exactly do you do it if your site contains hundreds of pages, or even worse, hundreds of different templates? You can't do it manually. Dean Hume explains an easy way to get it done. If you're a seasoned web developer, you might find the article obvious and self-explanatory, but it's a good piece to show to your clients and junior developers for sure. — Ed.

Understanding Critical CSS

Delivering a fast, smooth web experience is an important part of building websites today. Most of the time, we develop websites without understanding what the browser is actually doing under the hood. How exactly does the browser render our web pages from the HTML, CSS and JavaScript that we create? How can we use this knowledge to speed up the rendering of our web pages?

Read more...

How To Deploy WordPress Plugins With GitHub Using Transients

If you've worked with WordPress for a while, you may have tried your hand at writing a plugin. Many developers will start creating plugins to enhance a custom theme or to modularize their code. Eventually, though, you may want to distribute your plugin to a wider audience.

Deploy WordPress Plugins With GitHub Using Transients

While you always have the option to use the WordPress Subversion repository, there may be instances where you prefer to host a plugin yourself. Perhaps you are offering your users a premium plugin. Maybe you need a way to keep your client's code in sync across multiple sites. It could simply be that you want to use a Git workflow instead of Subversion. Whatever the reason, this tutorial will show you how to set up a GitHub repository to push updates to your plugin, wherever it resides.

Read more...

Designing Web Interfaces For Kids

Kids spend a lot of time online, and their cognitive and physical limitations present many challenges to them when they do so. Pair that with poorly designed content and dark patterns, and you have a bad mix. As designers on the web, we have a responsibility to create things that empower kids and make them smarter, not the opposite.

Designing Web Interfaces For Kids

This article will give you some insights about what kids are like from the psychological point of view, and how this affects the way they use the web. We’ll also cover practical design guidelines to create better web stuff for kids.

Read more...

So You Want To Crowdfund Your Startup App?

If you're a developer, you know how hard funding and traction are to come by. Most software startups try crowdfunding and fail — they're doing it wrong! To crowdfund your app, and supercharge your business, let's look at what works, what doesn't, and get started right!

Who Ever Heard Of Crowdfunding A Killer Startup App?

It's no secret that the crowdfunding industry is booming. It seems like every day you hear about an exciting new startup crushing their campaign goals and launching their company via Kickstarter or Indiegogo.

Read more...

myMail App Case Study: Developing For Apple Watch Without The Device

How do you write a useful app for the Apple Watch? In what ways does it differ from coding for iOS? And what if you don't have a Watch on hand to test with? Before the launch of the Apple Watch, our iOS team at myMail (one of the popular alternative email apps for iOS) worked tirelessly with a simulator to create a new Apple Watch app.

myMail App Case Study: Developing For Apple Watch Without The Device

We wanted the first buyers of the Apple Watch to have the opportunity to use myMail from day one. What we learned through using the simulator and creating the app — including the Apple Watch's UI quirks, passing data between devices, and the rigors of simulator-only development — is described below and (we hope) will help iOS developers get to results, faster, and avoid a few headaches down the road.

Read more...

Designing Custom Images For Your Online Content, Faster!

Visual elements are a huge part of online publishing. Whether you are creating social media updates, blog posts, eBooks or slide decks on SlideShare, if your post contains images, then you’ll get exponentially better engagement. So, having a streamlined process for creating eye-catching images is imperative.

Designing Custom Images For Your Online Content, Faster!

This article will walk you through how to do just that, as well as provide you with a starter kit of tools to kickstart your foray into the exciting world of quick-and-dirty (yet still super-cool) image creation!

Read more...

How To Prototype UI Animations In Keynote

Whether it’s playful refresh states, subtle icon movements or complex transitions, beautiful animation is all around us. Once considered an aesthetic luxury, animation is now used so commonly in modern web and mobile applications that entire websites are dedicated to UI animation patterns.

Animating In Keynote

While animations may have great visual appeal, they also make app experiences more intuitive and engaging. Animation can make an app feel more fluid and responsive by providing feedback on user interaction. This means that, for designers, creating authentic animations is increasingly becoming a part of the job description.

Read more...

Desktop Wallpaper Calendars: August 2015

We always try our best to challenge your artistic abilities and produce some interesting, beautiful and creative artwork, and as designers we usually turn to different sources of inspiration. As a matter of fact, we’ve discovered the best one — desktop wallpapers that are a little more distinctive than the usual crowd.

Desktop Wallpaper Calendars: August 2015

This creativity mission has been going on for seven years now, and we are very thankful to all designers who have contributed and are still diligently contributing each month. This post features free desktop wallpapers created by artists across the globe for August 2015. Both versions with a calendar and without a calendar can be downloaded for free. It’s time to freshen up your wallpaper!

Read more...

↑ Back to top