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.

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...
Advertisement Advertise with us!

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

The idea of building mobile apps with JavaScript is not new. We’ve seen frameworks like Ionic and PhoneGap take on the challenge, and to some extent succeed in gaining a fair amount of developer and community support.

These frameworks and the whole idea of building mobile apps with JavaScript never appealed to me, though. I always thought, why not just learn Swift/Objective-C or Java and build real apps? That definitely requires a significant amount of learning, but isn’t that what we developers do and should be good at? Quickly learn new languages and frameworks? What’s the point, then? For me, the advantages never outweighed the doubts.

Read more...

Breaking Out Of The Box: Design Inspiration (April 2016)

Editor's Note: Some people simply have the magic touch for digging up design goodness. Today, we are proud to present the brilliant gems that Veerle Pieters has dug out, letting us explore a fresh breeze of photography, art, type, print as well as web design projects.

As designers, we have our good and bad days. Some days ideas come naturally. Other days we struggle or have moments where we are really stuck. We are in urgent need of inspiration. Let me help you get through these moments of pain and suffering. Let me nurture your creativity. Sit back, relax, and feed your appetite. Here’s your monthly dose.

Read more...

Web Development Reading List #132: The Challenges In Our Field, Debouncing And The Contain CSS Property

What has been your biggest web development challenge recently? Was it a development issue, a communication issue or an education issue in your team?

Alt-Text

Facing so many things that don't work as expected these days in many different teams and projects, I now realize that we all are part of a very young industry, and by challenging not only our technical foundations but also traditional working habits, we have yet to find how we want to work. Share your challenges in the comments to this post, and enjoy the weekend!

Read more...

Why You Should Consider React Native For Your Mobile App

Like many others, I was initially skeptical of Facebook and Instagram's React. Initial demos of React's JavaScript language extension, JSX, made many developers uneasy. For years we had worked to separate HTML and JavaScript, but React seemed to combine them. Many also questioned the need for yet another client-side library in an ocean full of them.

Why You Should Consider React Native For Your Next Mobile App

As it turns out, React has proved tremendously successful, both on my own projects, and with many others around the web, including large companies like Netflix. And now with React Native, the framework has been brought to mobile. React Native is a great option for creating performant iOS and Android apps that feel at home on their respective platforms, all while building on any previous web development experience.

Read more...

Improve User Experience With Real-Time Features

Real-time technology delivers information to your users as it happens. But how does it help improve your product and align with your customers' expectations?

Improve Your User Experience with Real-Time

Only a few years ago words like WebSockets, low latency and real-time functionality were at the forefront of bleeding-edge development. Fast-forward a couple of years and this technology has become an integral part of many of our favourite apps: e.g. Facebook with its in-app notifications, or Uber with its real-time location tracking effect.

Read more...

A Simple Web Developer’s Guide To Color

I’ve never been a fan of color theory. I think it’s because I’ve always been a bit hopeless at it. I’d love to be able to sit there, color wheel in hand, and pick out complementary, split-complementary and triad color schemes, impressing all of my friends, family and clients in the process.

A Simple Web Developer’s Guide To Color

But the theory has always eluded me, and, truthfully, I’ve never found it useful when trying to use color in my projects. Somewhat ironically, I’ve been finding that the better I get at choosing and using color, the better I become in the theory behind it.

Read more...

Sketch, Illustrator or Fireworks? Exploring A New Free UI Design App: Gravit

One of the most popular tools for screen design and illustration in the last couple of years has undoubtedly been Sketch, which became an important part of many designers’ responsive web design and mobile design and prototyping workflows.

Gravit: Preview

However, an increasing number of other tools are becoming available. In this article, I will explore the first browser-based app to be viable in the vector illustration and UI design space: Gravit.

Read more...

↑ Back to top