Archiwum tagu: edytor online

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]

Dzielenie się kodem w czasie rzeczywistym

CodeShare

CodeShare.io to narzędzie do dzielenia się kodem z innymi. Nie jest to jednak zwykła aplikacja do wklejek, ponieważ kod, który udostępnimy, możemy aktualizować, a odbiorca będzie widział aktualizacje w czasie rzeczywistym. Co więcej, do dyspozycji mamy kilka języków programowania, skórek edytora, a także możliwość rozpoczęcia wideo czatu.

EditArea

EditArea

EditArea to darmowy edytor JavaScript przez przeglądarkę. Zamienia on wybrane pole typu textarea na pełnosprawny edytor źródłowy. Formatuje oraz koloruje tekst w czasie rzeczywistym (w locie). Pozwala także na przeszukiwanie dane źródła, otwarcie kilku zakładek z plikami czy też tryb pełnoekranowy. Skrypt automatycznie dodaje tabelę numeryczną oraz najważniejsze skróty funkcji w formie przycisków. Edytor posiada…[Czytaj Dalej]