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’
Szybka nauka Sass (SCSS)
23 marca, 2018 
Dominik-W 
Posted in Artykuły, CSS / CSS3, HTML5, Praktyka, Teoria, Zasoby 
Tags: cross-browser, CSS, html5, nauka, SASS, scss 
Brak komentarzy »
Style CSS dla html5 progress bar w różnych przeglądarkach
28 października, 2016 Mr. JavaScript 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 […]
Posted in CSS / CSS3, HTML5, Porady, Praktyka Tags: cross-browser, CSS, html5, progress, style Brak komentarzy »
CSS tips and tricks – porady CSS
26 października, 2015 Dominik-W 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 […]
Posted in Artykuły, Ciekawostki, CSS / CSS3, Porady Tags: cross-browser, CSS, porady, quirks, tips Brak komentarzy »
jQuery Mobile – wprowadzenie
4 marca, 2014 Dominik-W 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 […]
Posted in Aplikacje mobilne, Frameworki JS, JavaScript, jQuery, Kursy, Mobile Web, Teoria, Tutoriale Tags: cross-browser, framework, JavaScript, jQuery, jQuery Mobile, mobile Brak komentarzy »
Obsługa myszy i klawiatury w JavaScript
24 października, 2013 Dominik-W 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ń […]
Posted in Frameworki JS, Gry / Tworzenie gier, JavaScript, jQuery, Narzędzia, Praktyka, Teoria, Tutoriale, Zasoby Tags: cross-browser, event, framework, games development, JavaScript, klawiatura, mysz, programowanie gier, przykłady, zdarzenia 1 komentarz »
Kurs: biblioteka script.aculo.us w pigułce. Cz. 1.
8 września, 2013 Dominik-W 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 […]
Posted in AJAX, Artykuły, Frameworki JS, JavaScript, Kursy, Praktyka, Prototype JS Tags: ajax, cross-browser, dobre praktyki, DOM, framework, JavaScript, OOP, Prototype JS, przykłady, script.aculo.us Brak komentarzy »
Kurs: Prototype JS w pigułce. Cz. 2.
4 września, 2013 Dominik-W 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ć […]
Posted in AJAX, Artykuły, Ciekawostki, Frameworki JS, JavaScript, Kursy, Praktyka, Prototype JS, Teoria Tags: ajax, BOM, cross-browser, DOM, dziedziczenie, element, event, form, framework, hash, iterator, JavaScript, OOP, Prototype JS, przykłady, Template, zdarzenia Brak komentarzy »
Kurs: Framework Prototype JS w pigułce. Cz. 1.
2 września, 2013 Dominik-W 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 […]
Posted in AJAX, Artykuły, Frameworki JS, JavaScript, Kursy, Porady, Praktyka, Prototype JS, Teoria Tags: ajax, array, CDN, cross-browser, DOM, element, eval, form, framework, funkcje, JavaScript, JSON, OOP, Prototype JS, przykłady, tips, zdarzenia 2 komentarze »
Testowanie kodu i obsługa błędów JavaScript.
31 sierpnia, 2013 Dominik-W 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ść […]
Posted in JavaScript, Narzędzia, Porady, Praktyka, Teoria, Tutoriale Tags: array, assert, cross-browser, debug, dobre praktyki, error, exception, instanceof, obiekty, obsługa wyjątków, OOP, tablice, testowanie, throw, wyjątki 1 komentarz »
Frameworki JavaScript – słowo wstępne.
27 sierpnia, 2013 Dominik-W 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 […]
Posted in Adobe AIR, AJAX, Artykuły, Frameworki JS, JavaScript, jQuery, Mobile Web, MooTools, Narzędzia, Porady, Praktyka, Prototype JS, Teoria, Zasoby Tags: Adobe, ajax, BOM, cross-browser, developer, dojo, DOM, Ext JS, framework, JavaScript, jQuery, mobile, MooTools, OOP, Prototype JS, script.aculo.us, UI, widget, YUI 2 komentarze »
