Dit is een test

Website icons and previews

File: favicon.ico, an 8-bit 16×16 .ico format icon file in the root of your website
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />

If you want Windows desktop support, embed a 32×32 and 48×48 pixel version in the same .ico file.
You can use a service like: http://tools.dynamicdrive.com/favicon/

Larger icons:
touch-icon-iphone.png, a 57×57 pixel file.
touch-icon-72x72.png, see the filename...
touch-icon-114x114.png, see the filename...

Yosemite for webdevelopment

Ik was begonnen aan het opzetten van een pagina voor het inrichten van een verse Mac OS X Yosemite voor webdevelopment, maar er zijn zo veel goede bronnen dat ik mij beperk tot een lijst van tools en eventueel verwijs naar andere bronnen.

Speeding up Drupal

Does Drupal feel sluggish? You probably feel the toll when logged in.

Test your site with a speedtest like Pingdom. It gives you a feel for how visitors will experience the site, speedwise.

If your admin section is feeling slow, try this:


PhpStorm, Xdebug and zf2 on Ubuntu

After using Eclipse for over three years now, I've switched to PhpStorm. The ease of use and the small amout of time it took me te get the components from the title to work together makes this a no-brainer for me.

The version in de Ubuntu Packages was running a year behind, so I decided to install Xdebug from a git clone and build it from there.

Browser testing with browserstack

Browserstack lets you use a virtual machine with any browser you could ever need. A must have for every front-end developer. There is a free trial, check it out!


Styling the search box

This is a nice article about styling a search box. From time to time front-end developers all have get it done, this is a nice list of css styling options we can use.



Ubuntu on a Mac

Without a dedicated Ubuntu workstation, I am using a MacBook Pro with VMware to do most of the serious development. I finally figured out the keyboard mapping (and I would like to keep them handy for future use). The mapping can be set in "System settings" -> "Keyboard Layout Options".

- Open "Alt/Win key behaviour" enable "Ctrl key is mapped to Win Keys"
- Open "Ctrl Key position" enable "Left Ctrl as Meta"

Drupal code snippets in wysiwyg editor

After searching for a way to do code snippets in wysiwyg/tinymce, I had to go for wysiwyg/ckeditor/geshi. The ckeditor had to be 3.x (4+ would not work with wysiwyg).

The Drupal modules needed:

The dev version of wysiwyg: http://drupal.org/project/Wysiwyg

The geshi filter module: http://drupal.org/project/geshifilter

The wysiwyg button: http://drupal.org/project/wysiwyg_geshi_button


Suckerfish CSS Drop Down Menus in Drupal

Dropdown menus in Drupal the way I do it. By using the menu_block I am more flexible in how to display the menu. By using block_class I can reuse the css code without having to worry about the id drupal generates for the block.

Step 1. Install menu_block and block_class.

Step 2. Goto /admin/blocks and create a menu_block item with expanded children, a block classname "menublockmainmenu" and place where you like.

Step 3. Add css code.



Subscribe to Broen.nl RSS