practical web design & development

Archive for the ‘CSS’ Category

Effective Example of CSS Media Queries

With the growing demand of mobile devices we must now take into consideration what the user is viewing a website with, and handle these situations appropriately. CSS in particular has some pretty handy methods to assist with this through media queries. You may have seen “@media” before, but did you know you can add even [...]

Since all the functionality was already in place it felt only right to add a batch option to the Gedit Clientside Plugin. This new “batch” option allows you to choose several javascript or css files to minify, and place into one file. Its pretty straight forward. From the Tools menu under Clientside there are two [...]

Gedit Clientside Plugin

For all of the gedit nuts out there (like myself) who develop css and javascript, I have created a gedit plugin just for you. The Gedit Clientside Plugin. This plugin can minify and beautify javascript and css. Also for javascript you jsLint is included. Finally for good measure, I threw in a gzip method as [...]

Gedit Minifier Plugin

I often find myself having to do a lot of jumping around to develop. I write the code, test, then minify, then copy files, etc.. I also have a strange interest in gedit, so I decided I’d create a quick little plugin to minify files for me. The plugin is dirt simple. While your file [...]

Zen Coding with gEdit!

Zen Coding is a fun tool for editors. Basically it allows you to type out a css selector, hit a key combination, and Bam! It turns into corresponding html. Doesn’t sound like all that? Well lets imagine you’re creating a complex form, or a table with several columns (a table for tabular data of course..) [...]