Entries by Génesis

Draft an app, how to start?

I’ve been developing apps from a few years now and there are some typical things at the beggining (when you are thinking and designing the app) that you should do if you do not want to be overwhelmed. First at all, do a meeting with your customer, see what does he need and what does […]

Draggable marker in Google Maps without API Key

There is a really good documentation about how to use Google Maps API, many of the Google examples are with an API Key but you don’t need it. Use the API Key if you want to monitor your apps or if you want to buy additional usage quota (less than 2.5000 loads per day it’s free). […]

CSS zoom

Easy zoom in, zoom out, normal zoom and zoom adjusted to the container with CSS and JS. If you want to change the zoom, just add or subtract from the original zoom CSS property. document.querySelector(“#zoomin”).addEventListener(“click”, function() { $area.style.zoom = Number($area.style.zoom) + 0.2; }); You can also set up maximum and minimum values to avoid infinite zoom. […]

Basic CSS transition using box-shadow

Would you like to set up a cool basic transition for your buttons when the cursor is over them? Create your HTML button. We have chosen the smile face character but you can use whatever you want (I normaly use Font Awesome). Define your CSS transition. In our case we want a period of 0.5 seconds […]

Would you like to start with web development?

UPDATED: 2022-05-06 If you don’t know anything about programming but you would like to start creating your own webs, desktop or mobile apps from scratch, I’m here to help you out ^^ Break the ice with a short fun history about JavaScript and the Web From undefined to something.js Here we go, our first real […]