Wiesz o responsywnych obrazach. Chodzi o składnię obrazu w HTML. Jeśli podasz mu odpowiednie informacje w odpowiedniej składni, możesz sprawić, że przeglądarka pobierze dokładnie taki obraz, jakiego potrzebuje, bez podawania zbyt dużej lub zbyt małej ilości danych obrazu. Jest fantastyczny pod względem wydajności.
Wiesz, że aby uzyskać jak najwięcej z responsywnych obrazów, powinieneś wypełnić go za pomocą Picturefill. Pobierasz go, umieszczasz na swojej stronie.
Masz plan. Wiesz, co chcesz, aby Twoja strona polubiła się w określonych punktach przerwania zapytań o media. Masz to wszystko wyimaginowane w Sketch lub Photoshop.
Wiesz, jaka jest składnia obrazów responsywnych. Będziesz potrzebował czegoś takiego jak składnia srcset / size, aby opisać swoją sytuację.
![Sunset]()
Ten screencast dotyczy tego wszystkiego. Chodzi o związanie tego wszystkiego razem. Chodzi o połączenie przepływu pracy projektowania i używanego tam oprogramowania z przepływem pracy frontendu i używaną tam składnią. Musisz wiedzieć, jak drukować obrazy w potrzebnych formatach i rozmiarach. Musisz wiedzieć, kiedy uzyskasz wysokiej jakości wydruki, a kiedy nie. Musisz wiedzieć, jak mierzyć te obrazy i używać odpowiednich liczb. Musisz wiedzieć, jak połączyć wybrane układy i zapytania o media z tymi liczbami. Wszystko jest tutaj.
Zobacz demo pióra dla screencastów na temat Uzyskiwanie liczb dla responsywnych obrazów autorstwa Chrisa Coyiera (@chriscoyier) w CodePen.