Archive for the ‘Programming’ Category

Setting up ASP.NET MVC 4 and Twitter Bootstrap 3 with LESS

Tuesday, September 17th, 2013
ASP.NET MVC + Twitter Bootstrap + LESS When setting up an ASP.Net MVC 4 application recently, I decided to add Bootstrap 3 into the project. The default NuGet package for Bootstrap (Twitter.Bootstrap) includes the source and the minified versions of the JavaScript and CSS. However, should you want to edit the LESS files and recompile and minify the CSS, you will need a different Bootstrap NuGet package, a minifier adapter NuGet package, and some additional configuration. Also, while client-side LESS interpretation is great when working in a development environment, it may not be ideal or available for all website visitors. For ...
[ Read More ]

It may be time to update your reset stylesheets

Thursday, March 10th, 2011
If you're using Grails and the Grails UI plugin's autocomplete feature, you may have noticed all of your textboxes have disappeared in Chrome 10. This is thanks to Chrome 10 adding a new default browser style for an invalid attribute: "hidden". Take a look at this jsFiddle: If you remove the CSS style on the right, Chrome 10 will by default hide input elements that have the "hidden" attribute set to true. The problem with this is that the hidden attribute is not a valid attribute - and should therefore be "undefined". So, if you've noticed this issue, make sure to add the following CSS style to your reset stylesheet so Chrome 10 behaves like all the other browsers: input[hidden=true][type=text]{display:inline;}