Tag css

Development

Learning How to Code with Games

Playing games is always fun and even better if you are learning something. In this post, I will share a collection of games that are available online for learning how to code.

Teylor Feliz
October 20, 2023

Development

Web Development Nightmares from the Past

The web today is way better than it used to be because the browsers at least are following the standards. Here, I will discuss some of the issues faced over a decade that new developers or even new users don’t know about.

Teylor Feliz
October 10, 2023

Development

The Dialog HTML Element

In the olden days, developers only have the luxury of alert, confirm, and prompt dialog boxes. Then, lightboxes which became popular around 15 years ago.

Teylor Feliz
May 13, 2023

Development

CSS Nesting Without Preprocessors

It has been more than a decade since developers decided to jump directly to a preprocessor for their CSS needs instead of pure CSS coding.

Teylor Feliz
May 3, 2023

Development

Native CSS as a Framework

Floating elements were breaking the design and we needed to set a fixed width or use hacks like faux columns for the layout to work or use JavaScript to set the height of the element.

Teylor Feliz
January 3, 2022

Design, Development

Pico – A Minimal CSS Framework

I think of Pico as a cross between a CSS reset and a CSS framework

Teylor Feliz
December 21, 2021

Development

The Forgotten Art of Valid HTML

By testing our code with the W3C validator, we can find mistakes and errors with suggestions on how to solve the problems.

Teylor Feliz
September 28, 2021

Development, General

You Still Can Build Websites with Plain HTML

Using a library because it is popular is not responsible. You should use a library or a framework based on the needs of the application. Popularity is one of the factors but not the only factor to consider in choosing a library and a framework.

Teylor Feliz
December 4, 2019

Development

Animate on Scroll in JavaScript using the Intersection Observer API

We will be using the Intercept Observer API which is already supported by all modern web browsers to create the same animation when users scroll down the page.

Teylor Feliz
May 28, 2019

Development

Critical Path CSS in Laravel

This approach should work well for small to medium projects. But, for very large projects, you probably would like to just include the CSS directly without having to use the file_get_contents function.

Teylor Feliz
October 24, 2018

Development

Sticky Elements with CSS position:sticky

As the sticky navigations are quicker to navigate and are always available no matter what part of the page is being shown to the user, developers have adopted this approach in a lot of websites.

Teylor Feliz
October 10, 2016

Development

Feature Detection: Past, Present, and near Future

Since the beginning of the Browsers’ War in the 1990’s, web developers have been trying to use the latest and more innovative features implemented in popular browsers.

Teylor Feliz
December 9, 2012