Auralinna.blogTero Auralinna's blog about intriguing world of web development.

I'm a Full Stackish developer with a strong passion to a beautiful front end. I have mainly focused on front-end development, responsive web design, back end coding with PHP and Java, Content Management Systems, modern web frameworks and DevOps.

Blog posts related to CSS

Crop and resize images with CSS

28.01.2018

Sometimes you don't have an option to crop images on the server side so you need to do cropping in the browser instead. Here are few examples how to create cropped image thumbnails using CSS only. All the examples are responsive and work for most image aspect ratios. Cropped images are scaled and centered to maximize visible area of image. Read more.

Navigation wizard example with equal width steps and flexible width of last step

01.01.2018

This blog post explains how to create a navigation wizard which all steps have equal width except a last one. Width of the last step is depended on text width. Read more.

Code syntax highlighting with Angular and Prism.js

28.12.2017

I implemented Prism.js based code syntax highlight feature for my blog. This blog post shows how to use Prism syntax highlighter with Angular. Read more.

How to make a CSS speech bubble with borders and drop shadow

22.12.2017

This blog post demonstrates how to create a CSS speech bubble with borders and drop shadow. Read more.

Wrapping newlines via CSS

30.11.2017

This is a simple tip how to wrap newlines without converting newlines to br tags. This is quite handy if you have text without formatting and the only need is to wrap text paragraphs. You don't have to think about HTML sanitization or conversion. Read more.

How to customize Bootstrap styles and variables when using ng-bootstrap

28.11.2017

Ng-bootstrap is a great project which integrates Bootstrap 4 components into Angular. The main benefit is that it’s not dependent on 3rd party Javascript libraries like jQuery or Bootstrap JS. Installation is easy, but instructions are missing important point how to make Bootstrap styles editable. Here are steps how to do it. Read more.