Apple TV screensavers with extraordinary photos

For a long time I’ve been looking for a way to display something fancy as my Apple TV screensaver when listening to music. My photos collection is not really something I’d like to display on random to my guests and the default image sets are rather scarce. I wanted something random, changing over time and well… pretty. Apple TV gives you an option to display a slideshow of images coming from a shared folder anywhere in your local network. All we need to do is to populate this folder with some nice photos. Here is what I’ve come up with.

Where to get the photo for your Apple TV screensaver?

I am a great fan of 500px.com. It’s a photo sharing service targeted at professional photographers. They have a curated collection of photos called Editors’ Choice. Go ahead, take a look. What is more important though they also offer this collection in a form of a RSS feed. We can use that to easily extract photos for our screensaver.

Where to put them?

In order to make it all work you will need one of the online storage services. I am using Dropbox but you can opt for Google Drive or OneDrive (maybe even more, check the next step for available services). All of these services offer a free tier of data storage, so you don’t have to worry about additional cost of setting the whole thing up.

How to make it all work together?

Now, when we have a nice collection of photos and an online folder to sync it to we need something to glue it altogether. This is where IFTTT.com comes in. It stands for If This Than That and basically allows you to connect other online services together to perform custom actions. Once you’ve created a new account you can use my recipe below to connect your Dropbox to 500px.com, or just create a new one with the service of your choice.

IFTTT Recipe: 500px Editors' Choice photos in your Dropbox connects feed to dropbox

 

Jak poprawnie budować rozwijaną nawigację

Po pierwsze – rozwijane menu nawigacyjne były złym pomysłem 10 lat temu i są tym bardziej złym pomysłem teraz. Kto próbował użyć takiej nawigacji na ekranie dotykowym, gdzie nie istnieje koncepcja :hover, ten świetnie wie o czym mówię. Chciałem to zaznaczyć na samym początku – jeśli możecie, nie używajcie w ogóle menu rozwijanych!

Do rzeczy. Ten wpis nie ma na celu szczegółowego omówienia technik budowania rozwijanych menu nawigacyjnych. Chcę tylko zwrócić uwagę na jeden konkretny aspekt.

Problem – display: none;

Bardzo często widzę, taką strukturę CSSa do ukrywania/chowania menu.

#nav li { float: left; position: relative; height: 30px; }
#nav li ul { display: none; position: absolute; top: 30px; left: 0; }
#nav li:hover ul { display: block; }

To działa, ale ma jedną zasadniczą wadę – domyślnie wszystkie linki w podmenu są ukryte przed wyszukiwarkami, czytnikami ekranu itd. Według mnie display: none; powinno być tylko używane w połączeniu z JavaScriptem, o ile chcemy zachować dostępność treści.

Rozwiązanie: left: -999em;

Lepszym rozwiązaniem jest użyć minusowego pozycjonowania elementów:

#nav li ul { position: absolute; top: 30px; left: -999em; }
#nav li:hover ul { left: 0; }

Efekt taki sam, a nagle i roboty będą łapać Wasze linki i użytkownicy korzystający z klawiatury będa mogli nawigować po waszej stronie (przynajmniej w teorii, w praktyce wymaga to jeszcze trochę zachodu, żeby uczynić rozwijaną nawigację w pełni dostępną z klawiatury).

 

SQL Buddy – alternatywa dla phpMyAdmina

Michał dał mi namiary na naprawdę niezłego manadżera baz MySQL – SQL Buddy. Jest napisany w PHP, podobnie jak wskazany w tytule phpMyAdmin. Jest jednak kilka reczy różniących te dwa programy, które moim zdaniem przemawiają na rzecz SQL Buddy:

  • Aplikacja wykorzystuje sporo JavaScriptu – dzięki temu wrażenia z pracy są bardziej zbliżone do aplikacji desktopowej niż do korzystania ze statycznej strony internetowej.
  • Nie wymaga instalacji ani konfiguracji.
  • Paczka ze skryptami ma około 165KB (gdy sprawdzałem ostatnią wersję phpMyAdmina było to bliżej 3MB).
  • Sam wygląd jest prosty, przejrzysty i intuicyjny – zdecydowanie bardziej użyteczny niż dość szpetny z natury phpMyAdmin.
  • Nie jest przeładowany zbędnymi funkcjami – porównajcie chociażby ekrany importu i eksportu. phpMyAdmin obsługuje o wiele więcej formatów danych, jednak jak często potrzebujecie czegoś innego niż SQL? Ja osobiście niezbyt często, choć oczywiście zdarzyło mi się korzystać kilkukrotnie z plików CSV.

Nie zrozumcie mnie źle – pMA to bardzo dobry program – nie bez powodu jest tak popularny. Uważam jednak, że SQL Buddy to bardzo zgrabna alternatywa, która w zupełności wystarcza do codziennej pracy.

 

Nowa odsłona IE PNG Fix

IE6 nie wybiera się na zasłużoną emeryturę w najbliższej przyszłości. Codzienna udręka z tą przeglądarką stała się właśnie odrobinę wygodniejsza.

Powstała nowa wersja popularnego narzędzia IE PNG Fix, autorstwa Twin Helix Design. Służy ono do włączania obsługi kanałów alpha w obrazkach zapisanych w formacie PNG.

Nowa wersja 2.0 alpha 1 ma dwie nowe, rewelacyjne funkcje, niedostępne wg mojej wiedzy w innych rozwiązaniach. Udostępniono obsługę dwóch właściwości CSS: background-position i background-repeat. Mam szczerą nadzieję, że ten skrypt podoła ciężkim warunkom bojowym codziennej pracy i będzie można go swobodnie używać do momentu, gdy IE6 przestanie mieć znaczenie (koło 2011 roku, jak tak dalej pójdzie z tempem konwersji).

 

Kontrolki ActiveX w IE wracją do poprzedniego stanu

Od kwietnia 2008 znika potrzeba aktywowania kontrolek Flash w IE.

 

XHTML2 a HTML5

Zachęcam do przeczytania artykułu “ HTML5, XHTML2, and the Future of the Web

 

Prezentacja Rogera Costello na temat hCard

Opis prezentacji Rogera Costello na temat mikroformatu hCard.

 

Label jako komunikat błędu

Wykorzystanie elementu label do oznaczania komunikatów błędów w formularzach.

 

Firebug 1.0 beta

Pojawiła się wersja 1.0 beta wtyczki Firebug dla przeglądarki Firefox. Dzięki jej ogromnej funkcjonalność stała się dla mnie właśnie jednym z podstawowych narzędzi do tworzenia stron internetowych.

 

Smooth Slideshow autorstwa JonDesign

Krótki opis pokazu slajdów Smooth Slideshow, którego autorem jest Jonathan Schemoul.