Tworzenie nieco większych projektów, bez jasno ustalonych zasad przejrzystej pisowni kodu to może być niesamowita udręka dla osób, które później z kodem będą miały do czynienia. Akurat trafił mi się taki przypadek, gdzie musiałem kilka elementów w kodzie JS poprawić. Problem polegał na tym, że estetyka kodu w pliku .JS wyglądał jakby stworzył go ktoś, ot tak po złości.
Podczas poszukiwania narzędzia, które potrafiło by uczynić ten bałagan nieco czytelniejszym, natknąłem się na JS Beautifer. Pod tą nazwą kryje się wielki formularz, do którego należy umieścić kod, który chcemy uczynić bardziej czytelnym, następnie należy wcisnąć kombinację klawiszy CTRL+Enter. Przykład?
…czytaj dalej ![]()
Ileż nerwów kosztowało mnie wykonywanie operacji na datach. Jako laik programujący strukturalnie w PHP i mający podstawowe umiejętności chyba nigdy nie użyłem tyle przekleństw podczas tworzenia skryptu do rozliczania delegacji. Głównym problemem były operacje na datach. Teraz z perspektywy czasu, kilku sztuczek się nauczyłem i nie wydaje się to być już takie trudne. No tak, ale po co kombinować?
Gdybym wiedział o istnieniu biblioteki Moment.js, z pewnością nie strzępiłbym aż tak języka. Całość niezbyt jasnych operacji na datach bym zostawił jej. Co potrafi prócz tego? Dzięki niej można także manipulować formatem wyświetlanego czasu.
Biblioteka nie jest dostępna, ale w dokumentacji znajdziemy informacje w jaki sposób takie tłumaczenie wykonać. Ograniczy się to do nadania nazw dniom tygodnia ;-)
Jeżeli poszukujecie atrakcyjnych i wydajnych sliderów na swoją witrynę, z pewnością powinniście zainteresować się Slider.js. Biblioteka ta, przy użyciu elementów canvas czy transition wzbogaci wasze przewijane grafiki. Ogromną zaletą tego narzędzia jest API, dzięki któremu będziecie mogli zdecydować się na 1 z kilkunastu atrakcyjnych efektów przejść. Do wyboru developer zostawił nam, także możliwość wyboru między jasną i ciemną skórką a także ułożeniem menu nawigacji. Bardzo ciekawe rozwiązanie, przydałoby się jeszcze napisać na jego podstawie wtyczkę do WordPressa ;-)
jsMessage to ciekawa biblioteka, która została wydzielona z innej większej. Służy ona do stylizowania wszelkich komunikatów na stronie, potwierdzeń czy powiadomień. Zawiera ona 5 wersji kolorystycznych a sposób implementacji ogranicza się do absolutnego minimum, stąd pewne że i mniej zaawansowany webmaster sobie z nią poradzi.
Biblioteka udostępniona jest na licencji MIT, a to znaczy że jest do wykorzystania zupełnie za darmo – wystarczy tylko zachować informację o autorze.
Tę aplikację z pewnością będziecie musieli dodać do ulubionych. Mindmaps to świetne, zupełnie darmowe (licencja Open Source) narzędzie do tworzenia mapy myśli. Jaka jest jego główna zaleta? Otóż prócz sposobu licencjonowania, aplikacja jest dostępna za pomocą przeglądarki internetowej. Co ciekawe, narzędzie w całości jest przygotowane w HTML5. Mindmaps nie jest tak potężny jak komercyjne rozwiązania desktopowe lecz do tworzenia prostych map z pewnością się przyda.
Na blogach web-developerów trwają niekończące się dysputy o przyszłości Flash w dobie HTML5. Zdania są bardzo zróżnicowane, jedno jest jednak pewne – technologia Flash nie zginie tak szybko. Adobe nie próżnuje i prezentuje swoje nowe narzędzie Adobe Edge. Do czego ono posłuży? To dość ciekawie zapowiadające się narzędzie do tworzenia animacji wykorzystując HTMl5, JS i CSS3.
To bardzo dobry ruch ze strony Adobe, a samo narzędzie prezentuje się świetnie. Co ważne, twórcy zapewniają, że sama technologia Flash będzie dalej rozwijana. Edge jest dostępny do pobrania za darmo w wersji testowej. Zobaczcie na poniższych przykładach co to narzędzie potrafi.
