Frontend

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"

Thumbnail
Thumbnail

Introduction to SASS/SCSS

Feb Dao

|

If you have worked with CSS for a long time, you can feel that it is so boring and "not really smart" - So what can we do to make it "smarter" and more interesting? Let's talk about SASS/CSS

css box model
Thumbnail

What is Box model in CSS?

Feb Dao

|

Imagine your website is a living room, and that each page element is an object in the room. The box-model is about taking up space of the objects in your room.

Thumbnail
Thumbnail

Gridlex - A useful Flexbox grid system

Feb Dao

|

CSS Flexbox makes it much easier to create responsive layout. Using a tool such as `Gridlex` is easier than coding your own flexbox grid from scratch.