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.

The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 2)

In part 1 of this tutorial we started building our iOS app from scratch. We started out by setting up a blank React Native project. Then we pulled data from the Unsplash.it API. Because downloading data takes time, we built a loading screen.

The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 2)

In the process we went over positioning UI elements with flexbox and styling them using CSS-like properties. Towards the end of part 1 we downloaded and included a third-party Swiper component from GitHub, which allowed us to display wallpaper data in a swipeable container.

Read more...

Design Or Get Undesigned

What would a page look like if it had no designer? This odd question occurred to me in the 1980s, while overseeing the transition from lead-based typesetting to phototypesetting of an Indian newspaper. The Patriot’s distinctive design seemed to emerge, not from a designer, but the tactile interaction between lead and the illiterate villager who assembled the pages.

Design Or Get Undesigned

This article examines how design has changed as materials have evolved, and underlines how the need for deliberate design is greater than it has ever been.

Read more...
Advertisement Advertise with us!

Finally, CSS In JavaScript! Meet CSSX

JavaScript is a wonderful language. It’s rich, it’s dynamic, and it’s so tightly coupled to the web nowadays. The concept of writing everything in JavaScript doesn’t sound so crazy anymore. First, we started writing our back end in JavaScript, and then Facebook introduced JSX, in which we mix HTML markup with JavaScript. Why not do the same for CSS?

Finally, CSS In JavaScript! Meet CSSX

Imagine a web componentdistributed as a single .js file and containing everything — markup, logic and styles. We would still have our basic style sheets, but the dynamic CSS would be a part of JavaScript. Now this is possible, and one way to achieve it is with CSSX. CSSX is a project that swallowed my spare time for a month. It was challenging and interesting, and it definitely pushed me to learn a lot of new stuff. The result is a set of tools that allows you to write vanilla CSS in JavaScript.

Read more...

Web Development Reading List #133: Workflow Tools And The Aesthetics Of Invisible Code

I write about it often, but it’s a topic that makes me love my job, it’s the reason why communities work and why great people are great. I’m talking about honesty and ethics in everything we do, in how we live.

Browsing through the HTML markup of the German newspaper zeit.de, Francesco Schwarz detected invisible details that improve the user experience.

Reading about corruption, tax avoidance tricks, wars, and also about poorly written code or bad user experiences has taught me a lot. Looking back at projects where I stood behind the idea and business model and at projects that I saw only as money-making work showed me that sticking to my ethical principles and being honest makes me feel better, which leads to better work.

Read more...

Logo Design For Responsive Websites

The modern logo has to work harder than ever before. In the past, a company logo was perhaps intended simply for a shop sign and printed in local newspaper adverts. Today's logos have to work with a growing plethora of smart devices with varying screen sizes and resolutions, displaying responsive websites.

Logo Design For Responsive Websites

Often logos end up suffering within responsive website design. Many have not been designed with responsive frameworks and variable sizes in mind, and are just resized to fit whatever available space has been provided for them or not.

Read more...

How To Take Charge Of A UX Kickoff Meeting

I once worked with a digital agency that didn’t know how to hold a kickoff meeting. And they didn’t even know that they didn’t know. Weeks into every project, they’d simply find themselves frustrated over how they’d ended up in a position of following rather than leading.

How To Take Charge Of A UX Kickoff Meeting

They would fight to get their good ideas out the door but end up on defence all the time when their clients came back screaming with arguments based on whim and vapor. The agency just couldn’t figure out how to establish itself as the UX leader of its projects, despite being hired to play exactly that role. I’m not even sure they recognized what it meant to lead.

Read more...

Lessons Learned From A First-Time Appreneur

There are over two million iOS apps and almost as many Android apps in the growing app economy. However, for every Flappy Bird app that gets lucky and goes viral, there are thousands of apps that take time and hard work to launch and persistence to maintain, grow and avoid the app graveyard. While we typically hear about overnight success stories, this article explores the more typical experience of an appreneur, or app entrepreneur.

I spoke with one such appreneur, Amit Murumkar, about his journey with Canvsly over the past three and a half years. Canvsly helps parents capture and store their children’s artwork for posterity (and avoid the piles of paper!).

Read more...

Three Approaches To Adding Configurable Fields To Your WordPress Plugin

Anyone who has created a WordPress plugin understands the need to create configurable fields to modify how the plugin works. There are countless uses for configurable options in a plugin, and nearly as many ways to implement said options. You see, WordPress allows plugin authors to create their own markup within their settings pages. As a side effect, settings pages can vary greatly between plugins.

In this article we are going to go over three common ways you can make your plugin configurable. We will start by creating a settings page and create our fields using the default WordPress Settings API. I will then walk you through how to set up your fields with a custom handler. Finally, I will show you how to integrate a great configurable fields plugin Advanced Custom Fields (ACF) into your own plugin.

Read more...

Quick Tips Better Interface Design: Logins, Menus, Toggles And Other Fancy Modules

CodePen has become the playground for developers. The sandbox where you can build whatever your imagination fancies. Practical things, experimental concepts — it’s a treasure chest, bound to fuel your ideas.

Modal window breaking into parts as soon as a user closed the window.

For this Quick Tip, we have done some digging around and found some interesting UI demos and concepts for you to indulge in and build upon: dialog and modal windows, signup and login screens, navigation and menus, sliders and toggles. Small bits of delight that make the user’s interaction with a website or app more pleasant. Enjoy!

Read more...

↑ Back to top