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

Rozszerzamy listę o wydanie z połowy roku. Ta część zawiera kilka CLI (a oto nasz post o tym, dlaczego powinieneś nauczyć się wiersza poleceń), kilka aplikacji do pracy i zabawy oraz kilka bibliotek CSS i JavaScript. Dołączone są również materiały do czytania, odniesienia i przewodniki dotyczące najlepszych praktyk, które należy sprawdzić, zakładki i ewentualnie przeczytać pewnego dnia.

Nie zepsuję reszty listy, więc odejdź. Aby uzyskać więcej świeżych zasobów, kliknij tutaj.

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.

CertBot

CertBot zapewnia bardziej wygodny sposób wdrażania certyfikatów z Let's Encrypt. Zapewnia zestaw linii poleceń z obsługą wielu konfiguracji serwera, takich jak Apache, NGINX i Plesk. Skoro o tym mowa, Let's Encrypt to wspólny wysiłek, aby uczynić Internet bardziej bezpiecznym, zapewniając bezpłatny certyfikat SSL. Obecnie jest używany w ponad 3 milionach stron internetowych.

Mononoki

Mononoki to czcionka zaprojektowana specjalnie do wyświetlania kodu. Mononoki jest dostępny jako instalowalna czcionka na pulpicie (.ttf) i czcionka internetowa (.eot, i .woff). To świeża alternatywa dla klasyki monotypie jak Monaco, Menlo i Courier.

BideoJS

Pokazywanie na stronie głównej pełnego filmu z autoodtwarzaniem wydaje się być trendem rosnącym. BideoJS to biblioteka JavaScript, która pozwala zrobić dokładnie to przy mniejszej liczbie przeszkód. Jest lekki, responsywny i może być skonfigurowany zgodnie z Twoimi potrzebami.

CSS Purge

CSS Purge to zbiór odniesień, artykułów i statystyk dla CSS. Takie zaradne informacje mogą pomóc w podejmowaniu świadomych decyzji, które metodologie, narzędzia i ramy CSS chcesz zastosować w swoim projekcie.

Mailgen

Mailgen to moduł Node do generowania miłego, prostego responsywnego e-maila HTML. Dostępnych jest kilka opcji, które umożliwiają dostosowanie niemal każdego obszaru wiadomości e-mail. Możesz ustawić e-mail “motyw”, nagłówek wiadomości e-mail i “Wezwanie do działania” przycisk. Może być również zintegrowany z pulpitem lub aplikacją internetową opartą na Node.

Deco

Deco to IDE do budowy aplikacji mobilnej z wykorzystaniem inicjatywy Facebook React Native. Pomyśl o Deco, takim jak XCode lub Visual Studio, w którym możesz zbudować aplikację za pomocą przyjaznego dla użytkownika interfejsu użytkownika za pomocą przeciągania i upuszczania, suwaków i wybieraczy kolorów.

IE8 Linter

Internet Explorer 8 (IE8) to antyczna przeglądarka, która nie obsługuje nowoczesnych technologii internetowych, takich jak CSS3 Animations, Transforms, Transitions i większość elementów HTML5 bez wypełniacz. Zasada DRY to narzędzie, które możemy wykorzystać do skanowania stron internetowych pod kątem zgodności z IE8. Dostarcza raport i rozwiązania.

Kozi

Kozi to nieoficjalna aplikacja na Facebooku. Jest zbudowany na Node.js i Electron, dzięki czemu może być aplikacją międzyplatformową; jest dostępny w systemach OS X, Windows i Linux. Dostępne są także dwa kolory: ciemny i jasny.

Zestaw Photon

Zestaw Photon to framework do uruchomienia nowej aplikacji z Electronem. Podobnie jak Bootstrap, Foundation i podobne, Photon zawiera numer Komponentów, który umożliwia tworzenie wspólnych elementów interfejsu użytkownika w aplikacji, takich jak przyciski, pasek narzędzi i pasek boczny.

Yeoman App

Yeoman App to aplikacja komputerowa, która generuje projekty, ramy i rusztowania od Yeoman. Jest to dobra alternatywa dla tych, którzy nie czują się komfortowo pracując za pomocą Terminalu i linii poleceń.

SQLectron

SQLectron to klient pulpitu SQL, który umożliwia wygodniejsze przeglądanie i wykonywanie kilku operacji SQL. Obsługuje MySQL, PostgreSQL i Microsoft SQL Server. SQLectron jest dostępny dla OS X, Windows i Linux.

Rodzina SCSS

FamilySCSS to zbiór miksów, w których dokonuje się wyboru elementów : n-dziecko bardziej intuicyjny. Mieszanki są deklaratywne. Na przykład możesz pisać @include first (3) wybrać pierwsze trzy elementy potomne i napisać @include pomiędzy (2, 4) aby wybrać elementy potomne od drugiego do czwartego.

EasyEngine

EasyEngine to zbiór linii poleceń, które umożliwiają konfigurowanie WordPressa za pomocą narzędzi i modułów, takich jak Redis, Caching Plugin i PageSpeed. To sprawia, że konfiguracja serwera WordPress jest szybsza.

Phinx

Phinx to moduł PHP do zarządzania bazą danych i migracji. Pochodzi z klas i linii poleceń, które umożliwiają uruchamianie niemal każdej operacji na bazie danych, takiej jak pisanie, pobieranie i przesyłanie. Phinx Docs to pomysłowe źródło informacji, które pomoże Ci zacząć.

RichCSS

RichCSS to framework CSS, który zapewnia rozsądną strukturę. Struktura porządnie porządkuje foldery, katalogi i klasy w sposób pro-DRY, który pozwala na wielokrotne użycie. Oprócz przycisków, list i formularzy RichCSS ma również własny interfejs CLI, którego można użyć do uruchomienia nowego bogatego projektu, takiego jak Bower, Git i NPM.

Frend

Frend to zbiór wspólnych komponentów internetowych. Kolekcja składa się obecnie z akordeonu, modalnego okna dialogowego, Offcanvas, podpowiedzi, zakładek, z kilkoma innymi, które pojawią się w następnej wersji. Frend może być dobrą alternatywą dla interfejsu użytkownika jQuery.

FLA

Jest to kompleksowe środowisko do tworzenia responsywnego układu siatki za pomocą Flexbox.

PHP Właściwy sposób

PHP jest językiem programowania, który jest łatwy do nauczenia, ale możesz także łatwo pomylić się z kodami, co może w końcu zagrozić bezpieczeństwu i wydajności witryny. PHP we właściwy sposób to obszerne odniesienie do nauki najlepszych praktyk w PHP.

Starability

Starability jest biblioteką CSS, która tworzy system oceny gwiazd z fantazyjnymi animowanymi opiniami. Liczba gwiazdek jest tworzona z myślą o dostępności; możesz nawigować i przypisywać gwiazdki za pomocą klawiatury.

WaitAnimate

WaitAnimate to poręczne narzędzie internetowe do obliczania a “pauza” czas w pojedynczej animacji CSS @ keyframe. The “pauza”, gdy zrobione dobrze, może sprawić, że animacja będzie bardziej wciągająca - oto kilka przykładów.