Frontend

Thumbnail
Thumbnail

Best Practices for HTML Markup to Support Screen Readers

Feb Dao

|

Discover key HTML markup practices for optimal screen reader support, including semantic structuring, clear labeling, and effective headings. Create a more inclusive web experience that welcomes all users.

Cartoon space rocket flying in the stars

Cookie, localStorage and sessionStorage in Javascript

Bien Vu

|

In the current development process, increasing the user experience when accessing websites is very necessary and important.
From those specific requirements, we have technologies to improve the performance and quality of web pages such as using cookie, localStorage, or sessionStorage.

Thumbnail
Thumbnail

How to upgrade Sajari JS-SDK from version 1.x.x to 2.x.x

Feb Dao

|

Sajari is a cloud-based, instant search engine for websites and ecommerce. Powered by machine learning and the customer's own data, it gets users to what they need, fast.

Cartoon rocket flying into space
Thumbnail

How to deploy Nuxt on Netlify

Feb Dao

|

Deploying to Netlify is a option for getting a statically generated Nuxt.js site online quickly.

Thumbnail
Thumbnail

CSS and Javascript media queries

Feb Dao

|

The responsive display is an important thing in web design, it can't be done without using media queries.

Thumbnail
Thumbnail

Olivero - A new core theme makes Drupal 9 become the Most Beautiful CSM Ever

Feb Dao

|

Drupal 9 is coming, while the Bartik theme hasn’t seen a major change since January 2011, it still uses gradients, drop shadows and other out-of-date graphical elements. So we need a new core theme which looks more modern, simple, accessible, flexible more robust.

Thumbnail
Thumbnail

An introduction about PostCSS

Feb Dao

|

Nowadays, most front-end developer have worked with some preprocessors such as SASS, LESS, Stylus... which are more and more useful and increasingly indispensable tools when working with CSS. Think if we go back to writing the pure CSS, without variables, mixins or nested then the work will be heavy and boring.
But which of these tools is the best approach?

Thumbnail
Thumbnail

Integrate Gridlex into the Pattern Lab

Feb Dao

|

Grid system is an important part of dividing columns and creating layout of a website, Gridlex is one of Grid systems that use Flex boxes to create columns. In this article, I will guide in detail how to integrate it into Pattern Lab

Thumbnail
Thumbnail

Emulsify - the Drupal Theme style guide

Feb Dao

|

In the previous articles, I have introduced to you the concept of Style Guide and its importance and meaning for web programming in the current period. In this article, I will introduce a specific application with Drupal, a very popular CSM to create a website from basic to complex

Thumbnail
Thumbnail

Create a Style Guide with Pattern Lab

Feb Dao

|

Following the series on Web Style Guide, today I will introduce to you a very useful tool to create Style Guide: Pattern Lab.

Thumbnail
Thumbnail

Web programming with style guide

Feb Dao

|

In the previous post, I introduced you to the basic concepts of Style Guide, in this article I will analyze in more detail and details on completing a complete website with Style Guide.

Thumbnail
Thumbnail

What is a style guide?

Feb Dao

|

If you are curious to know how to create the interface of a website that is both quick, easy, accurate and optimal, sit yourself back with a cup of coffee and read this article, I will tell you about a legend called "Style guide"