Główna » Projektowanie stron » Świeże zasoby dla projektantów stron internetowych i programistów (kwiecień 2018)

    Świeże zasoby dla projektantów stron internetowych i programistów (kwiecień 2018)

    W tym miesiącu widzieliśmy kilka ogłoszeń od znanych nazwisk w tech. Na przykład firma Apple otworzyła nowy system baz danych, Google wydała nowe narzędzie do pomiaru prędkości witryny na telefonie komórkowym, a Github z darmowym kursem, aby rozpocząć korzystanie z Git, Github i kodowania w ogóle.

    Również w dzisiejszym poście również wyposażone w szereg nowych narzędzi, które obecnie rosną. Przejdźmy do tego, co mamy więcej na liście.

    VuePress

    Nowe narzędzie od twórcy Vue, VuePress to statyczny generator witryn zaprojektowany z myślą o Vue.js. Generuje i wstępnie renderuje statyczny kod HTML dla każdej strony i działa jako SPA (aplikacja na jedną stronę). Jest wyposażony w kilka dodatkowych funkcji, w tym możliwość dodawania identyfikatora Google Analytics, wyszukiwania, następnej i poprzedniej nawigacji, paska bocznego i PWA.

    IMG-2

    Biblioteka JavaScript, która wprowadza a niestandardowy element, img-2. Nowy element dodaje szereg optymalizacji, które nie są dostarczane ze standardem img element, poprawa sposobu ładowania obrazu dla użytkowników. W przypadku elementu niestandardowego obraz zostanie wstępnie zapisany w pamięci podręcznej leniwy ładunek obrazy i serwery będą pochodzić z pamięci podręcznej tylko wtedy, gdy obrazy wejdą do rzutni użytkownika. Sprawdź demo.

    Tabler

    Elegancki panel Dashboard / Admin na podstawie Bootstrap 4. Pulpit nawigacyjny zawiera gotowe komponenty, takie jak wykresy, formularze, galerie, tabelę cenową i ładne kolekcja niestandardowych ikon. Świetny punkt wyjścia, aby pozwolić programistom szybko budować panel administracyjny. Sprawdź demo!

    DayJS

    DayJS Biblioteka JavaScript do formatowania dat i godzin. Co więcej, DayJS ma podobne API do Moment.js, ale jego waga wynosi 2 KB. Biorąc to pod uwagę, może to być świetna alternatywa dla Moment.js, jeśli chcesz mieć lżejszą bibliotekę, ale zachowaj znajomość tego, co już znasz.

    UnifiedArchive

    Biblioteka PHP do obsługi skompresowanych plików, UnifiedArchive obsługuje szeroki zakres formatów, w tym RAR, Zip, Gzip, Tar, i wiele innych typów kompresji. Dzięki tej bibliotece możesz archiwizować i wyodrębniać pliki lub katalogi. Zapewnia garść interfejsów API do manipulowania plikami po wyodrębnieniu z archiwum. UnifiedArchive jest dostępny jako pakiet Composer.

    Github Learning Lab

    Github właśnie ogłosił darmowy kurs obejmujący głównie Git w Github. W tej chwili istnieje 5 kursów, w których możesz nauczyć się kilku przydatnych rzeczy, takich jak jak korzystać z Github udostępniać twoje kody, jak korzystać ze stron Github aby uzyskać darmową witrynę lub blog dla swojego projektu i jak zarządzać konfliktami scalania, które często zdarzają się podczas pracy z wieloma programistami w projekcie.

    WordPress UnitTest DOM Parser

    Miła wskazówka od Takayuki Miyauchi na testowanie DOMElement podczas wykonywania UnitTest w aplikacjach WordPress. Osobiście uważam to za bardzo przydatne; mam nadzieję, że znajdziesz to samo.

    Popmotion

    Biblioteka JavaScript dla gładkiej animacji w sieci, “Popmotion” zapewnia interfejs API o nazwie Physics, który umożliwia tworzenie efektów animacji w niemal rzeczywistym stylu. Jest nieoplewiony; biblioteka po prostu wyprowadza wartości na podstawie określonego zestawu konfiguracji. Pozwala to zastosować te wyjścia do animacji dowolnego medium, w tym CSS, SVG, Three.js, a nawet React.js.

    Driver.js

    Biblioteka JavaScript, która pozwala na “napęd” skupienie użytkownika na stronie. Jest to szczególnie przydatne, jeśli chcesz wprowadzić określone funkcje lub poprowadzić je do określonych zadań na stronie. Driver.js jest po prostu Rozmiar 4 KB, konfigurowalny i przyjazny dla klawiatury.

    Zastąp animowany GIF wideo

    GIF jest wszędzie, po powrocie. Ale problem z GIF polega na tym, że jest on zazwyczaj bardzo duży. To marnowanie przepustowości, ale jakość grafiki jest często straszna. To wytyczna z Google pokazuje, jak “Wideo” może zastąpić GIF, aby pokazać animowaną grafikę.

    Maska tekstowa

    Biblioteka JavaScript do przekształć tekst, który wymaga specjalnego formatowania jak numer telefonu, waluta lub numer karty kredytowej. Gdy użytkownik wpisuje tekst, zostanie on automatycznie przekształcony w odpowiednie formatowanie poprawiające komfort użytkowania. Maska tekstu może być używany z React, Vue lub zwykłym starym JavaScriptem.

    Porównaj szybkość mobilnej witryny

    To kolejne przydatne narzędzie od Google. To narzędzie pozwoli Ci sprawdź szybkość swojej strony podczas ładowania z telefonu komórkowego i oszacuj całkowitą utratę przychodów, gdy strona ładuje się powoli. Możesz wybierz kraj i prędkość z których Twoja strona będzie testowana.

    VueNut

    Towarzyszący rozwojowi podczas tworzenia aplikacji internetowej z Vue.js i Vuex, VueNut to czyni łatwiej zbadać przechowywany stan danych i pozwala na łatwe manipulowanie danymi podczas tworzenia. Fajne rzeczy!

    FoundationDB

    Niedawno Apple udostępniło OpenDB FoundationDB w Github. To jest system bazy danych para klucz-wartość to obiecuje skalowalność i wydajność. Fajnie jest mieć duże firmy technologiczne, które zaczynają przeznaczać część swoich produktów na open source.

    Książki z opowieściami

    StoryBooks to narzędzie do zbuduj komponent React w izolacji. Zapewnia interfejs użytkownika w przeglądarce, umożliwiając przeglądanie różnych stanów każdego komponentu, jak również przetestuj komponenty.

    GhostText

    Rozszerzenie przeglądarki, które będzie zsynchronizuj to, co piszesz w przeglądarce, z edytorem tekstu lub odwrotnie. Odkryłem, że jest to przydatne, jeśli chcesz mieć możliwość pisania na stronie z wygodą i funkcjami edytora kodu. GhostText jest dostępny dla Chrome, Firefox i Opera.

    Coala

    Coala to CLI udostępnia interfejs do kodowania i kodowania niezależnie od używanych języków. Możesz użyć Coala w edytorze kodu, zintegrować go z CI (Continuous Integration) i dostosować go za pomocą składni konfiguracji w .coafile. Coala obsługuje wiele języków, takich jak CSS, JavaScript, PHP, i możesz znaleźć więcej w tym katalogu.

    ReactStrap

    ReactStrap to kolekcja komponentów Bootstrap 4 przekształconych w komponenty React wielokrotnego użytku. Jeśli chcesz zmodernizować swoją starą stronę opartą na Bootstrapie, ta biblioteka jest czymś, czego możesz chcieć zajrzeć.

    Reacto

    Innym narzędziem związanym z Reacto jest Reacto IDE zbudowany na szczycie Electron i przeznaczony do tworzenia aplikacji internetowych z ReactJS. Wygląda to naprawdę przydatne, jeśli główny rozwój kręci się wokół ReactJS.

    PicoJS

    Biblioteka JavaScript, która umożliwia wykrywanie twarzy. Działa ze zdjęciem lub ze zintegrowanej kamery. To naprawdę fascynujące, jak technologia internetowa ewoluuje w ciągu ostatnich kilku lat.