11. June 2010

0 Comments

Drag and drop file uploads in Gmail using just the specs

Ropox: Thats interesting enough, but still to my opinion there is a lot to be made yet.

Gmail started off with the awful input type="file" “add more” typical solution that we all know and love. Then they added the ability to select multiple files via Flash…. and now they allow the ability to drag and drop files right onto the message compose using HTML5 standards.

Want to do it too? Check out the APIs and how you can do it all, including showing the thumbnails:

function handleFiles(files) {
for (var i = 0; i
var file = files[i];
var imageType = /image.*/;

if (!file.type.match(imageType)) {
continue;
}

var img = document.createElement("img");
img.classList.add("obj");
img.file = file;
preview.appendChild(img);

var reader = new FileReader();
reader.onload = (function(aImg) { return function(e) { aImg.src = e.target.result; }; })(img);
reader.readAsDataURL(file);
}
}


  • Share/Bookmark
Continue reading...

8. June 2010

0 Comments

Getting the page and viewport dimensions using jQuery

thats why i Love jquery, cause everything is so simple…

To get the width and height of the whole page (document), use:

var pageWidth = $(document).width();
var pageHeight = $(document).height();

To get the width and height of the viewport (window), use:

var viewportWidth = $(window).width();
var viewportHeight = $(window).height();

Opera though has a different approach. with Opera 9.5 $(window).height() returns the document height (more info here)
you can get around this by using

var viewportHeight = window.innerHeight ? window.innerHeight : $(window).height();


  • Share/Bookmark
Continue reading...

1. June 2010

0 Comments

ionas.gr : Head – Mares e-shop reloaded

ionas.gr : Head – Mares e-shop reloaded

HEAD and MARES products are well known in sports fans and mostly in diving fans here in Greece. Ionas Bros have reloaded their e-shop and I’m excited that I had the lack to be the one who engineered their new site. Ionas Bros are representing in Greece the following :
# Mares (Scuba diving and free diving equipment)
#  Head ( Tennis equipment )
#  Head ( Swimming gear)
#  Head Sportswear (Ski and Tennis fashion line)
# Dolomite. ( Trekking boots and ski gloves)
# North Finder.  (Specialty outdoors clothing & jackets)
# L&W Compressors. ( Filling stations )
# Green Force. ( Underwater lighting system)

Ionas eshop

Ionas eshop

Design: Sekta
Production: Baldpixel
Client: Ionas SA
Development: Baldpixel
Developers Jargon: Custom Backoffice tool, for products, news, brands, retailers. Much thought was given on optimization of the front end, were we had to limit queries and optimize the way graphics and scripts were loaded. Jquery UI was used widely and I must say that I’m impressed with the capabilities of it.

Ionas products

Ionas products

Ionas Retailers

Ionas Retailers



  • Share/Bookmark
Continue reading...

12. May 2010

0 Comments

Introduce People To The Semantic Web

Δεν ξέρω την ελληνική μετάφραση αλλά το semantic web είναι το επόμενο βήμα για ένα διαδίκτυο. Κάποιοι το αποκαλούν web 3.0, κάποιοι απλά το θέτουν ως το πρώτο βήμα νοημοσύνης για τις μηχανές αναζήτησης. Το concept είναι απλό : αντί να φτιάξουμε εγκεφάλους από σιλικόνη, καλύτερα να περιγράψουμε την πληροφορία που υπάρχει εκεί έξω, ξέροντας τη σχεσιολογία μεταξύ όλων των υπηρεσιών, λέξεων, εγγράφων κτλ κτλ.

Νομίζω ότι είναι ποιο απλό να δείτε το παρακάτω video και να ανακαλύψετε την εξέλιξη του διαδικτύου σε κάτι που σίγουρα θα σας συναρπάσει

Superb Film By Kate Ray: Use To Introduce People To The Semantic Web

Web 3.0 from Kate Ray on Vimeo.

  • Share/Bookmark
Continue reading...