Krótkie wprowadzenie do zapytań o media w Firefoksie 3.5

Poniższy tekst jest tłumaczeniem artykułu "A short introduction to media queries in Firefox 3.5", zamieszczonego na stronie hacks.mozilla.org na licencji Creative Commons Attribution 3.0 United States License. Autorem tekstu jest Eric Shepherd. Spis wszystkich tłumaczeń artykułów z hacks.mozilla.org dostępny jest na stronach wiki.aviary.pl.

Autorem tego postu jest Eric Shepherd, który kieruje projektem dokumentacji Mozilli na Mozilla Developer Center.

W dzisiejszych czasach ważne jest, by renderowanie zawartości stron wspierane było na zwiększającym się asortymencie urządzeń. Użytkownicy oczekują, że treść będą odbierać nie tylko na swoich domowych komputerach lub czytać wydrukowaną na papierze, ale chcą także mieć do niej dostęp na urządzeniach przenośnych, telefonach komórkowych i innych gadżetach, które mają zróżnicowane możliwości, zarówno pod względem wydajności, jak i dokładności wyświetlania.

Czytaj dalej...

Ładne tabele z selektorami CSS3

Poniższy tekst jest tłumaczeniem artykułu "Slick tables with css 3 selectors", zamieszczonego na stronie hacks.mozilla.org na licencji Creative Commons Attribution 3.0 United States License. Autorem tekstu jest Eric Shepherd. Spis wszystkich tłumaczeń artykułów z hacks.mozilla.org dostępny jest na stronach wiki.aviary.pl.

Ten artykuł i demo otrzymaliśmy dzięki uprzejmości Ivana Enderlina, autora frameworka HOA i doświadczonego webdevelopera.

Jest to artykuł, który opisuje poniższe demo, pokazujące zastosowanie selektorów CSS3, wprowadzonych w Firefoksie 3.5, do łatwego tworzenia eleganckich tabel.

Czytaj dalej...

Nowe własności CSS3 w Firefoksie 3.5 - *-of-type

Poniższy tekst jest tłumaczeniem artykułu "New CSS3 properties in Firefox 3.5 - *-of-type", zamieszczonego na stronie hacks.mozilla.org na licencji Creative Commons Attribution 3.0 United States License. Autorem tekstu jest Christopher Blizzard. Spis wszystkich tłumaczeń artykułów z hacks.mozilla.org dostępny jest na stronach wiki.aviary.pl.

Ten artykuł przedstawia pokrótce trzy nowe pseudoklasy CSS3: only-of-type, first-of-type oraz last-of-type. Są one bardzo podobne do klas *-nth opisanych we wcześniejszym artykule.

Czytaj dalej...

Nowe własności CSS3 w Firefoksie 3.5 - nth-*

Poniższy tekst jest tłumaczeniem artykułu "New CSS3 properties in Firefox 3.5 - nth-*", zamieszczonego na stronie hacks.mozilla.org na licencji Creative Commons Attribution 3.0 United States License. Autorem tekstu jest Christopher Blizzard. Spis wszystkich tłumaczeń artykułów z hacks.mozilla.org dostępny jest na stronach wiki.aviary.pl.

Firefox 3.5 obsługuje kilka nowych selektorów CSS3. W tym artykule przedstawione zostaną cztery z nich: :nth-child, :nth-last-child, :nth-of-type oraz :nth-last-of-type.

Czytaj dalej...

Eleganckie czcionki przy użyciu @font-face

Poniższy tekst jest tłumaczeniem artykułu "Beautiful fonts with @font-face", zamieszczonego na stronie hacks.mozilla.org na licencji Creative Commons Attribution 3.0 United States License. Autorem tekstu jest John Daggett. Spis wszystkich tłumaczeń artykułów z hacks.mozilla.org dostępny jest na stronach wiki.aviary.pl.

Firefox 3.0 poprawił wyświetlanie typografii poprzez dodanie wsparcia dla kerningu, ligatur oraz zróżnicowanych wag czcionek równocześnie ze wsparciem kompleksowych skryptów renderujących. Autorzy stron są jednak ciągle ograniczeni do używania w swoich projektach powszechnie dostępnych czcionek. Firefox 3.5 usuwa te ograniczenia wprowadzając wsparcie dla reguły CSS @font-face, która jest metodą linkowania czcionek TrueType i OpenType, tak jak obecnie linkuje się kod i obrazki. Safari wspiera ten rodzaj linkowania czcionek od wersji 3.1, zaś Opera zapowiada wprowadzenie obsługi tej funkcji w Operze 10.

Czytaj dalej...

Stylowy tekst przy użyciu text-shadow

Poniższy tekst jest tłumaczeniem artykułu "Stylish text with text-shadow", zamieszczonego na stronie hacks.mozilla.org na licencji Creative Commons Attribution 3.0 United States License. Autorem tekstu jest Frederic Wenzel. Spis wszystkich tłumaczeń artykułów z hacks.mozilla.org dostępny jest na stronach wiki.aviary.pl.

Własność CSS text-shadow robi to, co sugeruje jej nazwa: pozwala utworzyć lekko rozmytą i przesuniętą kopię tekstu, która przypomina prawdziwy cień.

Własność text-shadow została po raz pierwszy wprowadzona w CSS2, ale była wtedy nieodpowiednio zdefiniowana, pominięto ją w CSS2.1. Własność została przywrócona w CSS3 i obecnie wprowadzono ją w Firefoksie 3.5.

Czytaj dalej...

Dodawanie cienia przy użyciu -moz-box-shadow

Poniższy tekst jest tłumaczeniem artykułu "Shadow boxing with -moz-box-shadow", zamieszczonego na stronie hacks.mozilla.org na licencji Creative Commons Attribution 3.0 United States License. Autorem tekstu jest Frederic Wenzel. Spis wszystkich tłumaczeń artykułów z hacks.mozilla.org dostępny jest na stronach wiki.aviary.pl.

Jeszcze jedną ciekawą funkcją CSS3, wprowadzoną w Firefoksie 3.5, są cienie pudełka (box). Ta funkcja pozwala na otaczanie cieniem ramki niemal każdego dowolnego elementu

Ponieważ prace nad własnością box shadow w CSS3 jeszcze trwają, w Firefoksie zaimplementowano ją jako -moz-box-shadow. W ten sposób, poprzez dodanie przedrostka “-moz-” do nazwy, Mozilla testuje eksperymentalne własności CSS. Kiedy specyfikacja zostanie skończona, nazwa własności będzie zmieniona na “box-shadow.”

Czytaj dalej...

Manipulacja pikselami przy użyciu canvas

Poniższy tekst jest tłumaczeniem artykułu "Pushing pixels with canvas", zamieszczonego na stronie hacks.mozilla.org na licencji Creative Commons Attribution 3.0 United States License. Spis wszystkich tłumaczeń artykułów z hacks.mozilla.org dostępny jest na stronach wiki.aviary.pl.

Artykuł ten został napisany przez Paula Rougeta, który jest członkiem zespołu Mozilla Evangelism. Paul mieszka w Paryżu we Francji i jest dobrze znany między innymi ze swych zadziwiających prac związanych z otwartym wideo w sieci.

Element canvas, na swoim najprostszym poziomie, jest łatwym sposobem rysowania danych bitmapowych na stronie HTML. Posiada on metody pozwalające rysować prostokąty, łuki, krzywe i inne proste figury. Jednak dla niektórych rodzajów efektów i rysunków potrzebny jest bezpośredni dostęp do pikseli.

Czytaj dalej...

Firefox 3.5 przez 35 dni - wizje przyszłości sieci

Poniższy tekst jest tłumaczeniem artykułu "Firefox 3.5 for 35 days - dreaming about the future of the web", zamieszczonego na stronie hacks.mozilla.org na licencji Creative Commons Attribution 3.0 United States License. Autorem tekstu jest Christopher Blizzard. Spis wszystkich tłumaczeń artykułów z hacks.mozilla.org dostępny jest na stronach wiki.aviary.pl.

35 days logo

Przez kolejne 35 dni [począwszy od 4 czerwca 2009 - przyp. tłum.] będziemy mówili o nowych funkcjach Firefoksa 3.5, skierowanych do twórców.

Nadchodzące wydanie Firefoksa 3.5 wprowadza wiele zmian dla użytkowników. Zaliczają się do nich nowe funkcje prywatności, ulepszona interaktywność i nowy silnik JavaScript, który przyniesie nowe doznania użytkownikom stron bogatych w skrypty. Są to wszystko funkcje, które docenią użytkownicy i będą mogli o nich rozmawiać.

Ale Firefox 3.5 stanowi ogromny postęp dla sieci samej w sobie. Wprowadziliśmy wsparcie dla audio i wideo, wątki w JavaScript, nowe funkcje elementu canvas, masę nowych funkcji CSS, ładowanie czcionek oraz geolokalizację. Podczas gdy Firefox 3 był znacznym ulepszeniem dla użytkowników sieci, Firefox 3.5 robi to samo dla twórców.

Czytaj dalej...