LinkedIn InMaps scheduled to close

A while ago I had discovered a very interesting application from LinkedIn Labs – the InMaps. This application will connect to your LinkedIn account and put all your connections in visual format. Here’s what my network looked like at that time:



Today I got a notification that InMaps is being discontinued on September 1, 2014 – that is in less than a month. This prompted me to have a last look at my current network, while I still can. And this is the result: inmaps-last


Plenty of change, as it can be expected from almost two years and moving from Spain to Ireland. Entire new country, new jobs, a lot of new people – and a lot of recruiting agents in the mix. It was interesting to see the evolution. And it will be just as interesting to see what LinkedIn will bring forward to replace InMaps.

Eight Long Irish Months


It’s been such a long time since I’ve written here. So many things have happened since my arrival here in Ireland. While I might enter into more details later, here’s a brief summary:

  • Spent about 6 weeks looking for the first job, including a battery of tests and interview with Yahoo! While the position was only partial matched with my skills, it was a great experience in the end.
  • I’ve had a three month contract with Symantec. Yes, that Symantec. I got to work on a very interesting project with a team of great people. Unfortunately I fell victim to the dreaded “cost saving” after the global restructuring of June 2013.
  • Spent the next 2 months looking for another job, only to hit two more obstacles: key decision people in vacation (thus halting effectively the recruiting process) or not being suited for the desired profile (namely hardcore Javascript developer). I even got a couple of the “you’re over-qualified for our position” speeches. Hit some more “big names” like PWC, MasterCard, so not everything was a total loss.
  • Landed another contract, this time in Limerick, with another fantastic team of people, called DevEire.
  • And last, but not least, I tried my hand for the first time with the already famous Smashing Magazine Monthly Wallpapers. And what do you know: I made cut and appeared in the October list with my “Trafalgar Day” entry. Scroll down a bit and enjoy.

I will try and make more time in the future for both this site and TridentDesign (another victim of my hectic year). Next in the plans is the long started and even longer delayed redesign. Now, that Bootstrap 3.0.0 has been launched, I have no more reasons to procrastinate.

See you all soon. And “Thank you!” again, Smashing Magazine.

What is the shape of your professional network?


I was pleasantly surprised this week to encounter the Labs website of LinkedIn (yes, I know I might be late in finding it, but better late than never). Many online giants have such labs where crazy scientists and hunchbacked trolls called Igor concoct all sort of fancy experiments. This one lives to the expectations too and has quite a few interesting projects, like Resume Builder or Connection Timeline. Play a bit with them and you’ll understand what I mean.

But the application I want to talk about is called “InMaps” and it gives a visual representation of your network of connections and the way they are interconnected. You can see above my map (you can also click on the image to view the online version). Basically it highlights the three largest profesional milestones of my life (in order: Getica / Ayon Logic (green), Webfusion (orange) and Emagister(blue). The rest is a mixture between high school and university classmates, freelance contacts and various other people I know. It is fascinating to follow the connections and sometimes you can have the surprise to see how people on different branches are in touch.

How does your professional map look like?

Drive testing the new Seat Toledo


Today I can check off another item on the “List of things to do in my life™”. I have test drived a new launched car – the new Seat Toledo. I’m not gonna bother quoting excerpts from official reviews – you can find a very comprehensive one in the Parker review for the UK market. I think it was not launched there yet, as the pictures in that review are all of the normal left-hand drive at this moment.

I have booked my test drive a couple of weeks ago, when I receive a promotional email in my inbox (I have participated to a raffle related to the new launch). It’s obvious I did not win the raffle, or the post name would have been totally different. Anyway, I was invited to test drive the new car when the promotional caravan reached the city I currently live in – Sabadell (30 km away from Barcelona), at 9:00 AM.

I was at the local concessionary bright and early, 20 minutes before the announced time and found only peace and quiet. As the moments passed by, without any sign of movement inside the showroom, I thought that perhaps there is another location for the event and I was not aware of it. Or that the normal schedule was from 10:00 AM (as written on the door) and nobody bothered to synchronize the scheduling application with the concessionary time table. I moved round the corner to the entrance to the service area and at 9:02 I was greeted by the view of the caravan: 6-7 cars, with the model name inscribed in broad letters on the side. There was a black one, a dark red one, while the rest were a few shades of grey (not 50 though …).

It took a while for everything to be set up. One car was parked outside, with banners around, a couple were pulled inside a secondary showroom. Meanwhile, somebody who appeared to be the “caravan master” offered me a coffee and some sweets while I was waiting for the test drive to start. I only took one picture of the entire setup (the one below) and it would have looked a lot better if they would have used the dark red car instead of one of the grey ones.




We got all the papers done quickly and started for the chosen car, a grey 1.6 diesel, with 105 bhp, in the top configuration (Style), with a nice cream interior finish and manual gearbox with 5 steps. I was given first a quick tour of the car – the boot/trunk, the folding back seats. I was also invited to sit on the back seat, behind the driver, with the front seat pushed all the way back, to understand that there is enough place for another person there at all times. Then I jumped into the driver’s seat and got through the preparations. I took no more pictures, but I’m adding one from the catalogue:


This image shows the extra option of integrated navigation, which gives a larger central screen, with touch controls.


Because the SEAT official coming with me was in the area for the first time, I was given the freedom of choosing the route and I decided to go two roundabouts away from my office, thus reenacting my normal daily run to work and back home. Of course I appreciated the lack of normal morning traffic jam, that allowed me to push effortlessly to the speed limit of 120 km/h.

Overall the experience was great. The Toledo is a great car and the engine had more than enough power for my normal driving style. I can’t say I disliked something in particular – the ride was relatively short (about 25 km), I did not have to do any special maneuvers (like parking) and the traffic was light enough for a pleasant journey. I am not a great fan of the exterior grey color and the cream interior, although very pleasant visually, stains easily and might require a lot of attention in the long run to remain clean.

I also loved the little details: like the audio controls on the steering wheel, the USB and AUX entries for the audio system, the quality of the sound system, the lack of road noise (both from traffic and from the engine, although I did not rev it too much), the small indicator on the dashboard prompting you to choose the best gear for optimal fuel consumption. I did not appreciate the lightness of the controls (pedals, steering wheel and gear change) until later, when I returned to my 13 years old car.

I can’t say I would buy one, even if I had the money – being the first new car I drove would would require some more tests with its rivals. If I would have one for a week to put through its paces it would be enough to make an opinion  But I did enjoy driving it and I would love to be given the occasion again.

Credits: The instagram picture is mine. The rest of the images are from and

Say “Hello” to Twitter Bootstrap

Recently I got involved in a project that makes use of Twitter Bootstrap and I can say I got very interested in the possibilities and opportunities this framework brings. While I have studied it before as inspiration for a custom in-house CSS framework, it was for the first time I was getting my hands dirty, so to speak.

The result is that I have decided to upgrade this website with a new version built upon Bootstrap. Thanks to 320 Press I could get my hands on a basic theme built with this framework, just waiting to be customized properly. I already got the design completed and I need to start chunking code. So stay tuned for the second version of

How to handle broken images in Firefox

Last week, at work, I was working on a project that deals with image management. I noticed that Firefox was not displaying a placeholder for an image with a broken URL, despite being given explicit width and height, both as HTML attributes and CSS properties. All other browsers had the broken rectangle displayed, thus stretching the container box properly. Firefox falls back in line if the image receives display: block, but in the default case, it is very easy to overlook a broken image.

After a bit of Google-Fu I came across this article from that offers a CSS rule to be added in the custom stylesheet of the browser in order to enable the display of the placeholders. The same rule can be used in your website’s stylesheet as well to enable the functionality for all visitors.

Here is the CSS rule:

img:-moz-broken {
    -moz-force-broken-image-icon: 1;

Here is how the placeholders look in the three main browsers:


Internet Explorer 8


I did not manage to study in enough details the specifications to see which browser does the correct thing. For the sake of consistency I dare think that until this feature becomes enabled by default in Firefox, the little snippet of code can be made part of the reset stylesheet of your websites.

WebVisions Barcelona – the aftermath

I started writing this post on Sunday, right after the end of the WebVisions conference in Barcelona. I delayed finishing it, as I tried to gather as much material as possible for the sessions I participated (meaning the presentation slides and if possible video recordings). And if I ever needed another reason to like Smashing Magazine, I have it now. Thanks again for the ticket. I loved the experience.

Let’s deal with the less fun parts first, to get them out of the way. This category included the daily commute of 1:30 hours to reach the event location (and the same to get home late in the evening). The fact that the Oval Room was not specifically designed for public presentations, thus lacking a proper audio setup and any type of video recording equipment. While this allowed me to play video operator with my personal camera, the results can be called “decent” at best. I think that maybe a normal classroom would have been better. The last thing was the lack of research in local customs. In Spain, people start having lunch around 1:30 – 2PM. It’s hard to find a decent restaurant open before 1AM, except maybe fast foods joints or cafeterias. Thus having the lunch break set up from 12:OO to 1:30PM restricted a bit the possibility to get a good meal.

Now, to the good parts. Day one has been Studio Tour day. I could call this experience “people with great imagination need unusual offices”. Why’s that? Estudios Mariscal (creators of the ’92 Barcelona Olimpics Mascot) and Morera Design have their offices inside a renovated leather factory. The Almogavèrs business incubator is inside a renovated industrial building and the walls are covered in motivational phrases, in English, Spanish and Catalan. And last but not least, Herraiz Soto & Co makes use of what was in the ’30s a propeller factory. The end part of this warehouse-like building was offered as location for the party that ended the first day.

Because I forgot to take my camera with me, I had to do only with my phone camera. Thus I decided to reach to the Hipster side and took some Instagram shots, which you can see below:

Meeting Javier Mariscal
The “Garden” outside Mariscal Studios
Funny mascot at Morera Design
Motivational graffiti at Almogavèrs Business Incubator

I had to skip day 2, because I did not had a ticket for the Workshops and the 350 euro price was a bit steep for me. So I was present, bright and early, on Friday morning, when the presentation sessions began. I’ll focus on the sessions I attended personally, but you can check the full schedule to see what else was available. The criteria I picked the sessions was two-fold: first by topic and second by location. As I mentioned in the “not that good” part at the beginning, the sessions in the second Oval Room were not recorded on video so I focused on being present there and saving the other sessions for later when the video sessions will become available. For each session I will link either to the description on the event website or the place where the slides are uploaded (if I managed to get track of them). I thought about putting the slides inline, but that will make the post even longer.

1. We started with “Make it So: UX Lessons from Science Fiction” by Nathan Shedroff, a very interesting session, backed by lots and lots of data, showing the effect that technical evolution has on fictional interfaces and how the same fictional interfaces have sparked ideas that materialized in real life products. The research data backing this presentation will soon appear in book format, called also “Make it so”, although I am sure much will be lost when going from screen and video to printed word.

2. Next came Chrystal Beasley from Mozilla and 13 Signs your website needs an UX exorcism. A back-to-basis list of things to avoid and not to do if you don’t want your visitors to run away screaming. Not terribly exciting, but good enough to get woken up that early in the morning (the slides are available in the link above).

3. Jason Grigsby took off with a very engaging session called “Casting Off Our Desktop Shackles” showing off just how many prejudices and preconceptions are when it comes to a true mobile experience. I could not help but remember why I keep Opera Mini on my phone: because my favorite past-time-while-commuting website automatically redirects to a mobile version that does not have all the content as the normal site (including some quite important areas). Overall it was a very interesting session. Seeing it in a comfy chair with air conditioning (in the Auditorium) definitely helped (the slides are available in the link above).

4. Faruk Ates (creator of the Modernizr library)  held next session, focused on “Web’s Third Decade” – a thorough analysis of the status of the web today: lack of formal education, most professionals are self-thought; we still hand-code everything, as the tools are not up to date with production reality. Then came a list of what the community is doing to overcome obstacles, possible solutions for our problems and how people need to approach the new realities (the slides are available in the link above).

5. Next came Chris Mills from Opera who talked about “Adapt and Respond: An Expert’s Guide to Responsive Design“. I can’t say I remember much of the details covered, as I was too much in awe with the style of the presentation: 8-bit style images and sound effects from old games made up for an awesome unconventional session (the slides are available in the link above).

The day ended with a presentation by Jeff White from Industrial Light and Magic. Yes, that ILM – those who make awesome stuff in the movies we love (or we hate). I could not really see the connections between this session and the world of web, other than the first 5 minutes when we saw how the ILM website looked in the beginning and how it looks now. The rest was spent on covering ways to do special effects (with lots of examples) in movies like Jurassic Park, The Avengers and of course Star Wars. Slightly off-topic, but enjoyable nevertheless.

Last day started with a session on CSS Regions and how one can use them to create a magazine-like layout. The speaker was Mihnea Ovidenie, from Adobe Romania and one of the people who works on the WebKit engine. He is also one of the friends I made at this conference and trust me … it was great to be able to speak Romanian again with someone other than my wife. Anyway, while the support for this technology is not great yet (Chrome – needs activation of the flag – and IE 10), there is a lot of potential for the future. The slides are in the link above and here is also my own recording of the event:

Next session belonged to Chris Heilmann from Mozilla who, together with his colleague Chrystal Beasley started a rhyme-based duet on HTML5 and the future of the web. Although this highly entertaining part laste only about 15 minutes, the rest of the time was a free-for-all discussion on the impact these new technologies have on the current virtual landscape. The slides are linked above and, while I have recorded the entire session, I do not have the permission of the speaker yet.

The first session after lunch showcased Viktor Nordstrom and Daniel Iborra, two young entrepreneurs from Sitges (30km south of Barcelona) who did a presentation on WebGL, HTML5 and the Future of 3D. The highlight of the session was the showcasing of their web-based rendering application, which permits loading 3D models and rendering the resulted scene. I will also add the recorded session when I will receive the permission of the speakers.

Next presentation was from the second Romanian participant, Raul Hudea, also from Adobe Romania. The chosen topic was Bringing Cinematics to the Web with CSS Filters. In essence it allows one to apply the same kind of effects one does using Photoshop to almost every element of the page. This technology is so new, that it is not even entirely defined yet – there are still security details to be defined and implemented. The slides are linked above, but unless you open it with the latest version of Chrome, they will not function properly. Even so, the demo browser Raul used to present this topic was a customized build of nighlty WebKit. I ran it with Chrome v.20 and it was more or less OK for the entire length, with only a couple issues. I also recorded this session and got the permission to display it:

The evening ended with a nice party in open air, in the inner court of the Pompeu Fabra university, which had hosted the event. It was a great opportunity to know other people over a cold beer or Coca Cola and also to take a few last pictures.

Closing words by WebVisions Executive Director Brad Smith
Party location in the inner courtyard
Left to right: yours truly, Mihnea Ovidenie (Adobe Romania), Harish Sivaramakrish (Adobe India) and Raul Hudea (Adobe Romania)

Overall it was a great experience and I look forward for the next year session. I got to know some great people, got a peek behind the scenes to see what it takes to organize such an event and last but not least I got my eyes open on several advances in the field of Web Technologies that could make my professional life even more interesting.

Two weeks until WebVisions Barcelona

At the end of April I was lucky enough to receive one ticket to WebVisions Barcelona, courtesy of the great people from Smashing Magazine. I can only say that I am delighted for the opportunity and can hardly wait to be there. While not my first event ever (I participated to Barcelona Developers Conference in November) I can say that I am more eager for this specific one. Mainly, because of the topics chosen: a lot of the sessions are geared towards modern web technologies, like HTML5, CSS3, top-edge javascript, responsive web design. To sum things up, it’s about all the cool buzzwords that populate the web design and front end community.

My ticket covers only the two days of presentation and not the workshops. However I also have the chance to participate (free of charge) to the events in the first day (the visits to the main web studios of Barcelona and the networking reunion in the evening). Hopefully I will manage to find the time to do it. As for the bulk of the conference, I plan to attend to all the sessions related to front end technologies. I am lucky that the schedule does not put two of the same category at the same time.

Another thing that excites me is the presence of two Romanian speakers (at least going by their names), both part of the Adobe Air team and contributors to the WebKit engine. Back in April, when I won the ticket, Adobe had planned to bring 5 speakers, 4 of them with Romanian-like names. In the end it seems there will be only two (Mihnea Ovidenie and Raul Hudea) and I aim to participate to both their sessions.

In the end I hope to be able to personally give my thanks to the Smashing Magazine representants at the conference, to learn a lot of new interesting things and maybe start some connections with other people participating.