A first test i did for our new website here at NETbureau. Still have to find more personality in the design as well as improve many aspects. A big challenge and a great opportunity to do something really awesome. Responsive it shall be. Click the image to see the full-size layout (1920×3500). Yes i’ve gone huge in size!

In this tutorial, i am going to explain how i did to create the ‘slide to unlock’ effect on this website: http://netbureau.mobi/ earlier in the year to open a post. It involves a Wordpress powered site with a custom post type, jQuery UI Slider. The idea is to display some projects within iphones on the home page of a site and to have the cool ‘slide to unlock’ animation to open the post. All explained after the jump.

Here is the latest site i did here at NETbureau based on the Plataforma.mobi platform we developed: Combinado Carioca, a restaurant here in Rio. The site is running on Wordpress and has two themes. One for desktops and the other for mobiles. I did not include it in my work section as i prefer to showcase bigger and more complex projects there but i quite like it at the same time so here is a good opportunity to use the blog. Okay, enough blabla, here are the screenshots.

In this first tutorial, i will show how to insert special characters within the title attribute of an anchor tag by the use of jQuery. I needed to do so a few weeks back in one of my projects and here comes the solution i came up with. This is a pretty special trick and you probably will not need it that soon, knowing that those characters can be inserted “by hand” directly into your html code. This deals with the idea that you cannot write it when coding the html, but rather have to insert it at some moment in the page by the use of jQuery. Hope that’s clear.