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!

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ć.

Adobe® Edge Web Fonts

Web Designerzy nieustannie poszukują ciekawych czcionek do swoich projektów. Ciekawym rozwiązaniem są web czcionki, które implementujemy za pomocą kilku linijek kodu. Takie rozwiązanie oferuje Adobe® Edge Web Fonts, który jest zbiorem pond 500 darmowych czcionek do wykorzystania w projektach stron i nie tylko, ponieważ czcionki możemy używać także w Photoshopie. Podczas przeszukiwania katalogu, mamy do…[Czytaj Dalej]

Chardin.js

Chardin.js jest pluginem jQuery, który tworzy półprzezroczystą warstwę przykrywającą stronę, po to, by można było wyświetlić instrukcje dotyczące elementów witryny. Instalacja jest prosta: pobieramy i dołączamy do strony chardinjs.css oraz chardinjs.min.js. Następnie każdy element, który chcemy opisać, wyposażamy w atrybut data-intro oraz data-position odpowiedzialny za pozycję informacji.

Microweber

Microweber to już właściwie nie CMS do jakich jesteśmy przyzwyczajeni, a Website Builder. Skrypt możemy pobrać lub uruchomić bezpłatnie na oficjalnej stronie. Charakteryzuje się tym, że praktycznie każdym elementem strony możemy zarządzać poprzez przeciąganie i upuszczanie. Podczas tworzenia podstrony, mamy do dyspozycji kilka gotowych bloczków, np. do umieszczenia filmiku, sondy czy galerii. Witrynę edytujemy w…[Czytaj Dalej]