Images on webpages usually render in two formats - raster and vector images. Raster images are photographs in pixels and are typically written with the <img> tag in HTML. They must be scaled or resized according to the device width or height to preserve responsiveness and resolutions. Vector images, on the other hand, use lines, points, and shapes to render images. They could be rendered...

Animation in web design is not a new concept. Before CSS3, Flash and JavaScript were the techs of choice used to move items and elements on a screen. Animations are a UX delight. Animations add a better user experience to a page since we humans tend to interact better with a dynamic environment. Animations also add individuality and personality to a web visual. Personally, I...

In the beginning, e-commerce businesses offered massive discounts to lure in customers. Once they achieved the desired traffic, they sell the same products at their original prices. Low prices and deals are incredible ways to attract clients. However, you need to maintain a decent revenue. Running an eCommerce business is no easy feat since once people lock on a favorite vendor, there is almost no...

At the heart of web design are anchor and image tags. How to work with and manipulate images and HTML links? This question is trendy among front-end developers. Anchor tags are very important to web design. They give meaning to the word, World Wide Web. They are the links that connect web pages in a spider-web like structure, allowing users to move seamlessly between pages...

CSS is a style sheet used to style HTML elements carefully. Besides interacting with HTML elements for styling, CSS controls the feel, topography, box models, screen/device adaptation, and general layout of a web page.CSS has a basic syntax. It consists of a selector, property, a value, followed by a declaration block. p { color: blue; text-transform: uppercase; } In the above code snippet, p (paragraph)...

It can be very cumbersome writing CSS code when doing it for a large site. They tend to be repetitive, long, complicated, and messy. Debugging large CSS sites can become a nightmare because of this. Using a CSS pre-processor is the solution for many frontend developers, of which SASS is the most popular and preferred. A pre-processor is a program that acts as a sort...

Have you long been using CSS to build some attractive web designs and layouts? Are you familiar with how CSS can help rejuvenate a bland webpage to create something enticing? CSS is much more than using those fancy fonts and creating backgrounds. No matter how long you have been using CSS to create powerful designs, there could still be some undiscovered features and CSS properties...

The proper use of color is paramount in any visual design project. The central concept of using color is to achieve the right balance between choice, saturation, and contrast. In this article, I will explain how color schemes apply to web and mobile apps, and how primary and secondary combine and produce desired value and effect. Color in Digital Do you ask yourself how and...

UI/UX is quite a common term in the design industry. However, many designers fall under the UI path, focusing exclusively on interfaces, layouts, and the websites or apps overall visuals. User Experience focuses more on user interactions, whether the platform is an app, a website, or another product. Excellent user experience emphasizes the deep understanding users have when browsing their values, limitations, and abilities. The...

We will explain what User Personas are, what they are not, why every Designer should use them when building interfaces that target specific User Groups. What are User Personas? User experience designers (UX) use so called user personas in their creative process because they give answers to three simple questions related to building the best possible product presentation: “Who? What? Why?”. Personas are fictional characters...

Site loading speed and link building remain substantial factors for getting ahead in Google search results, but from next year, a new agent enters the field of interest – User Experience. There are many indicators Google uses to define the value of your site’s content and whether it is worth being touched by the eyes of the judgmental beholder – the customer. Fast content display...

User interfaces has come a long way ever since the first hand-held devices. Today, with mobile phones gaining the status of everyone’s trusty gadget, interfaces have grown to evolve in what nature always intended for them – compact, cozy, informative. What is UI The user interfaces of the past were limited to visuals, mostly text, and very little automation or assistance. We now have different...

For editorial questions, or anything that is related to our Blog and Articles published, please contact editor@codecoda.com. We are always happy for inspiration and comments on our articles and love your feedback!