This is what I’ve done before taking the stage at JSConf Budapest ‘17.

Image for post
Image for post
JSConf Budapest 2017 stunning Venue: Urania National Movie theater

One month ago I was a Speaker at JSConf Budapest 2017 talking about How can Javascript improve your CSS Mixins. It was my first time ever in an international conference. I’ve spent almost 3 months preparing myself for that moment. The experience was amazing and now I want to share with you how I did it, so you can do it too!

Do what you love and love what you do

Earlier this year, during a project, I did some cool stuff that I’d never seen, so I wrote an article about it. For me it was something worth sharing and that’s the thing: If you really love what you do, you’ll want to share what you’ve learnt. …

These last months I’ve been improving my website accessibility so anyone can understand it. Here’s what I’ve learned:

By anyone I mean any person that doesn’t use the internet like I do. Having empathy with the users is one of the things I’ve been learning on web development. You should give it a try as well. Not everyone interacts with an interface or uses the same device and input devices as you do.

Empathy is the capacity to understand or feel what another person is experiencing from within the other person’s frame of reference, i.e., …

In software engineering, usability is the degree to which a software can be used by specified consumers to achieve quantified objectives with effectiveness, efficiency, and satisfaction in a quantified context of use. — Wikipedia

Image for post
Image for post
Ain’t nobody got time for that

1. Sending a message

Nowadays everyone uses chats and everyone knows that the Enter key is meant to send a message. That’s obvious, right?

Some time ago a friend of mine had some bad luck with her PC. Her Enter key stopped working, and she struggled to survive without it. The worst part was that she was unable to send messages through some messaging apps, including the one she was using the most: Slack. …

Wait, what? But SCSS / Postcss-mixins does what I want. It’s CSS logic, it should be on the CSS side.

Are you sure? Maybe you should think bigger. Have you ever wished for:

  • Faster compilation time
  • Prettier and more advanced logic than @if | @for | $list
  • Access to values outside the CSS files
  • Unit testing — yes, put your CSS to the test!

Sounds cool, right? Let me show you an example with… a button! Who doesn’t need buttons in their projects? We all need them.

We know that WET it’s not scalable and DRYing the code is the way, so let’s use @mixins to make this easier. …


Sandrina Pereira

I’m a front-end developer who loves interaction design and to spend the free time exploring new ways to connect humans like you with the web.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store