Przetestuj swoją typografię internetową w przeglądarce za pomocą modelu użytkowego

Projektowanie typu dla sieci jest teraz łatwiejsze niż kiedykolwiek wcześniej. Własne czcionki internetowe i właściwości CSS3 sprawiają, że proces jest prawie całkowicie bezproblemowy.

Ale testowanie jest wciąż pracochłonnym zadaniem, które często wymaga wielu zmian. I za pomocą narzędzia takiego jak model użytkowy przetestuj swoje czcionki na żywo w przeglądarce i nawet wygeneruj kod LESS / SASS lub CSS - bez samodzielnego pisania linii!

Aplikacja jest całkowicie darmowa i obecnie jest dostępna w wersji beta na żywo. Jeśli zarejestrujesz się do bezpłatnego konta, możesz zapisać własne niestandardowe motywy i tworzyć różne projekty do testowania różnych stylów czcionek.

Na prawym pasku narzędzi znajdziesz wiele opcje dostosowywania czcionek stron w oparciu o nagłówki, akapity, hiperłącza i listy uporządkowane / nieuporządkowane. Każdy typ czcionki ma własną sekcję z właściwościami do zmiany koloru czcionki, rozmiaru, wagi, wysokości linii i odstępów między literami.

Oczywiście możesz także zmień rodzinę czcionek zbyt. Możesz wybrać dowolną czcionkę z biblioteki Google Webfonts i lokalnie zainstalowane czcionki w systemie. Jest to o wiele łatwiejsze niż projektowanie w Photoshopie, ponieważ można zobaczyć, jak czcionki renderują na żywo w przeglądarce internetowej.

Użytkownicy anonimowego modelu użytkowego mogą edytować i dostosowywać czcionki do swoich potrzeb, ale bez konta stracisz wiele wspaniałych funkcji. Użytkownicy modelu użytkowego mogą zapisywać pojedyncze motywy i zbuduj bibliotekę różnych stylów dla wielu projektów internetowych.

Za pomocą darmowego konta możesz korzystać z dużego âÂ? Generuj codeâ przycisk, aby uzyskać style czcionki w czystym CSS lub w języku preprocessingu, takim jak SASS lub LESS. Możesz nawet zminimalizuj swój kod jeśli chcesz, aby był gotowy do produkcji.

Nugget typu jest nadal w wersji beta, ale jestem zdumiony, jak wiele może zrobić. Jest to najpotężniejsze narzędzie typu przeglądarki, jakie kiedykolwiek widziałem. Jeśli nienawidzisz majstrować przy czcionkach internetowych w CSS, to Type Nugget oferuje darmowy edytor wizualny z ogromną biblioteką krojów pisma do Twojej dyspozycji.

A jeśli naprawdę podoba Ci się to, co widzisz, zarejestruj się, aby uzyskać darmowe konto, gdy jest ono jeszcze w wersji beta, aby mieć pewność, że otrzymasz wszystkie najnowsze aktualizacje. Jeśli kiedykolwiek masz sugestie dla zespołu, możesz się podzielić drobnymi błędami lub nowymi pomysłami na projekt.