Tagged articles - CSS

Minification of Cascade Style Sheet (CSS) and Java Script (JS) should be on a TODO list for every web application. The minification of CSS and JS can be easily one on the runtime with ASP.NET bundling which is build in in ASP.NET framework, but in case of distributing your resource files over CDN you cannot use the runtime minification. You physical files need to be minified...read more

Like JavaScript, CSS files are also loaded on the page by default in a blocking manner. Luckily for us, for JavaScript we can use either async or defer attributes on the script tag itself to change the behavior of JavaScript external file loading. There is a different between these two attributes, but this is not the subject of this article. ...read more

With ASP.NET MVC Microsoft introduced bundling of JavaScript and CSS resources. These bundles work pretty well but to me it always looks not so natural to define bundles in BundleConfig.css and I had problems if I want to edit CSS or JavaScript during runtime because they are cached. One more thing I was struggling with is injecting the script inside the document instead of referencing the script or css from an external file. ...read more

One of the major things that affects your page performance is the number of requests made from your page. Any external resource included on the page page makes your page loads slower. Most commonly these are images...read more

New version of browsers are bringing a lots of useful features, but among them there are some features that can actually ruin your UI concept. The following are just some of the most common ones and instructions how to disable them. Disable textarea rezise ...read more

From time to time we all need to do some maintenance to our websites. ASP.NET has nice integrated feature to put your website online while you are updating files and libraries...read more

Reponsive jQuery plugin for browsing public albums of a Facebook account. Plugin is suitable for both desktop and mobile websites....read more

Before CSS3 coming out, if you needed to change the layout programatically when window size is changed you would have to write a small JavaScript or JQuery to handle window resize event and perform some action on the DOM to addapt your layout. In case you would use JQuery (which is most of the cases as I do not remember last time I wrotw plain JavaScript code) you would have to hook to window resize event and handle every resize. Based on your condition you would apply some CSS to specific element or strip style from it. ...read more