Starting-out photography tips

+Heather Buckley shares her wisdom, here are my favorites: 1) Think about the environment surrounding your subject – what do you include? What do you leave out?2) Watch the backgrounds, they can work for or against your subject, try depth of field to isolate subjects or emphasise their surroundings._3) Work fast, don’t miss the moment. _ Much more and [Continue reading]

Facebook on the freemium path

Apparently, what used to be a free service, #Facebook, is now fully freemium on all levels. I just got this "Promote" option that allows me to overcome Facebook’s algorithm on what is "cool" for my friends to see and actually get them to see my posts (you know, the original purpose of Facebook’s service). Until [Continue reading]

YouTube Ad Context-Matching Fail

Dear #YouTube,  just because I am watching a video with Japanese words in it’s title, it doesn’t mean I should watch an ad in Japanese. I’m a Greek watching this from Greece for God’s sake. And the video contains people talking in English. After this, I don’t understand how people worry that "Google knows so [Continue reading]

The Subtle Art of Documentation Advertising

The screenshot below is from a case study article of Microsoft’s MSDN developer site. In a great example of how to advertise #Metro over iOS without shouting "Metro kicks ass!", the article describes all the steps the authors/developers took to convert an iPad app to Metro. At the same time, every single part of the [Continue reading]

Download: Windows Metro Icon Collection

Here is http://bit.ly/PI0JkX a collection of 690 #icons in the visual style of #Windows 8 (also known as #Metro ). The collection comes with – Separate PNG files 26×26 pixels for each icon, ready to use– Single EPS source file so you can scale the icons in any vector image editorMany thanks to the kind people of [Continue reading]

Nature as art

Awesome data #visualization by +NASA You don’t need to look much further for inspiration, just look around you :) 

Build a Conference Site with Drupal

Check below a video from Acquia and guest presenter, Energy Action Coalition, as they discuss how the #Drupal Conference Organizing Distribution (COD) empowers organizations to promote and execute powerful, engaging events.  It includes a real-world example showing how to:* Streamline conference on-boarding and registration processes* Facilitate better communication with speakers and attendees* Automate sponsorship sales [Continue reading]

Thank you 80legs

for making me waste two hours from my Sunday fighting your crawler bot. It’s now blocked although about 30% of attempts on the server are still from it (down from 55%, and weekends are busy for this site). I understand, dear 80legs, that you have a service to sell to your clients, but unfortunately we [Continue reading]

You are the product even if you pay for the product

Shameful tactics by CISCO…  Reshared post from +Jan Moren Don’t buy a Cisco router. Don’t buy a Linksys router either; they’re the same company. Why? Because they now lock you out of your own bought-for router unless you join their online service. A service that gives them the right to use your data, shut down [Continue reading]

Impressive web presentations with reveal.js

The power of 3D now on bullet points If you’re looking for a web-based solution to share your presentation while having an impressive display of your slides (as opposed to simple flipping slides in Flash player) you can look no further than reveal.js.  Features include:– 3D transform effects– keyboard navigation ( and touch navigation on [Continue reading]

The future of the web: Instagram

I can haz filterz? All joking aside, the future of #HTML and #CSS certainly includes advanced graphical capabilities. Some of them are described in a recent presentation given by Vincent Hardy of +Adobe and you can examples of them in the images below. Of course, in terms of specifications, all of this is in draft [Continue reading]

Follow-me hover effect

Catch me if you can! Here is a very nice tutorial that +Codrops calls Direction-Aware Hover Effect. Using #CSS3 and #jQuery you can have animated effects when hovering over an element that takes into account the cursor movement. This creates a unique effect on each move a user makes. Check it out here http://bit.ly/Ip24dH Google+: [Continue reading]

Explore the possibilities with multivariate testing

[Subtitle A] You probably have heard of A/B Testing where you have two versions of your page, serve them randomly to your visitors and track which works best. But there is a more advanced version of this, Multivariate Testing. This (obviously) involves multiple possible designs and of course it gets more complex to setup and [Continue reading]

Javascript solutions for your chart needs

Die Flash, Die! If you hate using Flash for your chart needs or just want a modern solution that will work on all devices, here are some alternatives: 1) Morris.js, based on #jQuery and #Raphaël , will give you beautiful looking line charts http://bit.ly/IqRdA9 2) From the maker of Highslide, Highcharts provides a range of [Continue reading]

Adding context in photos

Here is a nice #jQuery plugin to enhance the photos on your website with more information. iPicture allows you to add tooltips over any photo. You can set exactly where tooltip will show up and the text that will be shown. Check it out here http://bit.ly/Hsfw0l Google+: Reshared 1 times

Free website monitoring with Google Docs

I’m a happy customer of website monitoring server Hyperspin (www.hyperspin.com) but if you want a simple and zero-cost alternative there is another solution: Google Docs! It really works (just got my first alert :)) Check out the tutorial here http://bit.ly/HiT8BQ

History of Art crash course for geeks

This will take 15 secs Now you can impress everyone at parties with your wide knowledge of art :) Google+: Reshared 3 times

Easy SEO for your YouTube videos in 3 steps

This post contains photos of sexy aliens 1) Find out what’s popular in the last 24-72 hours2) Choose a maximum of 3 terms3) Put them on your video title no matter what kind of content you have Done! Just sit back and watch that counter go up! :D

How not to do an auto-responder campaign

Think before you press the auto button A few days ago +SitePoint send me a new offer for their new CSS Anthology book. I happily access their site and request a sample chapter which arrives promptly. A few minutes later I am the proud owner of the book (I even posted about it here http://bit.ly/GGb2h6). [Continue reading]

It's not you, it's the user

Software as social hacking Finding out how you site/app/whatever is being used and percieved by the users is as important (or more) as your original specifications for it. This is what Grupper (a social service that sets up up drinks between 3 men and 3 women) discovered when they realized that cancellation rate for their [Continue reading]

3, 2, 1, Launch!

Just click play Outstanding video from NASA…(via +michael interbartolo) Google+: Reshared 2 times

What the Plus! Free for 6 5 hours!

+Guy Kawasaki teamed up with +Samsung USA to offer his new book on #Google + What the Plus! as a free PDF download. What the Plus! is a collection of articles on making the best out of G+ Get it here http://yousend.it/whYuAr (the link will expire in about 5 hours, after that you can find [Continue reading]

Page flip effect with jQuery

Burn Flash, burn Here’s another use of Flash that can be converted to #HTML5 / #CSS3 : turn.js provides an easy to setup page-flip effect with just a few lines of codes. Get it here http://bit.ly/FOHmkX and also check out this tutorial of an Instragram-powered "magazine" using turn,js http://bit.ly/ym1cDo Google+: Reshared 3 times Google+: View [Continue reading]

How to fit a large table of data in a small screen?

You don’t ;) So you decided to join the mobile world and create a unicorn/droid-ready version of your site. If you happen to use big tables of data on one of your pages you find out they don’t really fit in a small screen. The good guys of the filament group have come up with [Continue reading]

Responsive design strategies

Through fluid grids and media query adjustments, responsive design enables Web page layouts to adapt to a variety of screen sizes. As more designers embrace this technique, we’re not only seeing a lot of innovation but the emergence of clear patterns as well. I cataloged what seem to be the most popular of these patterns [Continue reading]

Content worth sharing

What marketers can learn from cartoons Here’s an excellent (and huge!) article by +Tom Fishburne on creating content in the age of #social media As a cartoonist and marketer, I learned that there is a lot to learn from the simple cartoon. Cartoons are “content worth sharing”. Today I want to talk about 5 lessons [Continue reading]

The CSS3 Anthology, 4th Ed.

Just got Sitepoint’s CSS3 Anthology book by +Rachel Andrew which has been updated to a fourth edition. It’s a good over-400-pages reference book with basic and not so basic practical examples of using #CSS3 . Hot topics covered:* Responsive design: Smart layouts for all devices* Stylish layouts: With tabular data, text styling, and CSS positioning* [Continue reading]

The Singing Paper

Sounds like magic but new advances in printing using special inks can create electrical circuits, converting a piece of paper to something interactive. Uniform has some ideas… http://bit.ly/zrO13R

Glyphs, Icons, Pictograms, Free!

I’ve been a long time user of the famfamfam.com icon library but recently I’ve been looking for something fresh. Here are some very nice choices for your icon greed :) Entypo by +Daniel Bruce Over 100 icons in EPS or as OpenType font. Free with attribution (you can donate, 50% goes to wikipedia)http://bit.ly/wEuNiE +GLYPHICONS by [Continue reading]

Advanced text-around-image wrapping

Not magic, JavaScript Here’s a small gem of #jQuery coding: jQSlickWrap is a #plugin which allows for easily wrapping your text around images, respecting the image’s content, as you would do in a DTP program. The specs: – Client-side, Sliced and Diced Sandbags using HTML 5’s new <canvas /> element– CSS-based padding– Sandbag "resolution" is [Continue reading]