Happy Birthday Romania!

 

This is Google Doodle displayed today on the Romanian portal for Google, in celebration of the Romanian National Day. The author is a young 8th grade lady – Iasmina Maria Răceanu – from Suceava, winner of the first edition of the Romanian “Google 4 Doodle” contest. She received a prize of 15.000 RON (about 3350 EURO), while her school got a technology grant of 20.000 (about 4500 EURO).

 

Iasmina imagined Romania as “a green country, with mountains and valleys, hills and plains, colored by beautiful traditions worth preserving, uplifted by artists and sportsmen that raised her name to the heavens. My Romania is worth being loved.”

I join then all the other Romanians, from back home or spread all over the world, in saying today: “La multi ani, Romania!” (Happy Birthday, Romania)

Amateur photographer

 

Over this weekend I got hooked to yet another Social Media activity. I became a member of 500px – a community of photographers all around the world. I have been planning for some time to cleanup some of my best photos and have them online. Now, I got the ball rolling. Just like with this blog, not everything is perfect from the beginning. I still need to spend some more time adding details to the pictures (titles, description, tags), but I am glad I did the first step.

About my gear: I am still at the compact camera level and most probably it will remain the same for the near future. I have a Canon PowerShot SX200IS, the red model and I am very satisfied with it. Unfortunately I managed to get it splashed last summer at Port Aventura and it left a small amount of residue on the inside of the lens, causing a slight distortion in some cases. If you are interested in a review, you can find a very nice one on CameraLabs.com.

 

Of course, like any self respecting geek today, I also have an Instagram profile. I had it linked in the footer of this blog for a while now and it usually has pictures (more or less serious) that I take during the commuting to work and back, when I take a break or just simply when I am taking a walk with my wife. I don’t always carry the camera with me on these occasions and there is something very satisfying about taking a quick picture and being able to post it online, with links on Twitter or Facebook. This must have been the same feeling the Polaroid owners had with their instant cameras. For the moment I am using my Nexus One phone, which does not have a very good camera, but as I was told over and over again, the composition is more important than the gear, so I’m ignoring the noise in the pictures for now and try to make the shots as interesting as possible instead.

To wrap things up, you can check my photos both on my Instagram profile and on my 500px profile. If you find them interesting,  don’t hesitate to leave a comment. I might release the most popular ones as wallpaper sets, so stay tuned.

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 Seat.es and Parkers.co.uk

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 AdrianSandu.com.

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 doxmart.com 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:

Chrome

Internet Explorer 8

Firefox

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.

Nuclear launch detected: Trident Design goes live

It’s the very middle of the year and I am trying to respect another personal resolution regarding my own projects. Therefore I am launching today Trident Design, an online directory of resources for web designers and developers. The mission is simple: to filter, triage and select free (and premium) resources, while maintaining the same level of quality and attention to detail as the ones encountered in the manufacturing of nuclear weapons.

Visit Trident Design

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.

Airwolf tribute wallpapers

Today I want to pay my respects to one TV show that marked my teenage years – “Airwolf“. I loved that show while I grew up and it makes me sad to see that there are so few quality wallpapers for the fans to enjoy. Therefore I decided to make my own two models, in a broad range of resolutions. Each archive contains variants of the same wallpaper, from as high as full HD (1920×1080) to as low as 1280×720.

If you want to share this with other people, please link directly to this page and not to the files themselves. Thank you!

Download first wallpaper set

Download second wallpaper set