Archiwum kategorii: Narzędzia Online

Wklej.co

wklej_co

Wklej.co to prosta strona, która pozwala na udostępnianie fragmentów kodu bez rejestracji. W czasie dodawania kodu, otrzymujemy wybór kilkunastu języków, wg których będzie odbywało się kolorowanie składni. Zapisany kod można pobrać, udostępnić na wybrany adres mailowy oraz zabezpieczyć hasłem. Witryna pozwala również na utworzenie prywatnego konta i zarządzania wszystkimi wklejkami.

Moqups

moqups

Świetne narzędzie dostępne z pod przeglądarki wykonane w HTML5, które ułatwia tworzenie koncepcji interfejsu, szkiców projektu czy właśnie mockupów. Do działania otrzymujemy posiatkowany obszar (rozmiar możemy zmienić w ustawieniach), na który możemy przeciągać i opuszczać kilkadziesiąt elementów, np. własne obrazy, nagłówki, przyciski, tabele, kształty itd. Każdy z elementów możemy dopasować zmieniając jego kolor, kształt, położenie…[Czytaj Dalej]

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]

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