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

ZA zbiór przydatnych zasobów internetowych to coś, co deweloper sieci naprawdę chce mieć w swoim zestawie narzędzi. Dlatego sam będąc programistą, staram się przedstawić Wam najlepsze i najnowsze zasoby do tworzenia stron internetowych każdego miesiąca.

W tym miesiącu kolekcja obejmuje interesująca darmowa aplikacja do screencastingu, kilka frameworków opartych na języku Material Design, kilka bibliotek do testowania wydajności, CLI i a garść naszych innych przydatnych zasobów. Sprawdźmy więc kolejno jeden po drugim.

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.

Kap

Kap to a zgrabny mały ekranowy rejestrator dla MacOS. Jest to aplikacja open-source, zbudowana w technologii internetowej. Jedną z rzeczy, które kocham w tej aplikacji, jest to, że oferuje konwertowanie wideo bezpośrednio z pudełka. Kap to świetna alternatywa do nagrywania aplikacji lub demo na żywo.

Sizzy

Sizzy to narzędzie programistyczne do testowania responsywnej strony internetowej w wielu rozmiarach rzutni na jednym ekranie. Jest to bardzo przydatna aplikacja w porównaniu z Wbudowany mobilny emulator Chrome. Sizzy jest także rozszerzeniem Chrome.

Muse UI

ZA Biblioteka interfejsu użytkownika oparta na zasadzie projektowania materiałów i zbudowany na Vue.js 2.0, Muse UI jest wypełniony komponentami do projektowania materiałów, takimi jak Appbar, Card i Dialog. To jest wspaniałe ramy do szybkiego tworzenia i uruchamiania interfejsu użytkownika.

Zaawansowane WP-CLI

Jestem wielkim fanem WP-CLI i używać go prawie codziennie w mojej pracy jako programista WordPress. Jednak dopiero niedawno dowiedziałem się, że WP-CLI pozwala na to utwórz rusztowanie PHP UnitTest dla tematu! Oto lista zaawansowanych zastosowań WP-CLI z Opiekun WP-CLI, Daniel Bachhuber, samego siebie.

Obłęd

Obłęd jest samodzielna przeglądarka plików szkicu dla systemu Windows. Świetnie współpracuje z plikiem Sketch zawierającym tekst, obrazy rastrowe, a nawet gradienty i cienie. To nie wymaga połączenia z Internetem, dlatego programiści mogą pracować nad plikami Sketch z dowolnego miejsca. I jest całkowicie darmowy.

K6

Szybkość ma znaczenie w prawie każdym aspekcie aplikacji internetowej. Ale jak mierzysz szybkość swojej witryny? Dobrze, odpowiedź brzmi K6. Symuluje ruch na Twojej stronie i ładuje stronę internetową o określonym czasie trwania, tak jakby był to prawdziwy ruch. Krótko mówiąc, K6 to UnitTest dla wydajności.

Usługa Checker

Świetna lista aplikacji internetowych sprawdź wiele rzeczy, takich jak DNS, Load, Speed, SEO, Security i SSL. Wiele z tych narzędzi jest darmowych, jednak jest tam kilka usług premium oferują zaawansowane funkcje dla użytkowników.

SVGito

To małe narzędzie internetowe zoptymalizuj SVG, który został wygenerowany z aplikacji Sketch. Wklej swój kod SVG na stronę i natychmiast zwróci zoptymalizowany kod.

Launchaco

Znalezienie świetnej nazwy dla twojego startupu jest trudne, a uzyskanie dostępnego programu obsługi nazw użytkowników w mediach społecznościowych jest jeszcze trudniejsze. Launchaco to przydatne narzędzie pozwala znaleźć nazwy domen, nazwy użytkowników dla różnych mediów społecznościowych, takich jak Twitter, Facebook, Instagram itp., i pomaga wygeneruj ładny logotyp twojej firmy.

Nieprzyjemny

ZA kolekcja unikalnej animacji wykonanej za pomocą CSS. Proszę nie uruchamiać animacji, jeśli serce i umysł nie są wystarczająco silne, aby to zobaczyć.

CSS Grid Cheat Sheet

Nauka CSS Grid może być dość onieśmielająca, jeśli chodzi o wiele nowych właściwości, nowa jednostka pomiarowa, a także prawie kompletny nowy paradygmat zbudować układ sieci. To narzędzie, jak sama nazwa wskazuje, ma Ci pomóc zdejmij nogi z CSS Grid.

Workbox

Workbox to nowa inicjatywa firmy Google polegająca na budowie progresywnej aplikacji internetowej (PWA). Jest podobny do Yeomana lub Create React App w taki sposób, że wszystko można uzyskać i gotowy w pojedynczej linii poleceń.

Mavo

Mavo to nowy projekt Open Source autorstwa Lea Verou. Jest to biblioteka, która zamienia nagie znaczniki HTML i kilka niestandardowe atrybuty do działającej aplikacji internetowej. Mavo jest łatwiejszy do naśladowania w porównaniu z innymi bibliotekami, takimi jak Backbone, Vue.js lub React, jak pozwala mniej zaawansowanych technicznie użytkowników do tworzenia aplikacji internetowych szybko i łatwo.

Interfejs materiałowy

Simlar to Muse UI, jest to Struktura interfejsu użytkownika oparta na języku Meterial Design. Ten jest jednak zbudowany za pomocą React. To zależy od twoich preferencji; jeśli jesteś z zespół Vue.js lub zespół React.

Leniwy obraz

Leniwy obraz to niestandardowy element HTML do załadowania obrazu na żądanie. Ten element custome zapewnia dodatkowe .aktywny obiekt w obiekcie elementu, który możesz używaj do wyzwalania obrazu do załadowania w dowolnym zdarzeniu lub interakcji użytkownika tak jak potrzebujesz.

Mac CLI

To fajne narzędzie do zarządzaj swoim MacOS przez Terminal. Po prostu wpisz aktualizacja mac zaktualizować MacOS. Lub wpisz prezentacja mac który przygotuje komputer Mac (zminimalizuj wszystkie aplikacje, zamknij przeglądarki, wysyłaj pliki z pulpitu i pobieraj do kosza i ustaw tryb nie przeszkadzaj) przed rozdaniem prezentacji. Jakie to jest świetne!

Keeping You Awake

KeepingYouAwake to narzędzie paska menu dla systemu MacOS uniemożliwić komputerowi Mac przejście w tryb uśpienia na określony czas lub tak długo, jak jest aktywowany. Możesz zainstalować tę aplikację za pomocą Homebrew.

JSON Feed

Wreszcie! To jest standardowa specyfikacja dostarczania treści w JSON format. Istnieje już wtyczka WordPress> stworzona do implementacji. To powinno ułatwić życie twórcom stron internetowych. Po prostu pożegnać się z XML.

Węgiel

W skrócie, Carbon jest Moment.js PHP. Jest to biblioteka PHP do generowania i manipuluj ciągami daty i godziny.

Kierowca wyścigowy

Inne narzędzie do testu jednostek wydajności. Podczas gdy K6 wykona testery obciążenia, wysyłając Virutal Users do symulacji odwiedzin i ruchu, SpeedRacer będzie ocenia wydajność renderowania strony w przeglądarce. SpeedRacer może być dobrym towarzyszem K6.