Evurak
#programista15k #stronaodfrontu #www

Cześć.
Potrzebuje zrobić pojedynczą stronę na której będzie tylko jeden obrazek. Chcę natomiast by był on responsywny i dopasowywał się do urządzenia na którym jest wyświetlany.
Jak to zrobić? Obrazek musi być w jakimś określonym formacie?
Dziękuję po podpowiedzi.
  • Najlepsze
  • Wszystkie komentarze
BreathDeath
BreathDeath
@Evurak: Zależy jaki to obrazek, jak zdjęcie to bym sobie wrzucił kilka rozmiarów i wybierał do wyświetlenia odpowiedni w zależności od tego jaka jest rozdzielczość ekranu.
TomSz
TomSz
TomSz
2
@Evurak: tak, możesz też bezpośrednio

<img src="costam.jpeg.jpg" alt="obrazek" style="max-width: 100%; height: auto;">

max-width: 100% znaczy że obrazek nigdy nie będzie szerszy niż ekran, ale może być węższy jeśli ekran jest po prostu od niego szerszy
height: auto znaczy, że wysokość obrazka będzie zawsze proporcjonalna do
F.....n
Czołem ponownie mirki.

Po ukończeniu szkoły wracam do nauki #frontend, żeby za 3-4 miesiące spróbować starać się o jakąś pracę w tej dziedzinie( ͡° ͜ʖ ͡°).

Pierwszym krokiem jakim sobie założyłem to uporządkowanie mojej wiedzy nt. HTML5, CSS3 i RWD oraz dbać o semantykę kodu i jego czytelność, oraz stosując się do dziwnych konwencji Mobile first i Progressive enhancementt(proszę mnie nie odpytywać z tego, dopiero się
  • Najlepsze
  • Wszystkie komentarze
m_dop
No i wyszło mi takie coś -> Link do strony | Link do pobrania kodu


@Filem00n: użyj githuba ;-)
T.....r
T.....r
porobiłem ukryte headingi żeby nie było untitled section, ale czy to może tak być?


@Filem00n: to bardzo zła praktyka, i o ile ukrywanie innych elementów tekstowych być może nie zaszkodzi (a może nawet pomóc, jeśli to tekst widoczny np. tylko dla czytników tekstu), o tyle chowanie headingów prędzej czy później sprowadzi na Ciebie gniew google.
====================================================================================================================================================================================================================================================================================================================================
V.....z
V.....z
Hej mireczki! Ostatnio miałem trochę więcej czasu, więc wpadłem na pomysł zrobienia swojej wersji wykopu ze zintegrowanym mirkoczatem ( ͡° ͜ʖ ͡°). Dajcie znać jak wam się podoba i czy macie jakieś pomysły na usprawnienia. Pełna jakość: https://upload.vstanced.com/image/XJL


#webdesign #webdev #grafikakomputerowa #wykop #nowywykop2016 #grafika #mirkoczat #pytanie #kiciochpyta #stronaodfrontu
  • Najlepsze
  • Wszystkie komentarze
hellofriend
@Vitz: Wyślij to do białka, może cię przyjmie do roboty. Mi się pomysł podoba, powinniśmy walczyć o jego realizację.
F.....n
Zakodowałem, choć jeszcze jest nieskończona(trochę drobnych niedoróbek).
W takich projektach treningowych najgorsze jest to, że ciężko mi je skończyć, zwłaszcza ostatnie szlify jak podpinanie pluginów, animacji, poprawianie walidacji itp.

Najchętniej ten plugin do przewijania strony to bym sam napisał(i tak chyba niedługo zrobię).
W takich większych projektach mam problem z dobrym uporządkowaniem struktur w css(btw pierwszy raz pisałem w sass), w html jeszcze jako tako to wygląda.

trzymajcie
  • Najlepsze
  • Wszystkie komentarze
rbielawski
rbielawski
@Filem00n: mamusię oszukasz, tatusia oszukasz, ale mnie nie oszukasz ( ͡° ͜ʖ ͡°)
rbielawski
rbielawski
@Filem00n: przy ~1220px szerokości pokazuje się poziomy scrollbar. #pszypau
F.....n
Drogie mirki! Po przemyśleniach i pytaniach pragnę uruchomić nowy tag ( ͡° ͜ʖ ͡°) #stronaodfrontu

Jakie są zamiary? Miejsce dla mirków, którzy tworzą/projektują/kodują strony(czyli Graficy/Front End Developerzy), gdzie będą mogli zamieścić swoją pracę i oczekiwać na krytykę(miejmy nadzieję konstruktywną) ogółu, dzięki czemu staną się lepsi w swoim fachu ( ͡° ͜ʖ ͡°)

Zacznę pierwszy.. ostatnio gnębię temat stron z
  • Najlepsze
  • Wszystkie komentarze

Powiązane tagi