Category Archives: Web development

Sublime Text 2 for development

by

Hey guys. Some time ago I started using Sublime Text 2 as my main Text Editor. It is super fast and extremely impressive in all fields. It has so many cool features and is defiantly worth checking out. In my opinion it outworks both TextMate and Coda which were my preferred Text Editors for mac before the rise of Sublime Text 2.

A quick list of cool features and extensions in Sublime Text 2:

  • Multi Colum selection integration (Watch video here!)
  • Package Control (awesome)
  • Komodo Intellisense integration
  • Snippets
  • Mini-map overview graphic for ‘birds-eye-view’ of source
  • Powerful command palette to quick perform actions
  • Easy file loading with file switching panel
  • Code-Folding
  • Indent Guides
  • Vintage mode for Vi key bindings
  • Powerful multi-pane/Split-pane editing
  • Regex-based find and replace
  • Support for Textmate themes
  • Powerful plugin architecture
  • Jump-to-function panel
  • Remembers files on re-open
  • Bracket matching
  • Fully customizable key bindings
  • Auto-complete and Snippets and Macros
  • Full-screen / Distraction-free editing
  • And many more…

If you’re into web development I really recommend this editor and check out this blog post by Andy Miller, which will get you started with some nice extensions.

Let me hear what you think!

Get a grid!

by

The first thing you wanna do as a web designer is to make everything as easy as possible for yourself, so the only thing you have to worry about is what you do best. Be creative and create awesome designs!
Sometimes the start up can be rough. Maybe you’re working with a bad client, with no inputs at all, and feel no inspiration flow what so ever. In these hard times, it can be a project in it self, just to get started. Therefore, my advice is to have a basic project structure, so the hardest thing is already taking care of.

960 grid system

Choose & establish a PSD grid
Creating a grid is typically one of the very first things you wanna do as a Freelancer or a design company. After all, it provides the basic structure on which the rest of your design will lie. The only question is what grid system to use?
Normally I work the 960 grid system by Nathan Smith, and it works perfectly for 12 & 16 column grid. But recently with all the mobile and tablet development it is time to get responsive with your designs.

Therefore I would like you to check out the new 1140 css grid which works perfect on a 1280 monitor and on smaller monitors it becomes fluid and adapts to the width of the browser. It can really speed up your website building process.

1140 css grid

Try it out, and let me here what you think?

Test your website in IE

by

 

 

 

 

 

 

 

 

 

 

 

 

 

Now we all now how much pain Internet Explorer can cause us when we are developing a new website for a client!

Basically we are all happy when it comes to Firefox, Chrome, Safari which are the browser-heavyweights -  Because with a simple CSS reset like Eric Meyers CSS Reset or HTML5 Boiler Plate you only have to make minor changes like margins and other small stuff.

Now when it comes to IE, it has always been a struggle testing your website since there are numerous problems with each version of the IE browser. Furthermore, if you are a Mac user you cannot download IE and test it directly. In this case the best way for me has been using a virtual machine like VMwareFusion, installing Windows 7 and then download IEtester that works pretty great, except its heaviness by literally running  two systems at the same time.

Greg Thornton have been working on a project that makes testing IE a little more lightweight and smoothly for Mac users.

Check it out!

 

 

 

 

 

 

 

 

 

IE Vms

Microsoft provides virtual machine disk images to facilitate website testing in multiple versions of IE, regardless of the host operating system. But setting these virtual machines up without Microsoft’s VirtualPC can be extremely difficult. The ievms scripts aim to facilitate that process using VirtualBox on Linux or OS X. With a single command, you can have IE7, IE8 and IE9 running in separate virtual machines.

Clean & minimalistic web design

by

how clean is your website

Shaun Cronin writes an article about what a clean site is – and the different methods and tools you can use to improve the aesthetic harmony on your website.

It can be easy to spot a good example of clean design, as it promotes a certain feeling of professionalism and quality. However, what is not often discussed are the underlying principles and factors that combine to create this ‘clean’ look and that is precisely what this article intends to do

Great article, read more here!