Sass (Syntactically awesome style sheets), znany również jako CSS with superpowers, jest to preprocesor, który czyni opracowywanie stylów dla naszych projektów, znacznie łatwiejszym, przyjemniejszym, szybszym. Pozwala również znacząco ulepszyć samą strukturę kodów, używać zmiennych oraz tworzyć elementy wielokrotnego użytku (mixins, placeholders), co znacząco poprawia również łatwość utrzymania i modyfikacji. Szybka nauka Sass (SCSS) O Sass […]
Posty otagowane ‘cross-browser’

Style CSS dla html5 progress bar w różnych przeglądarkach


Dziś kilka słów o HTML5 progress bar, a konkretnie nadawanie mu CSS w taki sposób, aby wyglądał tak samo we wszystkich przeglądarkach. Może tego wymagać projekt, a programista może być zaskoczony, że określone style stosują się tylko w określonej przeglądarce, podczas gdy w innych przygotowany pasek postępu wygląda zupełnie inaczej. Ten sam wygląd html5 progress […]

CSS tips and tricks – porady CSS


Pracując ciągle między innymi z CSS, tworzy się lub znajduje ciekawe rozwiązania różnych zadań lub napotkanych problemów. Porady CSS 1. Cross-browser CSS word break – przełamanie zbyt długiego tekstu Przykładowo gdy tworzymy front-end dla chatu on-line, i mamy div-y na poszczególne wiadomości. Użytkownik pisze długi ciąg, długi adres URL, lub inny ciąg nieprzerwanych znaków. Taki […]

jQuery Mobile – wprowadzenie


Dziś chyba nikt nie ma wątpliwości jak ważną rolę odgrywają urządzenia mobilne. Mają coraz szersze zastosowanie, a kluczem są interfejsy graficzne. Do programistów różnych technologii należy zapewnienie, aby praca na ograniczonym sprzęcie, na małych ekranach dotykowych była jak najbardziej efektywna i wygodna. Ogromne znaczenie na tym polu mając aplikacje Web, a jednym z rozwiązań jest […]

Obsługa myszy i klawiatury w JavaScript


Zapraszam do artykułu, w którym postaramy się kompleksowo ale zwięźle, podejść do tematu obsługi myszy i klawiatury w JavaScript. Zobaczymy też jak popularne framework’i mogą nam w tym pomóc. Obsługa myszy i klawiatury w JavaScript Rozważania należało by rozpocząć od zdarzeń (events), ponieważ to głównie na ich obsłudze będzie polegało przetwarzanie danych z podstawowych urządzeń […]

Kurs: biblioteka script.aculo.us w pigułce. Cz. 1.


Biblioteka script.aculo.us Zagłębiając się we Frameworki JavaScript, chcielibyśmy przedstawić esencję biblioteki script.aculo.us. Jak już wspomnieliśmy pisząc wstęp do Frameworków JS, biblioteki Prototype JS i script.aculo.us są często widziane razem. Biblioteka, o której dziś mowa, jest jakby rozszerzeniem Prototype JS o efekty graficzne, animacje, Drag and Drop, tworzenie widget’ów, narzędzia pracy z DOM, czy też kontrolki […]

Kurs: Prototype JS w pigułce. Cz. 2.


Witam w kontynuacji poprzedniego artykułu – Kurs Prototype JS w pigułce. Dziś skupimy się na elementach dokumentu i wykonywaniu na nich operacji. Krok dalej we framework Prototype JS W tej części kursu zobaczymy pracę z DOM w wydaniu Prototype JS. Przejdźmy zatem od razu do omawiania kolejnych zagadnień tej biblioteki. Obiekt Template Pozwala nam uzyskać […]

Kurs: Framework Prototype JS w pigułce. Cz. 1.


Oto pierwsza część krótkich kursów, opisująca bliżej frameworki JavaScript. Pierwszym z nich będzie Prototype JS. Framework Prototype JS – od podstaw Garść wstępnych informacji opisujących Framework Prototype JS, pojawiła się już w artykule Frameworki JS – słowo wstępne. Celem niniejszego artykułu nie jest zastąpienie dokumentacji, ale opis kluczowych elementów biblioteki, który wystarczy programiście do zrozumienia […]

Testowanie kodu i obsługa błędów JavaScript.


Debug it! W tym artykule zajmiemy się testowaniem kodu i obsługą błędów w JavaScript. Obsługa błędów JavaScript Na początek trzeba by powiedzieć kilka słów o potrzebie testowania. Testować trzeba wszystko! Najlepiej na każdym etapie tworzenia; im wcześniej wyłapiemy błędy, tym lepiej dla oprogramowania, które w pocie czoła tworzymy. A jako twórcy musimy dbać o jakość […]