Author image

Hélio M S Olivas | Front-end Developer

A simple blog to share some tips of Front-end Development :)

Cover image

How to create a pure CSS Off-Canvas Menu

Today I’m gonna show my way to create an easy off-canvas menu without any javascript, it uses (again), a checkbox, labels and some CSS stuff...

Link
Cover image

CSS3 Transform Checkmark

Hi everyone, today I’m gonna show a little tip / trick to create an easy checkmark. Most of times I have to do a custom checkbox, and I always use an image or a bootstrap icon (or something like that), so a discovered this way...

Link
Cover image

Creating a custom select element

When we are doing html forms, always, I mean 90% of the time, we have a select element and I a need to customize his style, so a good approach that I use is use radio buttons with labels...

Link
Cover image

Criando um modal sem scripts

Fala pessoal beleza? Semana passada durante uma integração, um dev me perguntou onde estava o script que gerava o modal de uma tela. Ele meio que se assustou quando eu disse que não tinha script nenhum...

Link
Cover image

Creating responsive text with SASS

Hi everyone, now I've fixed some issues with the SSL of my blog and I'm coming back with posts. Today I'm going to show one trick that I use to deal with some kinds of layouts making responsive text using a SASS function.

Link
Cover image

How to create an image map

Last days I was on project that I had to create links inside an image (something like a image map), so first I thought that I could create a wrapper for the image and some links with position absolute...

Link
Cover image

Animações simples com CSS3 Transitions + Waypoints.js

Vamos falar sobre animações, quem nunca precisou fazer um fadeIn / fadeOut com algum texto/imagem, vou mostrar um maneira relativamente simples de se criar pequenas animações que são ativadas de acordo...

Link
Cover image

Including external HTML file to another HTML file

I'm gonna show one way to include external HTML files to another HTML, something like the php include but using only javascript...

Link