CSS

How To Apply Conditional Styles to Components Using Angular Declarations

If you need to apply dynamic styles to a HTML element in your Angular applications, there are a few different options available, including ngClass and ngStyle. In today's article, we'll explore both in detail. Component Styling Using ngClass Most of the time, we want to apply component styles at all times. We can do that by simply adding classes to our templates, like so: <label>A Bootstrap Button <button...

Setting Client-specific Styles in Angular Using Less.js

CSS (a.k.a. Cascading Style Sheets) was a huge step forward in the evolution of the Web; it allowed Web designers to apply a variety of themes to a site just by referencing a different CSS file. Later on, CSS pre-processors like Less.js extended the CSS language by adding features that allow variables, mixins, functions, and many other techniques to make your CSS easier to...

Intro to Animations in AngularJS

By Lukas Ruebbelke AngularJS was originally created as a framework to handle enterprise CRUD applications. With the introduction of the new animations API, AngularJS has broadened the possibilities to offer something for designers and developers alike. The most powerful aspect of AngularJS is directives, and AngularJS animations are essentially class-based directives that have the power to harness complex animations with the addition of a single class...

Top Open Source Content Management Systems

Introduction In this article, we will compare some of the popular open source CMS systems. Here, we will study the architecture and the authentication supported by them. Two CMS systems are based on .NET technology and two are on PHP. The .NET systems we are analyzing are DNN and Umbraco, and the PHP systems are WordPress and Drupal. Description Let's analyze the architecture and the different features...

A Look into Speech Support in CSS3

Editor's Note: This article is forward looking. Future browsers are likely to support speech synthesis that will be configured and driven from a web page's CSS markup. Currently, the specifications for this are in a "recommendation" stage. As such, most browsers don't support this today, but the expectation is that they will in the future if the recommendations are fully approved. Introduction The speech module of CSS,...

Introduction to Bootstrap: A Tool for Building Responsive, Mobile-First Projects

Introduction With the increasing popularity of mobile devices, web developers are required to think about their website design for mobile devices from the beginning of a development project. Developing web applications targeting multiple devices can be challenging. Web developers often resort to third-party frameworks for features such as theming, widgets and responsive design. One such handy, popular and open source framework is Bootstrap. Using Bootstrap...

A Guide to Learning Media Queries in CSS3

Introduction With the increasing popularity of mobile devices, web developers are required to ensure that their website renders well on different devices. One important aspect in such a rendering is applying different CSS rules to different requesting devices. To that end CSS3 media queries allow you to apply CSS rules depending on the media type and its capabilities. This article examines what CSS3 media queries...

5 CSS3 Features That Simplify Your Web Page Styling

Introduction If you are a professional web developer chances are you use CSS for styling your web pages. The latest version of CSS - version 3 - adds many features to the CSS2 feature set, making it appealing to any web developer. This article discusses five features of CSS3 that you will find interesting. The features discussed in this article include - New selectors, border...

10 Tips to Make Your Web App Pages More Printer Friendly

You've crafted an amazing responsive design for your Web application's pages. You might have even covered mobile, but did you remember print? Make sure your pages look great everywhere with these ten quick tips. 1. Use Media Queries to Create Print Targeted CSS Media queries are a quick, easy way to declare a block of CSS that will only be applied when a web page is...

4 Magic Tricks For Site Interactivity Without JavaScript!

Most developers think JavaScript is the only way to make their web pages interactive. Not so! Learn 4 quick tips to add interactivity to your site using nothing but CSS. These approaches can make your web pages load faster, react snappier and simplify your code! 1. Magical Pure CSS Trees The core idea of this approach relies on the fact that checkbox state is CSS targetable...

Latest Articles