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

Wiele narzędzi i aplikacji dla deweloperów znalezionych w sieci ewoluuje zgodnie z trendami, a niektóre ewoluują, aby stać się bardziej pragmatycznym rozwiązaniem. W tym miesiącu postanowiłem poświęcić więcej czasu na znalezienie zasobów, które mogą nie wydawać się tak oczywiste. , ale wciąż wyróżniać się w swoich kategoriach.

Mamy ładnie wyglądającą czcionkę, która może być twoją Helvetica Neue zamiennik, biblioteka JavaScript do testowania ciśnienia dotyku oraz przydatne narzędzie do rejestrowania błędów JavaScript. Sprawdźmy je.

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.

OverPass Font

Wiadukt czcionka jest darmową czcionką inspirowaną Highway Gothic. Highway Gothic to powszechnie stosowany krój pisma w wielu krajach dla znaków drogowych ze względu na czytelność na odległość i duże prędkości. Czcionka OverPass jest dostępna w czterech gramaturach (cienka, normalna, pogrubiona i pogrubiona), wielkich i małych liter, a także może zostać przekształcona w czcionkę internetową.

Licencja: OFL (Open Font License)

Pa11y

Pa11y jest narzędzie do testowania dostępności witryny z mniejszym kłopotem, przez piękno, które jest automatyzacja. Możesz użyć interfejsu linii poleceń lub skonfigurować za pomocą pulpitu nawigacyjnego, jeśli wolisz kolorowy, interaktywny interfejs. Pa11y przygotuje raport, pokazujący obszary do naprawienia, jeśli chcesz poprawić dostępność swojej witryny dla różnych niepełnosprawności.

Więcej zasobów na temat dostępności:

Nowoczesna sieć i dostępność [Wideo]
Lista odtwarzania: Dostępność Thomas Bradly [Wideo]
Spojrzenie na standardy sieciowe ARIA i dostępność aplikacji HTML

CiśnienieJS

Force Force firmy Apple zasadniczo mierzy nacisk palca na ekran lub gładzik, który może być użyty do zwiększenia funkcjonalności. Programiści mogą skorzystać z tej technologii, aby zwiększyć użyteczność swoich natywnych aplikacji OS X lub iOS. CiśnienieJS to biblioteka JavaScript, która łączy się z interfejsami API Force Touch i pozwala na zastosowanie go na swoich stronach internetowych.

SplitJS

SplitJS to lekka biblioteka JavaScript, która pozwala podziel rzutnię okna przeglądarki na kilka sekcji. Być może widziałeś to często w webappach z kodowaniem, takich jak CodePen.io, JSFiddle lub JSBin, gdzie przestrzenie robocze HTML, CSS i JS są podzielone na własne sekcje.

ElastycznośćJS

Flexbox ułatwia organizowanie układów stron internetowych. Ponieważ jednak nie działa w Internet Explorer 9 i 8, programiści często muszą powrócić do używania notorycznie kłopotliwego pływak własność. ElastycznośćJS jest tutaj, więc możesz użyj Flexbox bez pozostawiania tych starych przeglądarek za sobą.

LabellaJS

LabellaJS sprawia tworzenie etykietowanej osi czasu o wiele łatwiej. Masz do dyspozycji wiele opcji do sterowania pozycją etykiety, kierunkiem, szerokością, wysokością i algorytmem układu. Współpracuje z programem ładującym AMD, takim jak RequireJS, i może być ładnie używany wraz z Browserify i Node.js. Nie wymaga zależności.

Maleńki

Maleńki to więcej niż tylko kolejna struktura CSS. Jest on wypełniony wieloma komponentami, aby pomóc w procesie budowy, w tym wbudowany serwer, przeładowanie na żywo, sourcemap, minification, weryfikator kodu, i statyczny generator witryn. Posiada również własne biblioteki JavaScript z funkcjami poprawiającymi frontend Twojej witryny.

Grav

Grav jest oparty na płaskim pliku CMS podobny do Jekyll, statyczny generator witryn. Można go jednak rozszerzyć za pomocą motywów i wtyczek, podobnie jak WordPress. Na przykład można zainstalować, aby dodać panel administratora, skróty, komentarze, formularze i mapę witryny. Jest to świetny system CMS, który może być również świetnym kandydatem na bardziej zaawansowany system CMS.

PatternPack

PatternPack to narzędzie, które pozwala zbuduj system do budowy swojej strony internetowej lub aplikacji i podziel się nim na różne projekty jednocześnie. Posiadanie standardowego systemu to ogólna forma najlepszej praktyki: nie tylko przyspiesza to przepływ pracy, ale także sprawia, że projekt jest łatwiejszy w utrzymaniu. Przeczytaj Przewodnik startowy, aby zobaczyć, jak korzystać z narzędzia.

OhCrash!

Debugowanie w JavaScript może być bardzo trudne. Użytkownicy mogą napotkać błędy, których prawdopodobnie nie doświadczyłeś podczas programowania i wdrażania, ponieważ masz już perfekcyjną konfigurację. Trudne jest to, że błąd jest rejestrowany tylko w przeglądarce użytkownika. Z OhCrash możesz teraz umieść dziennik w repozytoriach Github, więc jesteś lepiej poinformowany o błędzie.