Home » CSS (page 8)


CSS Text Shadow Example

Ever felt chaotic about text going into unsuitable button colors, boxes or simply sitting inside a bad contrast in the page? Well, it’s probably because you’ve used colors that won’t match to give a good view of the text, (e.g make it readable). With CSS, it is very easy to solve this using the text-shadow property to enhance the text ...

Read More »

CSS Button Style Example

In this article, we’re going through CSS Buttons. As we all know, buttons are important elements on pages and we use them to visually beautify common actions like download, upload, log in/out, submit and so on. A good button design enhances usability. Before we explain how to style buttons, keep in mind that buttons are not links. The main purpose ...

Read More »

CSS Multiple Classes Example

In this example we are going to have a look at multiple classes that you can apply on an element of html. It has become more and more useful declaring some standard classes in CSS (actually referring to them, even though they do not exist) and using these classes whenever we need in our elements. It basically is the inverse ...

Read More »

CSS Table Design Example

The aim of this example is to show how you can create tables with HTML and style them with CSS, including specific and various examples. Since web pages are loaded with a lot of information, it sometimes becomes a neccesity organising data in a more easy-to-read and intuitive way. That is where CSS can be of great help. Below you can find ...

Read More »

Twitter Bootstrap Modal Example

The Bootstrap Modal is a responsive JavaScript popup used for many purposes, such as log in/signup forms, videos, images and alert dialog boxes. It can even be used for showcasing dialog prompts for terms and conditions, and one of it’s best features is being responsive and customizable. Modals’ structure: Theoretically, modals have a three-part structure, formed by a header, a ...

Read More »

How to use Gulp to generate CSS from Sass/scss

              Contents 1. Set up the infrastructure 1.1. Install Node.js 1.2. Install gulp 1.2.1. Install gulp globally 1.2.2. Install gulp in your project devDependencies: 1.2.3. Create a gulpfile.js at the root of the project: 1.2.4. Run gulp 1.3. Install Gulp plugins 2. gulpfile.js 2.1. Load the modules 2.2. Gulp tasks 2.3. Pipes 2.4. “Watching” ...

Read More »