Posty otagowane ‘cross-browser’

Sass (scss)

Szybka nauka Sass (SCSS)

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 […]

Progress bar

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

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 […]

Mouse

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ń […]

script.aculo.us

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 […]

Prototype JS

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ć […]

Prototype JS

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 […]

Code secured

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ść […]

Framework - JavaScript - development

Frameworki JavaScript – słowo wstępne.

Do tej pory opisaliśmy większość kluczowych aspektów i cech języka JavaScript, w tym programowanie obiektowe, DOM, AJAX. Pojawiały się różne przykłady praktyczne. Najwyższa pora na kolejny, niezwykle ważny krok: biblioteki i frameworki JavaScript (oraz AJAX). Właśnie tutaj pojawia się prawdziwa frajda (i znaczna oszczędność czasu). Frameworki JavaScript Chcemy krótko przedstawić rozwiązania, z którymi w mniejszym […]