Οι αλλαγές στο CSS του YouTube και οι διαφορές στους browsers

Τρίτη, 20 Απριλίου 2010

YouTube

Το YouTube άλλαξε πρόσφατα το design του αλλά το καινούργιο CSS είναι πιο φιλικό για browsers σαν τον Firefox παρά για τον Internet Explorer.

Για παράδειγμα στον Firefox στην σελίδα ενός video τα κουμπάκια Like, Save to, κτλ έχουν στρογγυλές γωνίες ενώ στον Internet Explorer είναι τετράγωνες.

Ο λόγος που υπάρχει αυτή η διαφορά είναι στο CSS όπου υπάρχει το rule του -moz-border-radius το οποίο δημιουργεί τις στρογγυλές γωνίες.

Σε Firefox 3.6:

YouTube in Firefox 3.6

Σε Internet Explorer 8:

YouTube in Internet Explorer 8

Το -moz-border-radius υποστηρίζεται από τους browsers που είναι βασισμένοι στην engine του Mozilla ενώ υπάρχει αντίστοιχα και το -webkit-border-radius για την WebKit web browser engine της Apple.

.yt-uix-button {

-moz-border-radius:3px 3px 3px 3px;

background:-moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;

border:1px solid #CCCCCC;

...

}

Το World Wide Web Consortium (W3C) έχει συμπεριλάβει το border-radius στο CSS level 3 το οποίο θα δημιουργεί στρογγυλές γωνίες και όλοι οι browsers θα πρέπει να το υποστηρίζουν.

Βέβαια έχουμε αρκετό δρόμο μέχρι την στιγμή που όλοι οι browsers θα ακολουθήσουν τα ίδια standards και θα κάνουν ευκολότερη την ζωή των designers/developers.

Μέχρι τότε ας απολαύσουμε ένα video από το YouTube:

Σχόλια


Το σχόλιο σας

Όνομα:
email:
website:
Σχόλια:

πληκτρολογήστε τις λέξεις που βλέπετε στο πλαίσιο (βάλτε κενό μεταξύ των δύο λέξεων). Εάν δεν μπορείτε να διακρίνετε τις λέξεις κάντε click εδώ για να εμφανιστούν 2 καινούργιες.


Ειδοποίηση με e-mail για νέα σχόλια



Darth Vader στο twitter

Ο Darth, ο Jesus και ο Chuck στο Twitter

Τα brands προσπαθούν να κάνουν ισχυρή την παρουσία τους στα social media αλλά την ίδια στιγμή funny accounts γνωρίζουν μεγάλη επιτυχία στο twitter.

Like button and comments

Το Like button και η επίδραση στα comments

Αρκετά sites έχουν προσθέσει το Like button στα posts τους αλλά σε αρκετές περιπτώσεις υπάρχει μια δυσαναλογία με τον αριθμό των comments.

Facebook Like

Facebook Like: το επόμενο world wide (social) web;

Εδώ και λίγες μέρες το Facebook έχει προσθέσει το κουμπί Like για τα pages ενώ θέλει να δημιουργήσει ένα Like button για ολόκληρο το web.

in.gr

in.gr - σταθερό design από τα τέλη της δεκαετίας του 90

Το in.gr δημιουργήθηκε το 1999 και από τότε μέχρι και σήμερα το design του έχει παραμείνει αναλλοίωτο.

Google buzz

Google Buzz: τελείωσε το buzz;

Το Google Buzz προσπάθησε να κάνει μια δυναμική είσοδο στον χώρο των Social Media αλλά τον τελευταίο καιρό δεν ακούμε και πολλά για αυτό.

Τι είναι το technotes.gr;

Το technotes.gr ασχολείται με ειδήσεις internet, άρθρα για την τεχνολογία, web 2.0 και αξιολόγηση ιστοσελίδων.

Το περιεχόμενο του site μπορεί να χρησιμοποιηθεί σύμφωνα με την άδεια Creative Commons Attribution-Share Alike 3.0

» Περισσότερα

Latest tweets