CSS, Methods and Components

Components to improve and simplify the design of web pages without using a JavaScript framework.

Show title on split rule

Like the legendary tag on a fieldset boundary, it is possible to combine a title and a split rule .

JavaScript and CSS context menu

Without any frameworks, create a replacement menu for the right mouse button.

Professional Appearance check box

They can be configured without a framework .

Multi-line image gallery

To align thumbnails with a comment, use CSS that is compatible with all browsers.

Text shadow

This CSS 3 property, which adds a shadow to characters, is implemented in all browsers except IE 6-8, which use a filter.

Infobull in pure CSS containing images

We customize information bubbles to choose their appearance, as well as the content, with images, headings.

Planning issues

Align or center elements on the page.

Tools and templates

Online Shadow Editor

Create an interactive shadow and get the CSS code.

Page template with CSS flex property

With flex, you can create a page that works for all screens with very simplified CSS.

HTML page template-Fills the surface of the browser window.

Unlike web pages, the application interface should not expand in the window, it should align to the size of the browser and be configured when the user changes the size of the browser window.

The site's CSS must be recognized by the most used browsers. Here are statistics on browsers used in the world, on desktop and mobile devices:

Browser market share in November 2017 (Data: StatCounters - Chart: Scriptol)