Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Responsive Web Design
Webdesign

Kako napraviti responzivne slike koristeći Picture element

by
Length:QuickLanguages:

Croatian (Hrvatski) translation by Matija Culjak (you can also view the original English article)

Svi mi želimo da se naše slike prikazuju u najboljoj mogućoj kvaliteti, s optimalnom veličinom datoteke te na različitim uređajima, ali postizanje toga je lakše reći nego učiniti. U ovom kratkom video tutorijalu naučit ćete kako koristiti picture element za kreiranje responzivnih slika.

Objasnit ću kako picture element funkcionira te proći kroz primjer korištenja istog za prikaz slika koje ne samo da su promjenjive veličine, već i postupno odrezane kako se veličina ekrana smanjuje. Također ću se dotaknuti utjecaja na performanse.

Pogledajte tutorijal

(English)

Pogledajte cijeli tečaj

Postoji mnogo različitih tehnika za izradu responzivnih slika, ali neke od njih imaju ozbiljne nedostatke, poput ograničene podrške internet preglednika.

U ovom tečaju, Understanding Responsive Images, naučit ćete sve što trebate kako bi započeli rad s responzivnim slikama. Govorit ćemo o tome što su i u kakvom su odnosnu na responzivni web dizajn te ćemo također razgovarati o najboljim praksama korištenja istih.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.