By:
On:
In: Global, HTML
Tagged: ,
With: 0 Comments

Understanding the meaning and composition of HTML tags is one of the first steps for any professional who aspires to become a web developer or engineer. In this post we will know what is an HTML tag and some examples of them. HTML is a markup language, which means that it is written in code that a person can read without having to compile it first. In other words, the text on a webpage is “marked” with these codes to instruct the web browser on how to display the text. These markup tags are the HTML tags themselves. Tags anatomy When you write code inRead More →

By:
On:
In: CSS, Global, HTML, Javascript, ProcessingJS
Tagged: , , , , ,
With: 0 Comments

The best code editors don’t just let you edit files, they help you find and fix bugs and make it possible for you to customize just about anything you want. Next, we have a selection of the best. 1. Visual Studio Code Free, stable, very robust and good working speed are some of the main features of Visual Studio Code, the code editor developed for Windows although it also works with Mac. Especially recommended for large and complex projects. 2. Sublime Text Is a valid code editor for Mac, Windows and Linux and is one of the most complete text editors that exist. Its easeRead More →

By:
On:
In: Javascript
With: 0 Comments

In this tutorial we are going to show you how to make a JavaScript photobooth app that takes images using the camera on your phone, laptop or desktop. We will showcase a number of awesome native APIs that allowed us to make our project without any external dependencies, third-party libraries or Flash – vanilla JavaScript only! The App To the end user our app is just an oversimplified version of the camera app you can find on any smartphone. It uses a hardware camera to take pictures – that’s it. Under the hood, however, a whole lot of JavaScript magic is going on. Here isRead More →

By:
On:
In: Development
With: 0 Comments

How to get started in programming? If you want to learn the basics of programming language, we leave you a link where you can start with free online courses. https://www.codecademy.com/es/learn Firs of all, being a programmer is more than simply being able to regurgitate syntax. It’s about having a particular mindset, where you are able to systematically breakdown a problem into individual and logical steps, and then recreate that in a language that the computer understands. Keep in mind that Codeacademy will help you open the doors of this world and, from these, expand through other searches and activities that you carry out in theRead More →

By:
On:
In: CSS, Development, HTML, Javascript
Tagged: , , , , , ,
With: 0 Comments

As the name implies, Chrome Developer Tools is a set of web developer tools built directly into the Google Chrome browser that allows web developers to interfere and manipulate applications via the browser. With this tool you can easily: View and change page’s styles Debug Javascript Code Analyze runtime performance, so you can optimize your code View messages and running JavaScript in the Console To open DevTools, you can right-click anywhere on the page and select inspect element or you can choose the “tools > developer tools” option from the top right menu.   Now I’m going to show you some really useful and simpleRead More →

By:
On:
In: CSS
With: 0 Comments

Hello! In this post you’ll learn how to create a bottom navigation menu with CSS and HTML. Bottom Navigation This type of navigation is mostly used in apps allowing movement between primary destinations.  Usually the bars shows three to five buttons at the bottom of a screen. Each one has an icon or a text label. When the user taps or clicks an element from the bottom navigation is taken to the top-level navigation destination associated with that one. Step 1 First of all, you must create the CSS and HTML files. Step 2 In the html.html file write the HTML basic structure.   StepRead More →

By:
On:
In: Development, UI Design
With: 0 Comments

Hey everyone! I’m going to explain how useful could be Lottie for web animations in After effects; Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, and allows native apps to use animations as easily as they use static assets. Lottie uses animation data exported as JSON files from an open-source After Effects extension called Bodymovin. The extension is bundled with a JavaScript player that can render the animations on the web. Lottie only works if you use After Effects to produce your animations and this open-source animation tool is based on  BodyMovin extension. How to installRead More →

By:
On:
In: Global, Javascript
With: 0 Comments

Tutorial JS: Add sound in image Today we will teach you how to click on an image so it emits a sound. First, we need to put the image in a div <div class=”Nom_Imatge” id=”nomAudio”> <img src=”img/pajaro_gris.png”> </div> Once we have put the image, we just have to link the JS and the sound <audio src=”ubicació/de/carpeta” id=”efectes”></audio> <script src=”ubicació/carpeta/js “></script> Next, we will begin to write the JS code. But before that, we will have to do this: Nom=document.getElementById(“NomAudio”); Now we will begin to write the function. We want to make it so that when we click on an imatge it triggers an audio sound.Read More →

By:
On:
In: Development, Internet, Servers, Wordpress
Tagged: , , , , ,
With: 0 Comments

How to install a wordpress with MAMP? As we already know, WordPress is an open source content management system (CMS) for the publication of blogs and websites on the Internet. That said, it seems a very complex and complicated manager, but following these 9 steps we can install and create as many wordpress as necessary and we want to be able to manage our content on the Internet.Read More →

By:
On:
In: Development
With: 0 Comments

Have you ever wanted to work at the same project and at the same time with other people? Would you like to save all versions of your code so you can check them after? Do you want to see all the great projects that are currently being developed all over the world? If you answered yes, keep reading! First, let’s understand what is Git and GitHub. The “Git” in GitHub To really understand what is GitHub first we have to know what is Git. Git is an open-source version control system that was started by Linus Trovalds—the same person who created Linux. Git is similarRead More →