Świeże zasoby dla projektantów stron internetowych i programistów (marzec 2015)

Czas na kolejną rundę świeżych zasobów, na miesiąc marzec. W tej serii seriali mamy początkującą przeglądarkę, makiety dla urządzenia nadającego się do noszenia, zbiór ikon, które mogą się zmieniać, i garść innych fajnych rzeczy.

Aby uzyskać więcej świeżych zasobów dla twórców stron internetowych, wykonaj serię.

CodePad

CodePad to aplikacja internetowa, której możesz używać do zapisywania i udostępniania kodów. Obsługuje wiele języków programowania, od CSS do XSLT. Możesz ustawić fragmenty kodu na prywatny dostęp, abyś mógł go zobaczyć lub pozostawić publicznie dostępny, co pozwala wyszukiwarkom go odebrać.

UINames

Jeśli wybranie nazwy użytkownika podczas otwierania konta dla jakiejkolwiek usługi online jest dla Ciebie trudne, zastanów się, jak trudno jest projektantom wymyślić fałszywe nazwy jako wypełniacz treści lub symbol zastępczy w prototypach. UINames pozwala na generowanie losowych nazw - jak Lorem Ipsum, ale zamiast nich na nazwiska. Możesz wybrać nazwę na podstawie płci lub nawet w krajach (np. Japońskich, chińskich, wietnamskich).

Aplikacja DevTools

Aplikacja DevTools to aplikacja, która umożliwia debugowanie witryny. Działa jak DevTools, które możemy znaleźć w Chrome. Ta aplikacja jest eksperymentalnym projektem do oddzielenia DevTools od Chrome, co jest dość racjonalnym pomysłem, ponieważ większość użytkowników Chrome nie będzie potrzebować ani używać DevTools - tylko Deweloperzy będą.

Is.js

Is.js to poręczna mała biblioteka JavaScript, która pozwala na intuicyjne uruchamianie oceny za pomocą jest metoda. Możesz przetestować prawie wszystkie typy danych, w tym String, Array, Time, RegEx (wyrażenie regularne), a nawet środowisko.

Poniższy przykład kodu oceni, czy jesteśmy w Internet Explorerze 6:

 var IE6 = is.ie (6) if (IE6) // uruchom funkcję tutaj 

TheatrJS

TheatrJS to biblioteka JavaScript do tworzenia efektu pisania, w przeciwieństwie do podobnych bibliotek, TheatrJS naśladuje, jak prawdziwi ludzie np. z niewielkim opóźnieniem, z literami i poprawką.

TintUI

TintUI to zbiór palet kolorów pochodzących z wielu źródeł. Tutaj możesz znaleźć kolory, które były używane w iOS, Android Material Design lub w Microsoft Windows. To narzędzie ułatwia wybranie koloru, wystarczy kliknąć dowolną płytkę koloru, aby skopiować format heksadecymalny tego koloru.

Transformicons

Transformicons to zbiór wspólnych przycisków przełączających, które po kliknięciu zamieniają się w coś innego. Możesz znaleźć popularne “Hamburger” ikony, które zmienią się w ikonę krzyża lub strzałkę. Transformicons udostępnia także narzędzie do budowania, którego można użyć do generowania HTML, CSS i JavaScript tylko dla wybranych ikon.

Vivaldi

Vivaldi to nowa przeglądarka zbudowana przez ten sam zespół, który zbudował wczesną wersję Opery za pomocą silnika Presto. Mimo, że Vivaldi jest wciąż w powijakach, jest już dostępny z poręcznymi funkcjami “Szybkie polecenia” aby dostosować skróty nawigacyjne, a stosy kart, które grupują wiele kart na jednej karcie. Rozwój w toku, z większą liczbą funkcji, takich jak obsługa poczty i rozszerzeń.

Makieta Apple Watch

Mamy już makiety dla komputerów stacjonarnych, tabletów i smartfonów, więc to tylko kwestia czasu, zanim pojawią się makiety smartwatchów. Jeśli potrzebujesz makiet dla Apple Watch, jest to strona do dodania do zakładek. Znajdziesz tu także makiety dla ikon iOS i iPhone'a 6.

Czcionka gniazda

Czcionka gniazda to unikalnie zaprojektowana czcionka. To zaokrąglona czcionka z ornamentem w kształcie półkola. Czcionka jest w formacie OTF i dobrze jest jej użyć jako nagłówka plakatu. Jest darmowy do użytku zarówno w projektach osobistych, jak i komercyjnych.