Świeże zasoby dla projektantów stron internetowych i programistów (kwiecień 2015)
Jak tam twoje (przyjazne przypomnienie) Prima Aprilis w tym roku? Cóż, dla reszty z nas, którzy nie są w psikusach, oto najnowsza część świeżych zasobów dla projektantów stron internetowych i programistów.
W kwietniu mamy wiele wspaniałych aplikacji zwiększających produktywność, bibliotekę, która poprawia wrażenia użytkownika dzięki dużemu dataliście, rozszerzeniu Photoshopa, które zapewnia widżety pogodowe, oraz poręczne narzędzie internetowe, które buforuje czcionkę internetową.
Linijka CSS
Istnieje wiele pomiarów jednostkowych w CSS; kilka jest naprawionych, podczas gdy inne są względne, takie jak em
, rem
i ch
. Linijka CSS to narzędzie, w którym można wizualnie porównać skalę jednostek ze sobą.
ResponsiveJP
ResponsiveJP oferuje wiele responsywnych stron internetowych z Japonii, głównie jako punkt odniesienia dla projektantów stron internetowych, którzy mają trudności z wypracowaniem responsywności w odniesieniu do niełacińskiej treści typograficznej. Pomaga rozciągnąć twoją perspektywę i uzyskać wewnętrzne spojrzenie na trendy wschodniego projektowania stron internetowych.
Google Fonts Alternate
Wiele usług Google jest zablokowanych w Chinach, w tym Google Font - prawie pewne jest, że czcionka Google nie będzie poprawnie renderowana w Chinach. Jeśli chcesz obsługiwać kolekcję czcionek Google w Chinach kontynentalnych, skieruj arkusz stylów czcionek na alternatywne źródło z Useso, na przykład:
// Arkusze stylów czcionek Google. // Alternatywny link
Powodzenia i szybkość!
Ikony Muir
Ikony Muir to zbiór ikon zaprojektowanych tak, aby pasowały do systemu OS X Yosemite. Nazwany na cześć Johna Muira, przyrodnika i aktywisty, który pomógł zachować oryginalny Yosemite, owszem, ten park narodowy w USA. W chwili pisania tego tekstu są już 3 tomy tych zestawów ikon. Każdy składa się z popularnych ikon aplikacji, takich jak Adobe Creative Suites, Twitter, Sketch, Skype i SublimeText.
- Muir Tom I
- Muir Tom II
- Muir Tom III
CouleursApp
CouleursApp to mała aplikacja, która pozwala na wybieranie kolorów w dowolnym miejscu na ekranie. Poprawia wbudowaną aplikację do wybierania kolorów Mac. Obsługuje wiele formatów kolorów, w tym Hex i UIColor of Swift.
Zgodność: OS X 10.10 lub nowszy
Pogoda
Pogoda to rozszerzenie Photoshopa dodaje widgety pogodowe do obszaru roboczego programu Photoshop. Jest to przydatne narzędzie, które pomoże Ci zdecydować, czy nadszedł czas, aby opuścić biurko i wyjść na zewnątrz, aby cieszyć się ładną pogodą.
Zgodność: Photoshop CC
Awesomplete
Niesamowite to biblioteka JavaScript, która naśladuje HTML5 element. Możesz dodać listę sugestii w elemencie wejściowym, który pojawi się jako typ użytkownika. Jest to praktyczne podejście do poprawy doświadczenia użytkownika, szczególnie w przypadku dużego dostawcy danych.
Zgodność: IE9 +, Chrome, Firefox, Safari 5+, Mobile Safari.
Noizio
Noizio to aplikacja z kolekcją naturalnych dźwięków: odgłosów wiatru, oceanu i burz. Może pomóc Ci lepiej skoncentrować się na pracy, zapewniając spokojne środowisko, które pozwala oderwać się od zgiełku atmosfery pracy pod ciśnieniem. Przynajmniej dla mnie.
Zgodność: OS X 10.8 lub nowszy
Skup się na ostrości
Jest to jeden dla tych, którym trudno się skupić. HocusFocus to aplikacja, która sprytnie ukrywa okna i obszary robocze na pulpicie systemu OS X przez pewien okres czasu, opuszczając tylko te okna, których najczęściej używasz. Sprawia, że jesteś bardziej wydajny, czyści bałagan z pulpitu i pomaga skupić się na pracy.
Zgodność: OS X 10.10 lub nowszy
PixelCounter
PixelCounter zlicza piksele w obrazach. Wystarczy przeciągnąć i upuścić obraz lub cały katalog swojego projektu do aplikacji, a to zliczy i zsumuje wszystkie piksele w obrazach JPEG, PNG, WebP, GIF, a nawet SVG. Teraz, gdybyśmy mogli rozpocząć trend, w którym ładujemy klientów pikselami… hmm.
Zgodność: OSX 10.8 lub nowszy, Windows 7 lub nowszy i Linux (Wkrótce)
Bloki interfejsu użytkownika
UIBlurbs generuje fikcyjny profil użytkownika i jest idealną aplikacją internetową do wykorzystania w połączeniu z UIFaces i UINames do budowy prototypu projektu.
localFont
localFont to aplikacja internetowa, która poprawia wydajność czcionek internetowych. Podczas przeciągania i upuszczania czcionki (.woff
, lub .ttf
), koduje i osadza czcionkę w CSS. Generuje również kilka linijek JavaScript, które buforują czcionkę w localStorage użytkownika (przeczytaj nasz poprzedni samouczek na temat używania Cookie i HTML5 localStorage).