Archiwum dla kategorii ‘Porady’

css-green

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

css-sass-black

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

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

Yeoman

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

money-5

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

jQuery

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_javascript_3

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

Program control

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

Power JavaScript

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

pack

Kompresja kodu JavaScript i CSS

Minimalizacja czy też kompresja kodu JavaScript bądź CSS to często spotykana technika, stosowana w celu optymalizacji obciążenia i czasu ładowania strony poprzez zmniejszenie wagi plików z kodem. Dziś postaramy się zwięźle powiedzieć o narzędziach stosowanych do tego celu. Kompresja kodu JavaScript i CSS Ostatnio ktoś zapytał mnie o ten temat, stąd dzisiejszy mały artykuł. Możemy […]