Sieć
Brakujące porady, których potrzebowałem na początku kariery
Aby pomóc ci uniknąć popełniania podobnych błędów i marnowania cennych lat życia, Paul Boag dzieli się swoimi lekcjami i trudnymi prawdami na początku swojej kariery.
Czytaj więcejPrzedstawiamy narzędzie do analizy obrazu testowego szybkości witryny
Twórcy stron internetowych spędzają całe dnie na pisaniu hipertekstu, ale bajt po bajcie większość sieci składa się z obrazów. Trudno przecenić wpływ, jaki obrazy mają na wydajność przeciętnej strony internetowej; szybsze strony internetowe mają większy zasięg i większy wpływ. Pierwszą i najważniejszą rzeczą, jaką możesz zrobić, aby **poprawić wydajność obrazów w swojej witrynie**, jest ustalenie, jak je mierzyć. Wejdź do _Testu szybkości witryny_, bezpłatnego i bardzo prostego narzędzia, które wykorzystuje nasze (Cloudinary) inteligentne rozwiązania w zakresie obrazów, aby umożliwić Ci pomiar, diagnozowanie i (co najważniejsze) komunikowanie się na temat wydajności obrazu dowolnej witryny. Co więcej, jest zbudowany na bazie i zintegrowany z WebPagetest Pata Meenana. Zainteresowany? Czytaj!
Czytaj więcejJak zbudowaliśmy aplikację na iOS do nagrywania wideo 3D (studium przypadku)
W tym artykule Evgeny Khrolenok i Igor Mikheiko dzielą się swoimi wnioskami, jakie wyciągnęli z opracowywania aplikacji, która pomaga ludziom tworzyć własne filmy stereo w 3D.
Czytaj więcejBudowanie bibliotek wzorców z Shadow DOM w Markdown
Niektórzy ludzie nienawidzą pisania dokumentacji, a inni po prostu nienawidzą pisania. Tak się składa, że uwielbiam pisać; w przeciwnym razie nie czytałbyś tego. Pomaga mi to, że uwielbiam pisać, ponieważ jako konsultantka ds. projektowania oferująca profesjonalne doradztwo, pisanie jest dużą częścią tego, co robię. Ale nienawidzę, nienawidzę, nienawidzę edytorów tekstu. Podczas pisania technicznej dokumentacji internetowej (czytaj: [biblioteki wzorców](https://www.smashingmagazine.com/taking-pattern-libraries-next-level/)), edytory tekstu są nie tylko nieposłuszne, ale wręcz nieodpowiednie. Najlepiej byłoby, gdybym potrzebował trybu pisania, który pozwalałby mi dołączyć komponenty, które dokumentuję, a nie jest to możliwe, chyba że sama dokumentacja jest wykonana z HTML, CSS i JavaScript. W tym artykule przedstawię metodę łatwego włączania demonstracji kodu w Markdown, za pomocą skrótów i enkapsulacji shadow DOM.
Czytaj więcejJak korzystać z cotygodniowych spotkań projektowych
Jak utrzymujesz zaangażowanie zespołu? Jak upewnić się, że zespół jest na bieżąco ze wszystkim, co jest publikowane? Jak często członkowie zespołu rozmawiają ze sobą twarzą w twarz? Czy mają wystarczające wsparcie, aby zakończyć swoje zadania lub kontynuować swój rozwój?
Czytaj więcejLeworęczny napis pędzlem: jak zacząć
Liternictwo i kaligrafia szybko stają się pożądanymi umiejętnościami w przyborniku projektanta. Projektanci tacy jak Marian Bantjes, Jessica Hische, Sean Wes czy Martina Flor, żeby wymienić tylko kilku, stali się nie tylko inspiracją dla reszty z nas, ale także standardem. Ich praca opiera się nie tylko na kliencie; stali się własną marką, dostarczając produkty również swoim obserwatorom. Inni projektanci poszli w ich ślady i teraz wydaje się, że liternictwo i kaligrafia są wszędzie.
Czytaj więcejProjektowanie idealnego akordeonu
Wzorce projektowe. Niemal mityczna fraza, która często budzi podziw lub niechęć. Jako projektanci myślimy o wzorcach projektowych jako o ogólnych, gotowych rozwiązaniach, które można zastosować w różnych kontekstach niemal mechanicznie, często bez odpowiedniego rozważenia. Nawigacja? Poza płótnem! Oferty dnia? Karuzela! Masz pomysł.
Czytaj więcejKiedy duże nie jest wystarczająco duże: projektowanie za pomocą obrazów bohaterów
Gdy użytkownicy wejdą na Twoją stronę, poczują jakąś reakcję. Niezależnie od tego, czy jest pozytywna, czy negatywna, ta reakcja zależy w dużej mierze od tego, co widzą. Ponieważ **wizja jest prawdopodobnie najsilniejszym ludzkim zmysłem**, zdjęcie bohatera to jeden z najszybszych sposobów na przyciągnięcie uwagi użytkownika. Odważne, graficzne i celowe obrazy angażują użytkownika. Natychmiast przyciąga użytkownika i stanowi idealny element centralny minimalistycznej aplikacji lub strony internetowej. Obraz bohatera to coś więcej niż tylko ładny obrazek. To potężne narzędzie komunikacji. W tym artykule podam kilka wskazówek dotyczących korzystania z obrazów bohaterów. Ponadto, jeśli chcesz zacząć i spróbować prototypowania i tworzenia szkieletów własnych projektów w nieco inny sposób, możesz bezpłatnie pobrać i przetestować _Adobe XD_.
Czytaj więcejPo prostu przewijaj! Jak projektować długie, długie strony
Strony internetowe z długim lub [nieskończonym przewijaniem](https://www.smashingmagazine.com/2013/05/infinite-scrolling-lets-get-to-the-bottom-of-this/) stają się ostatnio coraz bardziej popularne, i nie jest to zwykły trend ani zbieg okoliczności. Technika długiego przewijania umożliwia użytkownikom przechodzenie przez fragmenty treści bez żadnych przerw lub dodatkowej interakcji — informacje pojawiają się po prostu, gdy użytkownik przewija stronę w dół.
Czytaj więcejTypografia reagująca na płyny z wymiarowaniem polipłynowym CSS
Układy płynne od lat są normalną częścią rozwoju front-endu. Idea typografii płynów jest jednak stosunkowo nowa i nie została jeszcze w pełni zbadana. Do tej pory większość programistów ideą płynnej typografii po prostu używała jednostek Viewport, być może z pewnymi minimalnymi i maksymalnymi rozmiarami. W tym artykule zamierzamy przenieść to na inny poziom. Zamierzamy zbadać **jak stworzyć skalowalną, płynną typografię** w wielu punktach przerwania i predefiniowanych rozmiarach czcionek przy użyciu dobrze obsługiwanych funkcji przeglądarki i podstawowej algebry. Najlepsze jest to, że możesz to wszystko zautomatyzować za pomocą Sassa.
Czytaj więcej