Wrześniowa edycja nowości dla projektantów stron internetowych i programistów obejmuje nowe aplikacje internetowe, narzędzia JavaScript i jQuery, wtyczki, dzięki którym witryny są bardziej przydatne, narzędzia zwiększające produktywność, nowe podejścia do systemów zarządzania treścią, frameworki, zestawy UI i kilka naprawdę świetnych nowych czcionek .

Wiele z poniższych zasobów jest darmowych lub bardzo niskich kosztach i na pewno przyda się wielu projektantom i programistom.

Jak zawsze, jeśli przegapiliśmy coś, co według Ciebie powinno zostać uwzględnione, daj nam znać w komentarzach. Jeśli masz aplikację lub inny zasób, który chcesz uwzględnić w przyszłym miesiącu, wpisz go na Twitterze @cameron_chapman do przemyślenia.

Osmek

Osmek to nowy typ CMS w chmurze, nazywający się "Content API". Może być używany z dowolnym językiem programowania lub frameworkiem, a także na dowolnym serwerze, a treść może być dystrybuowana do wielu witryn.

osmek

Metro UI CSS

Metro UI CSS to framework do tworzenia stron w stylu Windows 8. Może być używany jako samodzielne rozwiązanie lub dodany do dowolnego innego środowiska CSS.

metro ui css

Strapdown.js

Strapdown.js to prosty sposób na tworzenie dokumentów Markdown bez konieczności kompilacji po stronie serwera. Jest przyjazny dla wyszukiwarek, kompatybilny z różnymi przeglądarkami, tematyczny i zawiera podświetlanie składni w stylu Github.

strapdown.js

Prism.js

Prism.js jest rozszerzalnym, lekkim znacznikiem składni, który działa z nowoczesnymi standardami sieciowymi. Jest niesamowicie szybki, intuicyjny i może być stylizowany za pomocą CSS.

pryzmat

Annotator

Annotator jest biblioteką JS o otwartym kodzie źródłowym, którą można dodać do strony internetowej, aby umożliwić odwiedzającym pozostawienie adnotacji. Te adnotacje mogą zawierać komentarze, tagi, użytkowników i inne. Został zaprojektowany z myślą o łatwej rozbudowie, dzięki czemu możesz dodawać nowe funkcje.

adnotator

SideTap

SideTap to platforma do budowy mobilnych, niezależnych od platformy interfejsów internetowych. Działa najlepiej na iOS5 +, Chrome i Safari. Jest lekki i obejmuje konwencję przez konfigurację, dzięki czemu możesz zacząć od razu.

sidetap

Erlywarn

Erlywarn zapewnia natychmiastowe powiadomienia, jeśli witryna nie działa normalnie. Rozpocznij szybko (wpisz adres e-mail i adres URL) i uzyskaj przystępną cenę (już od 1 GBP / miesiąc).

erlywarn

BigVideo.js

BigVideo.js to wtyczka jQuery do dodawania dużego obrazu wideo (lub obrazu) do Twojej witryny. Używa API Video.js, a także kilku wtyczek i bibliotek jQuery.

bigvideo.js

SoundGecko

SoundGecko przekonwertuje dowolny artykuł do pliku MP2, którego możesz słuchać w podróży. Jest dostępny jako rozszerzenie do Chrome lub możesz po prostu wysłać adres URL artykułu, aby uzyskać konwersję. Istnieją również aplikacje na iOS, Androida i Windows Phone.

soundgecko

Edicy

Edicy to proste narzędzie służące do tworzenia wielojęzycznych stron internetowych. Jest łatwy w użyciu, zoptymalizowany pod kątem komputerów stacjonarnych i przenośnych, ma modyfikowalne motywy i jest zoptymalizowany pod kątem wyszukiwarek od razu po wyjęciu z pudełka.

Edicy

Dawać podobne role aktor

Dawać podobne role aktor ułatwia tworzenie interaktywnych blogów na żywo, idealnych na rozmowy kwalifikacyjne. Możesz zaprosić czytelników, przyjaciół i fanów do zadawania pytań, a następnie po prostu wybrać, na które odpowiedzi i zacząć pisać.

Dawać podobne role aktor

Quabel

Quabel to aplikacja do pisania oparta na przeglądarce, która pozwala łatwo ustawić cele pisania i skupić się na pisaniu bez rozpraszania na zewnątrz. Proste polecenia ułatwiają formatowanie tekstu i są dostępne z dowolnego miejsca.

Quabel

Schludny

Schludny jest platformą gridową open source zbudowaną na bazie systemów Bourbon i Sass. Korzysta z jednostek em i złotych współczynników i opiera się całkowicie na mixatach Sass, więc nie zanieczyszcza HTMLa klasami prezentacji i dodatkowymi elementami div.

schludny

Human.io

Human.io to platforma do budowania niewielkich aplikacji mobilnych, które mają dostęp do kamery telefonu, geolokalizacji i innych elementów. Możesz go użyć do tworzenia prostych lub złożonych funkcji i łatwo zintegrować się z istniejącymi usługami.

human.io

Mailrox

Mailrox ułatwia tworzenie kuloodpornych wiadomości e-mail w formacie HTML dla CampaignMonitor lub MailChimp. Szablony zbudowane za pomocą Mailrox zostały przetestowane z Apple Mail, Lotus Notes, Thunderbird, AOL, Gmail, Yahoo! Poczta i wiele innych.

mailrox

CSS Strzałka Proszę

CSS Strzałka Proszę jest szybkim i łatwym w użyciu generatorem strzałek CSS. Wystarczy określić rozmiar strzałki, szerokość i kolor ramki, pozycję i kolor tła, a otrzymasz cały potrzebny kod.

css strzałka proszę

Sztaluga

Sztaluga to narzędzie do projektowania stron internetowych w przeglądarce, które zawiera funkcje makiety i udostępniania. Zawiera wbudowane czcionki internetowe i renderowanie True-to-Brower, a nawet możesz importować istniejące style za pomocą rozszerzenia do Chrome.

sztaluga

JZoopraxiscope

JZoopraxiscope to wtyczka jQuery do tworzenia animacji ze statycznych obrazów. Inspiruje go Zoopraxiscope, stworzony przez Eadwearda Muybridge'a.

jzoopraxiscope

Screenqueries

Screenqueries to proste narzędzie do testowania responsywnych projektów w różnych rozmiarach ekranu. Zawiera menu rozwijane z wieloma typowymi urządzeniami lub możesz określić swój własny rozmiar ekranu.

Screenqueries

Duży ekran

Duży ekran to prosta biblioteka, która ułatwia korzystanie z interfejsu API pełnego ekranu JavaScript w Twojej witrynie lub aplikacji. Obejmuje wiele działań awaryjnych, które sprawiają, że korzystanie z trybu pełnoekranowego staje się o wiele bardziej przyjazne dla użytkownika.

Duży ekran

Płynny interfejs użytkownika

Płynny interfejs użytkownika to aplikacja do budowania prototypów aplikacji na iOS i Androida. Zawiera narzędzia do udostępniania, przesyłania i eksportowania, a nawet testowania na urządzeniu. Dostępny jest ograniczony bezpłatny plan, a płatne plany zaczynają się od 29 USD miesięcznie.

płynny ui

Włącznik / wyłącznik FlipSwitch

Włącznik / wyłącznik FlipSwitch jest generatorem do tworzenia czystych przełączników włączania / wyłączania CSS3 z animowanymi przejściami. Zawiera różnorodne style, a także ustawienia dla stanów aktywnych i nieaktywnych, rozmiaru, kolorów, etykiet i innych.

on off flipswitch

Infogr.am

Infogr.am to darmowa, prosta aplikacja do tworzenia niesamowitych infografik. Dostępne są wstępnie zaprojektowane motywy do wyboru, a następnie wystarczy dodać swoje dane i udostępnić lub osadzić gotową infografikę.

infogram

Gridster

Gridster jest drag-and-drop, wielo-kolumnową wtyczką jQuery grid. Pozwala tworzyć przeciągalne, dynamiczne układy, z których można nawet dodawać i usuwać elementy. Jest łatwy w konfiguracji i zawiera pełną dokumentację.

Gridster

jQuery blackCalculator

jQuery blackCalculator to wtyczka jQuery do tworzenia kalkulatora. Istnieje wiele definiowalnych opcji, a także pełna dokumentacja.

jquery blackcalculator

TheCodePlayer

TheCodePlayer to repozytorium wideo solucje do tworzenia różnych wspaniałych rzeczy od zera. Oferuje wszystko, od prostych efektów najechania z CSS do tworzenia wygaszacza ekranu w HTML5 i wiele więcej.

TheCodePlayer

Toast

Toast to proste środowisko CSS do tworzenia układów opartych na siatce. Zawiera style czcionek, reset i siatkę, i nic więcej. Istnieją dwa główne stany siatki, w tym jednokolumnowa siatka dla wąskich ekranów i 12-kolumnowa siatka dla większych ekranów (do 960 pikseli).

toast

Taskup

Taskup to aplikacja listy zadań, która jest prosta i elastyczna, pomaga zorganizować się bez wchodzenia w drogę. Dostępny jest bezpłatny plan, który obsługuje do 1000 zadań, a płatne plany zaczynają się od 0,99 USD / miesiąc.

taskup

EditorConfig

EditorConfig jest przeznaczony dla programistów do definiowania i utrzymywania spójnych stylów kodowania między różnymi IDE i edytorami. Działa dobrze z systemami kontroli wersji i zawiera zarówno format pliku, jak i zbiór wtyczek edytora tekstu dla każdego projektu.

EditorConfig

Plik Sequence.js

Plik Sequence.js jest elastycznym suwakiem, który wykorzystuje zaawansowane przejścia CSS3. Nie ma wbudowanego motywu, który zapewnia pełną kontrolę nad kreacją. Najlepsze, że musisz tylko znać CSS3, aby go stylizować.

sequence.js

Elena (99 USD +)

Elena , z Process Type Foundry, to wysoce czytelna czcionka szeryfowa przeznaczona do czytania rozszerzonego. Jest subtelny i powściągliwy, z wyraźnym, dopasowanym brzmieniem.

elena

Nagłówek (15 USD)

Nagłówek jest czcionką wyświetlaną w trudnej sytuacji bezszeryfowej. Ma zużytą, tuszopodobną teksturę, która nadaje mu bardziej dotykowy charakter, a jednocześnie odróżnia go od podobnych czcionek.

nagłówek

Szeroki wyświetlacz (77 USD)

Szeroki wyświetlacz to czcionka typu unicase slaf-serif z elementami dekoracyjnymi i licznymi alternatywami.

szeroki wyświetlacz

Kahlo (136,50 USD)

Kahlo to formalny i elegancki krój inspirowany modą. Zawiera cztery ciężary i kursywa, a także kilka alternatywnych znaków. Jest idealny do plakatów, logo, nagłówków, opakowań i innych materiałów.

kahlo

Bez kolorów (za darmo)

Brak koloru to lekko zakłopotany krój pisma z uczuciem Starego Zachodu. Jest idealny do nagłówków, oznakowań, opakowań i innych.

brak koloru

Casper (bezpłatny)

Casper jest czcionką bezszeryfową, która zawiera strzałki, znaki alternatywne i znaki oraz ligatury. Obejmuje zarówno znaki łacińskie, jak i cyrylicy.

Casper

Zmiotit nr 25 (bezpłatny)

Zmiotit nr 25 , z Gluk, to elegancka czcionka ozdobna wydana pod OpenFontLicense.

znikomit nr 25

Publiczne (10 €)

Publiczny to krój wyświetlacza idealny do oznakowania, opakowań, logo i innych elementów. Jest to oczywiście inspirowane typografią lat 20 i 30.

publiczny

Stephanie Marie JFPro (79 USD)

Stephanie Marie JFPro , zaprojektowany przez Jasona Walcotta, to stylowa czcionka skryptu, która zawiera pełny zestaw alternatywnych nakładek, a także kilka alternatywnych małych liter i ligatur.

stephanie marie jfpro

Ginger Snap JF (79 USD)

Ginger Snap JF to funky krój pisma, który doskonale nadaje się do plakatów, opakowań i innych materiałów.

ginger snap jf

Czy zapomnieliśmy o czymś, co według ciebie powinno zostać uwzględnione? Daj nam znać w komentarzach poniżej!