Tag Archives: amsterdam

Introducing Mavo: Create Web Apps Entirely By Writing HTML!

Have you ever wanted to make a website that non-technical folks can edit right in the browser? Or have you ever wanted to make a website that presents an editable collection of items (e.g. your portfolio)? Or simply upload images to a website you made, right from the browser?

Introducing Mavo: Create Web Apps Entirely By Writing HTML!

Well, what if I told you, that you can do these things (and more!), just with HTML and CSS? No programming code to write, no servers to manage. You can make any element editable and saveable just by adding one HTML attribute to it. In fact, you can store your data locally in the browser, on Github, on Dropbox, or any other service just by changing an HTML attribute.

The post Introducing Mavo: Create Web Apps Entirely By Writing HTML! appeared first on Smashing Magazine.

Original post – 

Introducing Mavo: Create Web Apps Entirely By Writing HTML!

Internationalizing React Apps

First of all, let’s define some vocabulary. “Internationalization” is a long word, and there are at least three widely used abbreviations: “intl,” “i18n” and “l10n.” All of them mean the same thing.

Internationalizing React Apps

Internationalization can be generally broken down into three main challenges: Detecting the user’s locale, translating UI elements, titles as well as hints, and last but not least, serving locale-specific content such as dates, currencies and numbers. In this article, I am going to focus only on front-end part. We’ll develop a simple universal React application with full internationalization support.

The post Internationalizing React Apps appeared first on Smashing Magazine.

View original post here:

Internationalizing React Apps

Where Are The World’s Best Open Device Labs?

Every developer knows that just because a website looks like and does what it’s meant to on the latest iPhone, doesn’t mean it will work across every mobile device. In this article, we’ll highlight some of the many open device labs out there — fantastic and helpful initiatives by the community that deserve support and attention.
Further Reading on SmashingMag: Open Device Labs: Why Should We Care? Establishing An Open Device Lab Noah’s Transition To Mobile Usability Testing Open device labs (ODLs) are a response to the myriad of operating systems, browsers and devices that litter our technical landscape.

Credit: 

Where Are The World’s Best Open Device Labs?

How To Develop A Chat Bot With Node.js

In the past few months, chat bots have become very popular, thanks to Slack, Telegram and Facebook Messenger. But the chat bot idea is not new at all.

How To Develop A Chat Bot With Node.js

A chat bot interface is mentioned in the famous Turing test in 1950. Then there was Eliza in 1966, a simulation of a Rogerian psychotherapist and an early example of primitive natural language processing. After that came Parry in 1972, a simulation of a person with paranoid schizophrenia (and, yes, of course, Parry met Eliza).

The post How To Develop A Chat Bot With Node.js appeared first on Smashing Magazine.

This article: 

How To Develop A Chat Bot With Node.js

Content Security Policy, Your Future Best Friend

A long time ago, my personal website was attacked. I do not know how it happened, but it happened. Fortunately, the damage from the attack was quite minor: A piece of JavaScript was inserted at the bottom of some pages. I updated the FTP and other credentials, cleaned up some files, and that was that.

Content Security Policy, Your Future Best Friend

One point made me mad: At the time, there was no simple solution that could have informed me there was a problem and — more importantly — that could have protected the website’s visitors from this annoying piece of code.

The post Content Security Policy, Your Future Best Friend appeared first on Smashing Magazine.

Source:  

Content Security Policy, Your Future Best Friend

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

How about trying a very different drawing technique or illustration style for your next project? Maybe a weird geometric shape? Or a more abstract form? Or a retro-futuristic color scheme? Not sure about you, but holiday or no holiday, my need for some fresh inspiration never stops.
This month, I’ve continued my journey in search for some inspiring and beautiful artwork — and I’ve found some real treasures! As a designer, I feel that there is so much that I can learn from the techniques and color combinations in these little gems.

Original source: 

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

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.

The post Reimagining Single-Page Applications With Progressive Enhancement appeared first on Smashing Magazine.

View original post here – 

Reimagining Single-Page Applications With Progressive Enhancement

The World Of Signage Photo Contest: Join In and Win a Digital SLR Camera!

Update: the results of the contest are published now.
Typography and icons are everywhere: they surround us, guide us, help us find the right path every day. As Web designers and graphic artists, we can learn from observing the type and public signage around us. How do designers of those graphics combine type, visual design and pictograms? How do they guide us through our day? More importantly, how do they design their graphics to meaningfully serve their purpose in particular settings?

Continued here: 

The World Of Signage Photo Contest: Join In and Win a Digital SLR Camera!

Showcase Of Web Design In The Netherlands

The Netherlands, also known as the “Low Countries,” is a small, crowded, muddy piece of land through which a few big important rivers fortunately run. In this country, you can find coffee shops, wooden shoes, tulips, windmills and a lot of water.
And everything is rather small! Well, at least most of the architecture is. How cute is that? But it’s also the land that brought the world many great painters, famous architects, and excellent graphic, fashion and interior designers.

View article: 

Showcase Of Web Design In The Netherlands

50 Stunning Examples Of Reflection Photography

Using reflection in photography can lead to some amazing effects and beautiful images. Using water, windows, mirrors or any sort of reflective surface can change an image into a work of art. The wonderful thing about using reflections when taking photos is that they can completely alter the image from something fairly straightforward to something richer or abstract or otherwise more artistic.
Sometimes reflections can be annoying and certainly not artistic.

Original source – 

50 Stunning Examples Of Reflection Photography