FROONT

FROONT

Tworzenie responsywnych szablonów wcale nie musi być trudne. Doskonale pokazuje to dosyć rozbudowany edytor dostępny online o nazwie FROONT. Na razie jest obsługiwany jedynie przez przeglądarki na silniku Chrome, ale myślę, że warto taką pobrać, gdy posiadamy inną. W narzędziu znajdziemy trzy moduły projektowe: pierwszy służy do dopasowania szerokości i jednoczesnego podglądu strony na urządzeniach…[Czytaj Dalej]

Dynamiczny system głosowania

jQuery Ajax Voting System

Gotowy system dynamicznego głosowania wykonanego przy użyciu jQuery, PHP oraz MySQL. Głosy są aktualizowane w bazie danych na bieżąco bez wykorzystywania ponownego przeładowania lub przekierowania strony. Skrypt działa podobnie do tych, które możemy znać m.in. z Reddita czy Wykopu. System pozwala użytkownikowi zagłosować w górę lub w dół, co ma wpływ na ostateczną ocenę materiału.…[Czytaj Dalej]

GuideGuide

GuideGuide

Darmowe rozszerzenie do Photoshopa, które ułatwia tworzenie pomocniczej siatki wykorzystywanej przy tworzeniu graficznych projektów. Wystarczy ustawić pasujące nam marginesy, odstępy, kolumny i wiersze oraz kliknąć w przycisk generacji. Całość ilustruje powyższa animacja.

cssPad

cssPad

Niekiedy nie mamy dostępu do ulubionego edytora kodu. Warto wtedy skorzystać z edytorów, które wymagają jedynie przeglądarki do działania. Taką aplikacją jest cssPad, która pozwala na edycję kodu CSS oraz HTML z aktywnym podglądem. cssPad koloruje składnie oraz w razie potrzeby, wyświetla informacje o błędach walidacyjnych. Kod możemy w każdej chwili zapisać pod specjalnym adresem…[Czytaj Dalej]

LayoutIt!

LayoutIt

Przydatne narzędzie do tworzenia zarysów interfejsu przy użyciu frameworka Bootstrap. Do dyspozycji otrzymujemy kilkadziesiąt komponentów, które wystarczy przeciągnąć i upuścić w wybrane miejsce. Po ukończeniu pracy nad layoutem, wystarczy pobrać wygenerowane pliki, które zawierają wysokiej jakości kod HTML5, JS oraz CSS3, który przy okazji jest responsywny. Wygenerowaną pracę możemy w każdej chwili podejrzeć.