Tag css

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

Development

Tutorial: 3D Accordion with CSS3

A very good example of an Accordion it is the one provided by jQueryUI, where you can get a good understanding if you are not familiar with the creation of one

Teylor Feliz
November 29, 2011

Design, Development

CSS Resources for Developers and Designers

Here is a list of CSS tools and resources that you may find useful in your web development and design work. We all know that us web developers and designers are very busy and often overworked! Therefore, it is important…

Teylor Feliz
September 7, 2011