OUT OF THE BOX

OUT OF THE BOX

!important CSS Declarations: How and When to Use Them

The !important CSS declaration is extremely powerful but like they say, with great power comes great responsibility! Check out this article to find out when you should and shouldn't be using !important.

!important declarations are best reserved for special needs and users who want to make web content more accessible by easily overriding default user agent or author stylesheets. So you should do your best to give your CSS proper forethought and avoid using !important wherever possible. Even in many of the uses described above, the inclusion of !important is not always necessary.

Read More
Which Responsive Design Framework Is Best? Of Course, It Depends.

Brown Box made the decision several years ago to use Foundation as the responsive framework in all the sites we build, but we regularly revisit that decision to make sure it still makes sense. This article provides a very thorough comparison of 3 of the main responsive frameworks, and ultimately they are all very similar, though there are small differences that may affect the choice of framework for any particular project.

With dozens of responsive design frameworks available to download, many web developers appear to be unaware of any except for Bootstrap. Like most of web development, responsive design frameworks are not one-size-fits-all. Let’s compare the latest versions of Bootstrap, Foundation and UIkit for their similarities and differences.

Read More
Sketch vs. Photoshop: 5 Expert Designers Share Their Thoughts

Ensuring you're using the right tool for the job is essential when working in any profession - As many designers flock to new software built specifically for User Interface such as sketch, is it time for designers to break out of their comfort zones? Or could a combination of tools be used to achieve the best outcomes? Check out this article for some insight on what other experts are thinking.

The debate about Sketch vs Photoshop keeps on raging. There is no denying that, to this day, Photoshop is still the most commonly used tool for making mockups both for mobile and web designs. While it is true that Adobe Photoshop was primarily meant as a tool for photographers to edit their captured images, its compelling features empower web designers to come up with striking and useful websites, too.

Read More
The Future of Front-End Development is Design

Design itself is evolving to accommodate and cater for the emerging ways in which we consume and interact with the world. An evergrowing importance is being placed usablity, UX and UI the design community continues to grow and cater for users. Application of design thinking is seems to be the most critical element in creating future products, websites and apps.

So, should our kids learn to code? I can’t argue against the value of every child having a working knowledge of software development. But there is a difference between coding foundational technology and front-end development — and the divide is growing.

Read More
Magical Lessons for Muggle Developers

Although many people in today's world see developers as 'Internet Wizards', not many would be able to tell you the similarities of coding and magic. This article provides a fun insight of what it's like to be a web developer.

What do the wizarding and coding worlds have in common? If it’s not something you’ve considered before – but you’re as avid a Harry Potter fan as I am – then read on for a magical perspective.

Read More
5 Years of Foundation: A Look Back

This month marks 5 years of Zurb Foundation! Time to celebrate and take a look back at how influential this framework has been to the industry.

This month, ZURB celebrates the 5th birthday of its Foundation front-end framework. This popular framework is known for its responsive grid, CSS and HTML user-interface components, code snippets, and templates. What makes it stand out as well is that it’s an open-source project.

Read More
Your emails, optimized for every screen with responsive design

Exciting news for email designers - Google is now adding CSS support to both Gmail and Inbox later this month. This massive change brings responsiveness to email!

32 Chrome extensions for designers and devs

Here are some handy tools you might want to add to you chrome extension arsenal. 'Whatfont?' and 'ColorZilla' are some of my favourites.

There are a ton of free Chrome extensions to help make your life easier – we select the best.

Read More
Typography is impossible - The practical guide to why laying out type never quite does what you want

Here's a simple and practical guide to how typesetting on screens.

It’s a testament to typography that hundreds of years since Gutenberg, letters and boxes keep reinventing themselves and finding new jobs to do, in materials and technologies that were once future’s future.

Read More
How to keep up to date on Front-end technologies

If you're into Front-end development, here is a great list of who to follow, finding the best sources and where all the cool kid hangout in real life.

The web is a rapidly evolving universe. An important part of our job as front-end developers is keeping up to date and staying close to new tools, trends and workflows.

Read More
8 tips to become better front end developer

If you fail to plan, you are planning to fail

Should I use this plugin or that library? Should I plan this project or dive straight into coding? Should I ask for help or figure it out myself? Sounds familiar? I know how you feel. I felt the same way. That all changed when I started implementing the below points into my routine.

Read More

Sorry. You must be logged in to view this form.