Animations make an interface feel alive. They are a great asset for creatives to offer a memorable experience for your users.
I used to be a stranger to this topic, but I have learned a couple of things that might be helpful to you. Let’s dive in.
At the end, every animation will happen changing some CSS property at some moment in time.
Using “transition” and “animation” CSS properties you can achieve simple animations:
From there, the limit is #sky. Really.
Try playing around with “transition” and “animation” properties. …
Two days ago I was building a website for one of my side projects — a mobile phone app to meet people to play board games with — and I wanted to create links to its social medias. I created some nice looking icons and pointed the href attribute to the different accounts and voilà !
Yet, when later tested them on mobile phones my Twitter app wasn’t opening when I would click the link. That’s usually a big barrier for people to follow you because they don’t use to be already logged in their browsers when they have the app installed. …
This is the fifth chapter of a series of articles called “How I fell in love with React” where I will share with you everything I have learnt and done in my first month using React (from August 15th to September 15th, 2016).
You can find past chapters here:
In this chapter I am talking about different concrete things that I found in my way along the last 10 days of the month. …
This is the fifth chapter of a series of articles called “How I fell in love with React” where I will share with you everything I have learnt and done in my first month using React (from August 15th to September 15th, 2016).
You can find past chapters here:
After my first two “projects” I was hungry of more challenges. I definitely didn’t know what to do next, but I decided that whatever I would do should be useful for future projects.
I ended up choosing a carousel-like menu navigation that many applications use. Funnily, I realized later that Youtube mobile application (which I use almost everyday) has that exact system. …
This is the fourth chapter of a series of articles called “How I fell in love with React” where I will share with you everything I have learnt and done in my first month using React (from August 15th to September 15th, 2016).
You can find past chapters here:
Now that we have the environment ready and we know about Webpack, Babel and npm, time to start coding!
When I faced this situation one month ago I felt like there were tons of good examples done step by step with meaningful explanations (contrary to good environment set up guides). But you know what is frequently said: it is better to have 3 basic choices than 20 specific…
This is the third chapter of a series of articles called “How I fell in love with React” where I will share with you everything I have learnt and done in my first month using React (from August 15th to September 15th, 2016).
You can find past chapters here:
After reading all the React basics explained in the last chapter and looking at several small components, it was time to actually start writing code. This is when problems started.
If you copy-paste Hello World example code from last chapter:
var HelloWorld = () => {
return (<div>Hello world</div>)…
This is the second part of a series of articles called “How I fell in love with React”, where I will share with you everything I have learnt and done in my first month using React (from August 15th to September 15th, 2016).
If you have not read the Part 0: Background, I highly recommend you to do it before reading this one to know a bit about myself and how I approached this.
When I discovered React my first react-ion (okay, not best joke ever) was to figure out what this library built by Facebook is and what does it solve. …
Welcome to this series of articles I named “How I fell in love with React” where I’ll share with you everything I’ve learnt in my first month using React.
Before starting I want to add that this is my first series of articles. Aswell as this is my first Medium article ever. But I’ve read plenty of them in the last months with the goal of learning how people actually share their experiences and knowledge. Also, I’m not a React expert yet so don’t expect perfect code or think that all I say is 100% right.
This being said, I hope you’ll enjoy this as much as I enjoyed writing it. …
About