Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.

April 21 2017

11:59

Web Development Reading List #179: Firefox 53, The Top Web Browsers, And Vue.js Authentication


   

Bots and Artificial Intelligence are probably the most hyped concepts right now. And while some people praise the existing technologies, others claim they don’t fear AI at all, citing examples where it fails horribly. Examples of Facebook or Amazon advertising (both claim to use machine learning) that don’t match our interests at all are quite common today.

Web Development Reading List 179

But what happens if we look at autonomous cars, trains or planes that have the very same machine learning technologies in place? How about the military using AI for its actions? While we’re still experimenting with these capable technologies, we also need to consider the possible consequences, the responsibilities that we have as developers and how all of this might affect the people the technology is being served to.

The post Web Development Reading List #179: Firefox 53, The Top Web Browsers, And Vue.js Authentication appeared first on Smashing Magazine.

08:45

Jekyll For WordPress Developers


   

Jekyll is gaining popularity as a lightweight alternative to WordPress. It often gets pigeonholed as a tool developers use to build their personal blog. That’s just the tip of the iceberg — it’s capable of so much more!

Jekyll For Wordpress Developers

In this article, we’ll take on the role of a web developer building a website for a fictional law firm. WordPress is an obvious choice for a website like this, but is it the only tool we should consider? Let’s look at a completely different way of building a website, using Jekyll.

The post Jekyll For WordPress Developers appeared first on Smashing Magazine.

April 20 2017

11:32

Unleashing The Full Potential Of Symbols In Sketch


   

No matter whether you are designing a whole design system or just a couple of screens, symbols in Sketch will help you keep your file organized and will save you a lot of time in the long run.

Unleashing The Full Potential Of Symbols In Sketch

In this article, I’ll share with you a few best practices and tricks to help you unleash symbols’ full potential.

The post Unleashing The Full Potential Of Symbols In Sketch appeared first on Smashing Magazine.

April 19 2017

14:52

It’s Time To Start Using CSS Custom Properties


   

Today, CSS preprocessors are a standard for web development. One of the main advantages of preprocessors is that they enable you to use variables. This helps you to avoid copying and pasting code, and it simplifies development and refactoring.

It's Time To Start Using CSS Custom Properties

We use preprocessors to store colors, font preferences, layout details — mostly everything we use in CSS. But preprocessor variables have some limitations.

The post It’s Time To Start Using CSS Custom Properties appeared first on Smashing Magazine.

14:40
Introducing the New Installer for Be’s 250+ Awesome Pre-built Websites
12:08

A Brief Overview On Responsive Navigation Patterns


   

To say that responsive web design has changed our industry would be an understatement at best. We used to ask our clients which resolutions and devices they wanted us to support, but we now know the answer is “as many as possible.” To answer a challenge like this and to handle our increasingly complex world, our industry has exploded with new thinking, patterns and approaches.

A Brief Overview On Responsive Navigation Patterns

In this article, I want to look specifically at the issue of responsive navigation. We will first talk about information architecture, then the purpose of navigation, and finally we will look at three responsive navigation patterns that have served well over time.

The post A Brief Overview On Responsive Navigation Patterns appeared first on Smashing Magazine.

April 18 2017

07:03

How To Prototype IoT Experiences: Configuring The Software (Part 2)


   

In the first article of this series, we walked through how to put together the hardware board and all of its additional components into a single rig. I also gave you a glimpse of the decision-making process behind the selection of the board.

How To Prototype IoT Experiences: Configuring The Software (Part 2)

In this second (and last) article of the series, we will go over the code that will drive the sensor and the communication to the cloud. Additionally, we will configure a custom dashboard on Adafruit IO, so that we can visualize our data in real time.

The post How To Prototype IoT Experiences: Configuring The Software (Part 2) appeared first on Smashing Magazine.

April 13 2017

15:18

Web Development Reading List #178: On CAA, Pong.js, And Meaningful Work


   

Looking at recent discussions, I feel that more and more people are starting to think about ethically and morally correct work. Many of us keep asking themselves if their work is meaningful or if it matters at all. But in a well-functioning society, we need a variety of things to live a good life. The people writing novels that delight us are just as important as those who fight for our civil rights.

Web Development Reading List #178: On CAA, Pong.js, And Meaningful Work

It’s important that we have people building services that ease other people’s lives and it’s time to set our sense of urgency right again. Once we start to value other people’s work, the view we have on our own work will start to change, too. As we rely on book authors, for example, other people rely on us to be able to buy the books via a nice, fast and reliable web service.

The post Web Development Reading List #178: On CAA, Pong.js, And Meaningful Work appeared first on Smashing Magazine.

10:23

Using Slack To Monitor Your App


   

For the past few months, I’ve been building a software-as-a-service (SaaS) application, and throughout the development process I’ve realized what a powerful tool Slack (or team chat in general) can be to monitor user and application behavior.

After a bit of integration, it’s provided a real-time view into our application that previously didn’t exist, and it’s been so invaluable that I couldn’t help but write up this show-and-tell.

The post Using Slack To Monitor Your App appeared first on Smashing Magazine.

April 12 2017

13:40

AMP For Retailers: Is It Worth It?


   

Big news from Google: Within a few months, the infamous search engine will divide its index to give users better and fresher content. The long-term plan is to make the mobile search index the primary one. Why does this matter for e-commerce website owners?

AMP For Retailers: Is It Worth It?

Well, it will enable Google to run its ranking algorithm differently for purely mobile content. This means that mobile content won't be extracted from desktop content to determine mobile rankings. That's definitely something that retailers can leverage, thanks to AMP. This article outlines how to get started with AMP and how to gain an edge over the competition with your e-commerce website.

The post AMP For Retailers: Is It Worth It? appeared first on Smashing Magazine.

April 11 2017

13:02

How To Prototype IoT Experiences: Building The Hardware (Part 1)


   

The world is constantly evolving with frameworks, such as the Internet of Things (IoT) and virtual reality (VR). These and many others are opening opportunities to rethink how we approach prototyping: They introduce avenues to marry the digital software with the tangible aspect of the overall user engagement.

How To Prototype IoT Experiences: Building The Hardware (Part 1)

This two-article series will introduce readers of different backgrounds to prototyping IoT experiences with minimum code knowledge, starting with affordable proof of concept platforms, before moving to costly commercial offerings.

The post How To Prototype IoT Experiences: Building The Hardware (Part 1) appeared first on Smashing Magazine.

April 10 2017

12:23

A Comprehensive Guide To HTTP/2 Server Push


   

The landscape for the performance-minded developer has changed significantly in the last year or so, with the emergence of HTTP/2 being perhaps the most significant of all. No longer is HTTP/2 a feature we pine for. It has arrived, and with it comes server push!

A Guide To HTTP/2 Server Push

Aside from solving common HTTP/1 performance problems (e.g., head of line blocking and uncompressed headers), HTTP/2 also gives us server push! Server push allows you to send site assets to the user before they've even asked for them. It’s an elegant way to achieve the performance benefits of HTTP/1 optimization practices such as inlining, but without the drawbacks that come with that practice.

The post A Comprehensive Guide To HTTP/2 Server Push appeared first on Smashing Magazine.

April 07 2017

09:52

Web Development Reading List #177: Getting Started With Components, CT-Header, And New Regular Expressions


   

From time to time, we need to take some time off, and actually, I’m glad that this reading list is a bit shorter as the ones you’re used to. Because one thing that really stuck with me this week was Eric Karjaluoto’s article.

Web Development Reading List #177: Getting Started With Components, CT-Header, And New Regular Expressions

In his article, he states that, “Taking pride in how busy we are is one of the worst ideas we ever had.” So, how about reading just a few articles this week for a change and then take a complete weekend off to recharge your battery?

The post Web Development Reading List #177: Getting Started With Components, CT-Header, And New Regular Expressions appeared first on Smashing Magazine.

April 06 2017

11:14

A Comprehensive Guide To E-Commerce Platforms


   

Did you know that bandwidth overage charges are (still) a problem and most users prefer not to rely on a developer? Well, I talked to 917 (real-life) users and created a guide to help others find the e-commerce software that suits them best.

The Ultimate Guide To E-Commerce Platforms

I completed this guide by searching for websites built with e-commerce software (you can verify by looking at the source code — certain code strings are unique to the software). Once I found a website, I (or one of my virtual assistants) would email the owner and ask if they'd recommend a particular software. Typically, they'd reply and I'd record their response in a spreadsheet (and personally thank them).

The post A Comprehensive Guide To E-Commerce Platforms appeared first on Smashing Magazine.

April 05 2017

11:57

Creating One Browser Extension For All Browsers: Edge, Chrome, Firefox, Opera, Brave And Vivaldi


   

In today's article, we'll create a JavaScript extension that works in all major modern browsers, using the very same code base. Indeed, the Chrome extension model based on HTML, CSS and JavaScript is now available almost everywhere, and there is even a Browser Extension Community Group working on a standard.

Creating One Browser Extension For All Browsers: Edge, Chrome, Firefox, Opera, Brave And Vivaldi

I'll explain how you can install this extension that supports the web extension model (i.e. Edge, Chrome, Firefox, Opera, Brave and Vivaldi), and provide some simple tips on how to get a unique code base for all of them, but also how to debug in each browser.

The post Creating One Browser Extension For All Browsers: Edge, Chrome, Firefox, Opera, Brave And Vivaldi appeared first on Smashing Magazine.

April 04 2017

13:40

50 Vibrant Illustrations To Let Your Mind Wander


   

On days when things don't seem to go as you'd like them to and inspiration is at its lowest, it's good to take a short break and go outside to try and empty your mind. That always seems to be the best remedy for me, especially whenever I jump on my bike and go for a short ride.

Now the time has come to enjoy these moments even more as the spring season finally starts to show up in nature. We're starting to see green leaves on the trees again, and every morning I wake up to the sounds of the birds chirping. I really enjoy these small joys of spring — who doesn't?

The post 50 Vibrant Illustrations To Let Your Mind Wander appeared first on Smashing Magazine.

09:18

How To Set Up An Automated Testing System Using Android Phones (A Case Study)


   

Regression testing is one of the most time-consuming tasks when developing a mobile Android app. Using myMail as a case study, I'd like to share my experience and advice on how to build a flexible and extensible automated testing system for Android smartphones — from scratch.

How To Set Up An Automated Testing System Using Android Phones (A Case Study)

The team at myMail currently uses about 60 devices for regression testing. On average, we test roughly 20 builds daily. Approximately 600 UI tests and more than 3,500 unit tests are run on each build.

The post How To Set Up An Automated Testing System Using Android Phones (A Case Study) appeared first on Smashing Magazine.

April 03 2017

10:39

How To Secure Your Web App With HTTP Headers


   

Web applications, be they thin websites or thick single-page apps, are notorious targets for cyber-attacks. In 2016, approximately 40% of data breaches originated from attacks on web apps — the leading attack pattern. Indeed, these days, understanding cyber-security is not a luxury but rather a necessity for web developers, especially for developers who build consumer-facing applications.

How To Secure Your Web App With HTTP Headers

HTTP response headers can be leveraged to tighten up the security of web apps, typically just by adding a few lines of code. In this article, we’ll show how web developers can use HTTP headers to build secure apps. While the code examples are for Node.js, setting HTTP response headers is supported across all major server-side-rendering platforms and is typically simple to set up.

The post How To Secure Your Web App With HTTP Headers appeared first on Smashing Magazine.

07:03
Legally Binding Online Signatures for Free with EverSign

March 31 2017

10:48

Web Development Reading List #176: Safari 10.1, Prompt()-Deprecation, And Professional Pride


   

What a busy week! To stay on top of things, let’s review what happened in the web development world the last few days — from browser vendors pushing new updates and building new JavaScript guidelines and security standards to why we as web professionals need to review our professional pride. How can we properly revoke certificates in browsers, for example? And how can we build accessibility into a style guide? Let’s take a look.

Web Development Reading List 176

Safari 10.1 was announced a while ago already, and this week it finally came to Macs and iOS devices around the world. The new Safari version ships CSS Grid Layouts, fetch(), IndexedDB2.0, Custom Elements, Form Validation, Media Capture, and much more.

The post Web Development Reading List #176: Safari 10.1, Prompt()-Deprecation, And Professional Pride appeared first on Smashing Magazine.

Older posts are this way If this message doesn't go away, click anywhere on the page to continue loading posts.
Could not load more posts
Maybe Soup is currently being updated? I'll try again automatically in a few seconds...
Just a second, loading more posts...
You've reached the end.

Don't be the product, buy the product!

Schweinderl