Curtis Timson

Front End & .NET Developer

Tag

css

8 Tips to increase front end website performance

Recently I’ve been working on front-end performance improvements for a large web application and would like to share with you my findings. The following, in no particular order, are simple tips for achieving greater website performance: 1. Use a Content… Continue Reading →

Managing @font-face definitions with LESS

A typical @font-face definition looks something like this: @font-face { font-family: ‘CustomWebFont’; src: url(‘customwebfont.eot’); src: url(‘customwebfont.eot?#iefix’) format(’embedded-opentype’), url(‘customwebfont.woff2’) format(‘woff2’), url(‘customwebfont.woff’) format(‘woff’), url(‘customwebfont.ttf’) format(‘truetype’), url(‘customwebfont.svg#svgFontName’) format(‘svg’); font-weight:normal; font-style:normal; } Here we are defining the font’s name, weight, style, and providing various… Continue Reading →

Using @font-face and preventing faux-styles

@font-face is used in CSS to define a custom font style for a web page. Some custom fonts come with multiple type-faces for different weights and italic styles. These are often defined with seperate font-family names for each type-face. For… Continue Reading →

Creating a new rule for a CSS class in jQuery

In jQuery, to add a new style to all elements which have a particular CSS class, we can simply call a function like the following: <div class=”foobar”>Lorem Ipsum</div> <div class=”foobar”>Dolor sit amet</div> function SetFooBarRed(){ $(“.foobar”).css(“background-color”, “red”); } This will add… Continue Reading →

© 2017 Curtis Timson — Powered by WordPress

Theme by Anders NorenUp ↑