LEARN THE COOL STUFF OF CSS

CSS has thousands of secrets — let’s explore a few cool ones

Image by the author

If you think CSS is only used to ‘prettify’ a website, add some colors to text, or simply make cool bouncing animations, then you may have to rethink what all CSS is capable of. Already tired of using and searching for ‘How to do X or how to implement Y in CSS?’ Or just want to know the actual powers of CSS? This article will tell you all you need to know about some awesome tips and tricks of CSS features. It focuses on explaining some hidden but valuable things you can do with just the Cascading Style Sheets (CSS).


Learn how to master GIT with these 5 advanced concepts

For a software developer, learning to work with Git is essentially a requirement that comes with the job description. Working with local and remote repositories, committing changes, and managing branches: these are some basics of Git you have to know like the back of your hands.

But beyond these basics, Git provides more advanced commands to make your life easier. They can improve your productivity and solve some not-so-uncommon problems you encounter when collaborating on a project with tens and hundreds of other developers. …


Say bye-bye to the problem of vertical centering on the web

Image of content being vertically centered
Image of content being vertically centered
Image by the author.

For something that is theoretically so simple, vertically centering elements in CSS is not the easiest task to accomplish. This statement was especially true before browsers started supporting modern additions to CSS like flex and grid.

In this article, we are going to discuss some older tricks and more modern methods developers use to vertically center content in CSS. Since each solution has its limitations, it doesn’t hurt to know every one of these methods to find the right solution in different scenarios.

Let’s get started!

If You Know the Height

One of the older tricks of CSS is centering an element vertically with the…


JAVASCRIPT PLAYBOOK

Learn some great one-liners to use on your next project

Javascript syntax and built-in methods allow us to cut down a lot of unnecessary lines in our code and write short, easily readable code. In this post, we are taking this simplicity another step forward to see where you can write one-line solutions to some common use cases and problems you’d encounter in web development. Don’t hesitate to steal these 15 Javascript one-liners to write quick and simple code for your applications.

Reverse a String

You can reverse a string in one line using split, join, and reverse methods.

const stringReverse = str => str.split("").reverse().join("");stringReverse("Welcome to Javascript")
//tpircsavaJ ot emocleW

Get the Average of an Array of Number

Javascript reducer…


Bootstrap a Node.js & MySQL application using Docker Compose

Image by the author

Docker has become a tool that developers can’t live without in less than a decade since its release. Docker provides lightweight containers to run services in isolation from other processes in the system. If you haven’t yet been properly introduced to Docker, follow our introduction to Docker guide before continuing with this tutorial.

In today’s tutorial, we are going to learn how to containerize applications that require more than one Docker container with Docker Compose. Though it’s possible to set up this system with only Docker, we can complete this task more easily and efficiently using Docker Compose.

Let’s get…


Learning new skills has never been easier; stop procrastinating your journey into tech, start NOW!

Image by the author

Some links may be affiliate links. This means if you click on the link and purchase an item we may receive commission at no extra cost to you.

I often hear or talk to people who want to get into tech, who want to learn to code, but they are terrified of its idea. It is common for people to think that to be a programmer, a web developer, you have to be a computer nerd, genius, or have some kind of innate talent for computer science, and it couldn’t be any more wrong.

Sure, computer science is a super…


Level up your Googling skills with these tips

Drawing of Google search bar
Drawing of Google search bar
Image by the author.

Google has become so integral in our lives that we now use the verb “Google” to refer to the action of using this search engine giant. Using a few chosen keywords, you can find everything from the nearest grocery store to the latest developments in the world.

Sometimes, though, the magic of Google fails to give us the type of results we are searching for. You try different combinations of keywords and go deep into the search results but still fail to find what you want.

But did you know that Google provides options to refine your search and filter…


This topic is super trendy in interviews, so you should know it if you are looking for a job

Graphic with a person pointing to question marks, a flowchart, an hourglass, and the words “time and space complexity”
Graphic with a person pointing to question marks, a flowchart, an hourglass, and the words “time and space complexity”
Image by the author

There’s more than one way to solve a problem, but not all of them are the best. Not every solution is capable of efficiently using our resources. Therefore we need to find the best, most efficient solution to a problem before taking action.

In programming, we can’t leave the mechanism of finding the best solution, the best algorithm, to guesswork. We need a clear standard to evaluate the efficiency of solutions. This is where the concepts of time and space complexity step in. They help us determine the algorithm’s efficiency based on the required resources.

In this article, we are…


Harness the power of Python with data and Leaflet.js on mapping to create rich map visualizations

aerial view of hot air balloons hovering over a city
aerial view of hot air balloons hovering over a city
Photo by Zola Zhou on Unsplash

Folium is a Python package that combines all the spectrum of tools Python offers to manipulate data with the Leaflet JavaScript library to create rich and interactive maps.

As usual for my articles, I’m providing a Google Colab Jupyter notebook with all the code and results.

Create a Basic Map

Before we start building anything, let’s install some libraries that we will be using throughout the tutorial. You can use any packaging tool. I’ll provide the examples for Pipenv and for pip prepending !, so that it works on Jupyter notebooks, like Google Colab.

pipenv install folium pandasOr!pip install folium pandas

After…


Hi Billy, apparently I did miss on a great keyboard. I wrote about those keyboards from personal experience, and I did not know the moon lander. I'll try to get my hands in one of those, and perhaps will be included on the next update.

Thanks for sharing

Juan Cruz Martinez

I’m an entrepreneur, developer, author, speaker, and doer of things. I write about JavaScript, Python, AI, and programming in general.

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