Dziś mały artykuł o podejściu do pisania kodu. Czy piszesz swój kod JS deklaratywnie, czy raczej imperatywnie? Być może niektórzy nie zwracają uwagi, a jednak warto. Podobnie jak w przypadku metodologii pisania i organizacji stylów CSS. Deklaratywnie vs imperatywnie w JavaScript/ES6 Programowanie deklaratywne jest paradygmatem programowania – podejściem do budowania struktury i elementów programów, który […]
Archiwum dla kategorii ‘Porady’

Styl, konwencje i metodologie CSS – część 2. Sass, BEM, rscss, SMACSS, WTF?


Ciąg dalszy tematyki poruszanej w części I. Dziś przyjrzymy się kolejnym metodologiom pisania CSS, takim jak BEM, rscss, SMACSS. Należy dodać, że metodologie możemy łączyć (np. OOCSS + BEM). O ile oczywiście ma to dla nas sens. Do rzeczy. Metodologie CSS: SMACSS Zaczniemy od SMACSS, choć od razu powiem, że nie pracowałem z tym przy […]

Styl, konwencje i struktura CSS. Sass, OOCSS, BEM, rscss, SMACSS, OMG?


Co to znaczy być zajętym? Ano na przykład nie mieć absolutnie czasu nawet na nowe posty na blogu, chociaż tematów jest cała rzeka. Tak oto byłem zajęty, zawodowo oraz prywatnie. Dziś wracamy „on-line” z tematem, i to nie byle jakim… Zyskiwać czas można poprzez optymalizację codziennych czynności, ich automatyzację i organizację. I zawsze staram się […]

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

Przydatne narzędzia dla programistów: Yeoman


Znalazła się w końcu odrobina czasu na blogowanie, dlatego dziś chciałem napisać kilka słów o jednym z przydatnych narzędzi dla programistów – Yeoman. Yo man! Przydatne narzędzia dla programistów – pan Yeoman Po co robić żmudne, powtarzalne czynności skoro może to za nas robić maszyna, lub w tym przypadku – program. Yeoman pozwala nam na […]

No skill – no deal! Umiejętności front-end developera lub full-stack developera


Jak to mówią no skill – no deal! Bez odpowiednich umiejętności nie zdziałamy za wiele. Ważny jest też ciągły rozwój naszych skillz. To już nie te czasy, gdy wystarczała znajomość DHTML i PHP, obecnie developer obok języków programowania musi znać także masę narzędzi i frameworków. Umiejętności front-end developera / full-stack developera kontra rynek Dziś postaramy […]

Mini porady jQuery III – formularze


Witamy w kolejnym artykule z serii mini porady jQuery. Dziś zajmiemy się wybranymi aspektami pracy z elementami formularzy. 1. Nie więcej niż jedna opcja możliwa do zaznaczenia w input select multiple Ostatnio tworzyłem projekt, gdzie trzeba było pokazać UI w nieco staroświeckim stylu (podobnym do typowych aplikacji desktop sprzed lat). Niektóre z inputów musiałby być […]

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

Mini porady JavaScript i jQuery II


OK! Pora na kolejne szybkie porady JavaScript i jQuery. Dziś co nieco o Fancybox plugin, checkboxach i parsowaniu linków w tekście. Porady JavaScript i jQuery Do rzeczy. 1. Wysyłanie formularza warunkowo – tylko jeśli użytkownik zaznaczył checkbox (np. akceptuję regulamin). Oczywiście chodzi o walidację w JS / jQ, bez użycia języka takiego jak PHP. Mamy […]

Mini porady JavaScript i jQuery


Kolejny artykuł z serii tricki i porady JavaScript (jQuery, CSS i inne również), jednak w nowej odsłonie – krótkich porad. Szybkie porady JavaScript i jQuery 1. Klikalne tło strony Chodzi o przypadek, gdy chcemy zrobić klikalne tło strony, przykładowo reklamę odsyłającą gdzieś użytkownika po kliknięciu w tło. Opakowanie (wrapper) contentu strony, lub dodanie zdarzenia onclick […]