Blog/webdesign

Insights and advice for improving web performance.

CSS Import

CSS Import

Cascading Style Sheets (CSS) are the design foundation of most websites. It describes how the elements should be rendered on screen. This is where the CSS @import at-rule steps in to help. The @import rule tells the CSS engine to import an external style sheet into another style sheet. This allows style rules from a style sheet to be added to another style sheet. This rule can also be used in combination with media queries to import a style sheet based on the device type.

March 5, 2020 Read more
PostCSS - Transforming Your CSS with JavaScript

PostCSS - Transforming Your CSS with JavaScript

When it comes to CSS, there are always new tools being introduced to help us transform styles in a more fast and efficient manner. In 2013, PostCSS was released but it wasn't until mid-2015 when a lot of buzz really started to take place in the development community around PostCSS. Today, in 2018, PostCSS is still widely used in the development community and the project itself is still actively maintained by a large community of contributors.

October 18, 2018 Read more

UI vs UX - Explaining the Differences Between Both

Some developers have the habit of using terms such as UI and UX interchangeably. However, UX, or user experience, is not the same thing as a UI, or user interface. Therefore, it's important to make a distinction between the two when talking about software development and design. This guide will explain the intricacies between UI vs UX to help you better understand how they differ. UI vs UX: Why two terms?

January 4, 2018 Read more

OOCSS - The Future of Writing CSS

As web projects grow, managing CSS can quickly become challenging if you don't put any forethought into how the code should be structured. Fortunately, some smart developers have come up with several methodologies to help programmers write CSS that is succinct and easy to maintain. Object oriented CSS, or OOCSS, is one such approach that can be applied on its own or combined with other methodologies like SMACSS and BEM to impose order on naturally disordered CSS.

June 8, 2017 Read more

10 Essential Benefits of Responsive Web Design

Responsive web design simply means making websites that can adapt to the size of the visitor's viewport. The goal is for content to render differently depending on the device or screen size so that visitors have an optimal experience no matter how they access a website. The primarily benefit of responsive web design is that sites load quickly without any distortions, so users don't need to manually resize anything to view content.

March 16, 2017 Read more

Top 10 Frontend Frameworks of 2018

Frontend frameworks let you hit the ground running when developing a new website. Due to their popularity, a wide array of frontend frameworks are available, and new ones emerge on a regular basis. Because there are so many to choose from, pinpointing the right frontend framework can be tricky. Like many developers, you may be drawn to wildly popular, tried-and-true options like Bootstrap and Foundation. Then again, a newer but less widely known framework may more effectively suit your needs, so it's worth it to get up to speed about today's most popular options.

October 6, 2016 Read more

Bootstrap vs Foundation - Top CSS Frameworks

When it comes to being a developer and designer you usually always reach a crossroads of which CSS framework should you use? There are many out there to choose from, but two of the most commonly mentioned ones are Bootstrap and Foundation. In this post, we will be comparing the two CSS frameworks, Bootstrap vs Foundation. Read more below about how using a framework can help speed up and streamline your development and design process.

August 18, 2016 Read more
KeyCDN uses cookies to make its website easier to use. Learn more about cookies.