Hello! In this entry you will discover about CodePen.io, a handy tool for any kind of web designer, including ourselves. The use of this webpage is completely free, and you can create as many pens (which will be explained later) as you wish. It does have a Premium feature that adds more functionalities, but for most of the users needs, it isn’t necessary at all. This webpage is made specifically for the use, practice and learning of the three main languages for web: HTML, CSS and JS. It lets you work on it online, getting updated results as you work on it, which removes theRead More →

In this tutorial, I’m going to show you how to start designing our website. You will see you don’t always need lots of fancy effects to make a professional and good-looking web design that will impress your visitors. In this tutorial, we need to have some basic understanding of Photoshop and know how to do basic tasks. Create the document First of all we need to open Photoshop and create a document to start designing our website. Create a document with a size of 1100px1100px Then add some vertical guides at 70px and 1030px.* *Guides will give us a width of 960px, which will fit onRead More →

There are many types of dropdown menus, but in this post we will explain how to create the most basic. 1. HTML Use any element to open the dropdown menu, <button>, <a> or <p> element. Use a container element (like <div>) to create the dropdown menu and add the dropdown links inside it. Wrap a <div> element around the button and the <div> to position the dropdown menu correctly with CSS. 2. CSS The following structure is one of the main possibilities that is related to the previous HTML.  Basic Dropdown:  Create a dropdown box that appears when the user moves the mouse over anRead More →

Do you want to be able to go deeper with the user’s attention and find that he is comfortable with it? Well let’s see, how and what can we do to have a satisfactory user experience and which areas I have to take into account. The user experience includes experimental, affective, practical and useful aspects that you know about. We often have to assess the perceptions of the aspects of the system such as the utility, ease of use and the efficiency of a person in front of it. If it is true that the UX can be considered subjective, since each individual person whoRead More →

Hello, you’re going to read some points about Internet of Things. So… What is ” Internet of Things ” (IoT) about? The “Internet of Things” is becoming an increasingly growing topic of conversation. This is the concept of basically connecting any device with an on and off switch to the Internet. It goes from cellphones, coffee makers, washing machines, headphones or even wearable devices. Nowadays, the increased use of the devices with internet connection, WiFi or even sensors built into them — the smartphone penetration sky-rocketing, technology costs going down — are creating a perfect environment for developing the Internet of Things. Devices are transmittingRead More →

Tumblr has been one of the main social networks during the last years. Even if not as globally known as Instagram, Facebook or Twitter, it has been one of the primary tools for creators and artists because of its versatility and the advantages it offers to people compared to other networks. Nowadays it has a bigger user base than WordPress, which could be considered it’s main competitor. Tumblr could be thought as a bit more basic tool than it, which makes it much more attractive for personal use, although some small businesses and creators do also use it. The main feature of tumblr it’s theRead More →

When making an interface design, it is very important to take care of the vocabulary and expressions, in this article we tell you some mistakes that we usually make when writing for an interface: 1. Use of technical words We must bear in mind that the user does not have to have knowledge in the subject that we are dealing with, and a very common error is to use words that belong to the professional jargon in which the project moves or even to refer to very specific terms . The ideal in this sense is to write for all levels of readers and chooseRead More →

Instagram’s new mobile web app also works on a desktop computer with this trick. Instagram didn’t officially add the option to desktop browsers. Many people, shoot photos on a dSLR camera and edit them on their computer before uploading to Instagram. That means having to transfer the finished photo to a phone to publish it on Instagram. So, how to upload photos to Instagram from a desktop browser Most browsers have a way of letting you change the “User Agent” — the thing that tells a website what kind of device you’re on. So, even when you’re on a laptop or desktop, you can trickRead More →