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

Ta seria przeszła długą drogę, przez którą byliśmy świadkami narzędzia do tworzenia stron internetowych przychodzą i odchodzą; raz się świecą, kilka miesięcy później stają się przestarzałe dzięki innym najnowszym narzędziom. Niemniej jednak, mamy na liście kilka nowych narzędzi, które nasi programiści mogą poznać w tym miesiącu Biblioteki JavaScript, wtyczka Sketch do responsywnego projektu interfejsu użytkownika, i kilka frameworków CSS.

Kliknij, aby uzyskać więcej zasobów

Znajdź całą naszą kolekcję zalecanych zasobów oraz najlepsze dostępne narzędzia do projektowania i tworzenia stron internetowych.

Wpisałem

JavaScript biblioteka, która umożliwia prezentację pisanie na maszynie efekty listy tekstów; rodzaj efektu, który ostatnio widziałeś w sieci. Ta biblioteka JavaScript jest łatwe do wdrożenia dzięki kilku opcjom dostosowywania efektu. Możesz zainstalować tę bibliotekę przez NPM lub załadować ją przez CDN pod adresem https://unpkg.com/[email protected].

Opera Neon

Opera była pierwszą, która wprowadziła przeglądarkę opartą na kartach i od tego czasu mamy przeglądarki z tak zwanymi zakładkami i szybkim wybieraniem. Opera wydała niedawno nową inicjatywę o nazwie Opera Neon. Nowa przeglądarka z odświeżonym interfejsem, takim jak tzw omnibox, tryb podzielonego ekranu i piękne tapety selekcje. Czy Opera Neon może ponownie zmienić przestrzeń przeglądarki? Musimy to zobaczyć.

At.js

At.js to biblioteka JavaScript, która pozwala dodawać buźki, wspominać znajomych lub oznaczać; coś, co widzieliśmy na Slacku, Twitterze i Facebooku. Ta wtyczka wymaga jQuery, która to umożliwia działa na Internet Explorer 7 i może Internet Explore 6 też. Fantastyczny!

Wydanie

Wydanie sprawia stworzenie nowej wersji oprogramowania w Github bardziej wydajny. Nowemu wydaniu zazwyczaj towarzyszy dziennik zmian i ten moduł pozwala na wypełnienie dziennika zmian automatycznie pochodzi z komunikatów zatwierdzenia Git.

Ładniejszy

JavaScript beautifier zapewnienie, że nasz kod JavaScript jest sformatowany w spójny sposób. Obsługuje ES2017 i JSX.

Ayu

Ayu jest Motyw Sublime Text o świeżym i nowoczesnym wyglądzie. Jest wyposażony w 2 odcienie ciemności i światła. Ayu znaczy piękne w Indonezji i tak powiem; to sprawia, że Sublime Text UI jest piękniejszy.

JSON Splora

ZA lekka aplikacja do edycji i wizualizacji danych JSON. Aplikacja kompatybilna z Windows, Linux i MacOS.

Powiększanie

JavaScript, aby powiększyć obraz z wdziękiem. Zoptymalizowany dla urządzeń mobilnych, działa dobrze na ekranie o wysokiej rozdzielczości i można go łatwo dostosować.

Ramme

Ramme to Klient pulpitu Instagram. Choć jest to nieoficjalne, ale może nauczysz się kilku nowe rzeczy z kodu źródłowego.

Zmień nazwę użytkownika

Wtyczka WordPress, która została aktywowana, dodaje a “zmiana” połączyć obok nazwy użytkownika i pozwala zmienić nazwę użytkownika.

NodeifyWP

NodeifyWP to dość unikalna wtyczka WordPress. Pozwala na używanie WordPressa jak zwykle wyślij zawartość za pomocą modułu Node.js. Nie wypróbowałem jeszcze tej wtyczki w żadnym projekcie. Ale prezentacja, którą widziałem w WordCamp Denpasar 2016, ta wtyczka wygląda bardzo obiecująco, aby zmodernizować program WordPress.

ColorMe

ColorMe jest zupełnie inny niż inne aplikacje generatora kolorów, które widziałem wcześniej. Oprócz generowania kodów kolorów aplikacja daje również kontrola nad regulacją jasności, odcienia, odcienia, nasycenia, kontrastu itp.

Pakiety WP-CLI

ZA zbiór rozszerzeń WP-CLI to dodaje dodatkowe linie poleceń i parametry do wykonywania dodatkowych zadań, takich jak na przykład wdrażanie WordPress na zdalnym serwerze, migracja witryny WordPress, opróżnianie pamięci podręcznych, i dużo więcej.

Kreator stron krawieckich

Wtyczka WordPress, która umożliwia utwórz nieliniową zawartość za pomocą interfejsu przeciągnij i upuść. Wtyczka jest rozszerzalna dla nowego komponentu, aby dodać unikalny typ zawartości. Zapewnia także WP-API do zarządzania tymi treściami. Tailor Page Builder jest zdecydowanie najlepszą wtyczką w tej kategorii.

XVG

XVG to rozszerzenie Chrome, które wyświetla kontury i kotwice graficzne SVG które mogą pomóc w łatwym debugowaniu obiektów SVG.

RibbonJS

RibbonJS to biblioteka JavaScript, która umożliwia generuj dekoracyjne wstążki na swojej stronie internetowej, jak widać na poniższym zrzucie ekranu. Ma tylko 1 kb rozmiaru i łatwy do dostosowania.

Układ automatyczny

Układ automatyczny to Szkicuj wtyczkę, która zapewnia wiele gotowych rozmiarów ekranu, aby przetestować projekt interfejsu użytkownika. Więc możesz zapewnić, że projekt wygląda równie dobrze, czy jest oglądany na iPhone 5, iPhone 6 itp. Wtyczka pozwala również zdefiniuj niestandardowe rozmiary w przypadku, gdy nie jest dostępny w ustawieniu wstępnym. Zobacz, jak wtyczka działa w tym filmie.

Funcssions

Funcssion to a zbiór klas CSS który stosuje zasadę Pure Function. Każda klasa CSS definiuje jeden cel stylizacji. Ta struktura CSS jest obecnie w toku i ma więcej funkcji do wprowadzenia w przyszłości, takich jak responsywna siatka, przyciski itp.

Webslides

Lekki i łatwy w użyciu framework do tworzenia slajdów prezentacji używając tylko HTML i CSS. Webslides obecnie oferuje kilka ładnych szablonów slajdów, gdzie możesz natychmiast rozpocznij prezentację slajdów.

Odporne projektowanie stron internetowych

Odporne projektowanie stron internetowych to książka online. Ta książka nie jest niczym technicznym, ale obejmuje historie, zasady i wynalazki, które kształtują sieć jak wiemy w dzisiejszym świecie. Myślę, że to świetna lektura na weekend.