Menu Search
Jump to the content X X
Smashing Conf New York

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.

Revisiting Firefox’s DevTools

If you do any kind of development for the web, then you know how important tools are, and you like finding tools that make your life easier. Developing and testing new browser features, however, takes time. Between the time a useful tool first appears in an experimental nightly build and the time it’s available for everyone to use in Firefox, a while has passed.

Revisiting Firefox’s DevTools

That’s one of the reasons Mozilla released Firefox Developer Edition in November 2014 as the recommended Firefox browser for developers. It gets new feature updates more quickly so that you can use the latest tools.

Read more...

Design Principles To Evaluate Your Product

A company proves that it has a strong creative process by developing successful products repeatedly. We see this in companies like Apple, BMW and Google. Founders such as Steve Jobs formed a corporate culture with an intense focus on creativity and design. This culture highlights two core elements in the creative process: the ideas and the team.

Product design preview

The creative process can be described in one sentence: Ideas begin with a small team of creative people at the heart of the company who communicate easily with each other.

Read more...
Advertisement Advertise with us!

Generating SVG With React

React is one of today’s most popular ways to create a component-based UI. It helps to organize an application into small, human-digestible chunks. With its “re-render the whole world” approach, you can avoid any complex internal interactions between small components, while your application continues to be blazingly fast due to the DOM-diffing that React does under the hood (i.e. updating only the parts of the DOM that need to be updated).

Generating SVG With React

But can we apply the same techniques to web graphics — SVG in particular? Yes! I don’t know about you, but for me SVG code becomes messy pretty fast. Trying to grasp what’s wrong with a graph or visualization just by looking at SVG generator templates (or the SVG source itself) is often overwhelming, and attempts to maintain internal structure or separation of concerns are often complex and tedious.

Read more...

Responsive Images Now Landed In WordPress Core

While the growing adoption of responsive images cannot be ignored, it can be very difficult to employ the functionality under the constraints of a large CMS like WordPress. Although it is entirely possible to write the feature into your theme on your own, doing so is a challenging and time-consuming endeavour.

Responsive Images In WordPress Core

Thankfully, with the launch of WordPress 4.4, theme developers and maintainers will find it much easier to introduce responsive image functionality into their themes. In this recent launch, the RICG Responsive Images plugin has been merged into WordPress core, which means that responsive image support now comes as a default part of WordPress. Let's take a look at how the feature works, and how you can use it to get the best support for your WordPress site.

Read more...

Web Development Reading List #118: Opera Mini, BPG Format, Accessible Tabs and Flexbox

What’s going on in the industry? What new techniques have emerged recently? What insights, tools, tips and tricks is the web design community talking about? Anselm Hannemann is collecting everything that popped up over the last week in his web development reading list so that you don’t miss out on anything. The result is a carefully curated list of articles and resources that are worth taking a closer look at. — Ed.

Wi-Fi in public places

Today is the Christmas day for many of us around the world and I hope you’re already enjoying the day with your family or friends. This time is often a rare opportunity to relax a bit, avoid emails for a couple of days and not to be disturbed by daily routine, as other people aren’t working either. Before the new year comes up next, there’s a yet another web development reading list, so you won't get bored over the next few days! ;)

Read more...

Getting More Work Done Without Simply Working More Hours

The past few months have been challenging for me. I have taken on a host of new responsibilities at work and juggling that added workload has proven to be difficult.

Getting More Work Done Without Simply Working More Hours

Like many web professionals, my first instinct was to work longer hours – to come into the office early, stay late, and to give up some of my weekend time. While this certainly helped me get more work done, I quickly realized it was not something I could sustain without eventually burning out. I knew that if this was going to work, I had to find a way to be more productive within the hours I had available to me.

Read more...

Optimizing Your Design For Rapid Prototype Testing

Product teams in startups and mid-sized and large companies are all implementing usability testing and prototyping as a way to de-risk product development. As the focus shifts from engineering to prototyping, it is becoming increasingly important for anyone who creates prototypes to understand the differences between a prototype and a product build.

Optimizing Your Design For Rapid Prototype Testing

By optimizing the prototyping process, you can produce mockups that deliver the most actionable user insights, while being as efficient as possible with design time. Regardless of which prototype tools you use or whether you test wireframes, clickable mockups or coded prototypes, what’s most important to focus on is what you want to test and what you want to learn from it.

Read more...

Reimagining Single-Page Applications With Progressive Enhancement

What is the difference between a web page and a web application? Though we tend to identify documents with reading and applications with interaction, most web-based applications are of the blended variety: Users can consume information and perform tasks in the same place. Regardless, the way we approach building web applications usually dispenses with some of the simple virtues of the readable web.

Reimagining Single-Page Applications

Single-page applications tend to take the form of runtimes, JavaScript executables deployed like popup shops into vacant <body> elements. They’re temporary, makeshift and not cURL-able: Their content is not really there without a script being executed. They’re also brittle and underperforming because, in service of architectural uniformity and convenience, they make all of their navigation, data handling and even the basic display of content the responsibility of one thing: client-side JavaScript.

Read more...

Freebie: Christmas Icons Set (110 Icons, AI, PSD, EPS)

It's Christmas time, and we're happy to release a brand-new freebie today, just for you! A set of 110 Christmas icons and illustrations that you can you use for sending your Christmas greetings and for any commercial projects.

The complete Christmas icons set

The set has been designed by Anastasia Kolisnichenko, from Minsk, Belarus, and released for free for Smashing Magazine's readers. Feel free to use all these elements and others for your projects. Grab what you need for a poster or website. You can customize everything you want: stroke width, size, color, shape — everything.

Read more...

↑ Back to top