Wszystko

Wszystkie

Archiwum

blakker
blakker
  • 0
#css3 #responsivedesign #css
Aktualny css:

![](images/header.png)

img .hej {
width:100%;
height:100%
}
Niestety, ale w tym wypadku na stronie pojawia sie wielkie 0.xD Jak zrobic aby obrazek sie scalowal do rozmiaru ekranu/przegladarki, a zarazem nie posiadal nic procz samego obrazka?
zwierzak40
zwierzak40
  • 3
Swoją drogą googol miał tak faworyzować w SERPach strony zoptymalizowane pod mobilki a oni się jakoś tyle lat w ścisłych topach utrzymywali mimo to.


@Zdzisiu1: Google faworyzuje też strony, na których dany tekst pojawił się pierwszy raz. Co więcej, użycie tego samego tekstu na innych stronach traktuje jako "cytat" i podnosi wartość tej pierwotnej strony (przynajmniej taka wiedza krąży w branży). Bycie jednym z pierwszych w temacie tekstów + szybkie wrzucanie
  • Odpowiedz
rukh
rukh
  • 3
Uważam że responsywne strony powinny mieć dodatkowe właściwości CSS podane w blokach DPI/dppx, nie tylko PX podawane w Media Query MAX-WIDTH().

Np. powinno tak wyglądać:

Dla 125% w Windows:

@media screen and (min-resolution: 1.25dppx) { ... }
Dla 150% w Windows:

@media screen and (min-resolution: 1.5dppx) { ... }
Chodzi o to, by wtedy wczytywało obrazy wyższej rozdzielczości.
Ja np. w swoim ekranie 4K mam skalowanie 150%. Avatary na Wykopie są rozmazane.
  • Odpowiedz
dzimen
dzimen
  • 1
#programowanie #css #svg #responsivedesign #html5 #html

Cześć, mam pytanie: otóż stworzyłem sobie jakiś wstępny layout gdzie jako tło mam wrzucone zdjęcie które skaluje się względem tła bo ma ustawione contain. Na tle mam wrzucone obiekty SVG (circle). Każdemu circle ustawiam w % cx i cy i r. Da się jakoś zrobić przez media żeby np. na danej rozdzielczości ten circle zmienił pozycję i się zmniejszył?
  • Odpowiedz
WebWave
WebWave
  • 1
@WebWave:

Jak zrobić stronę responsywną?

Jak zrobić stronę responsywną? Czy to trudne?

Takie pytanie przewija się w praktyce od kiedy tylko strony responsywne pojawiły się w internecie.

Dostosowują się one do szerokości ekranu i wyglądają dobrze na każdym urządzeniu – od małego telefonu, poprzez tablet i komputer, aż do telewizora.

Żadnego powiększania, rozciągania ani wlepiania nosa w ekran, bo literki są za małe.

Jednak pojawienie się stron responsywnych spowodowało też zmianę
WebWave - @WebWave: Jak zrobić stronę responsywną? Jak zrobić stronę responsyw...

źródło: comment_BClGlbGNkm67OdH6EfECP06tV0iwrbUW.jpg

Pobierz
  • Odpowiedz
koder
koder
  • 2
@Aokx: W sumie to łatwiej zrobić, żeby się UI dostosowywał sam, niż testować ręcznie w każdej rozdzielczości, która może się trafić.
  • Odpowiedz
bgjm
bgjm
  • 2
Zwykle projektując stronę internetową w #photoshop robiłem wersję desktop, a koder sam robił z tego stronę responsywną działającą na różnych urządzeniach. Teraz mam do zrobienia bardziej rozbudowany serwis i musze zaprojektować wersje mobilne.

Wiem jaki wpływ na wygląd strony ma rozdzielczośc ekranu na kompie (treśc mieści się zazwyczaj na powierzchni odpowiadającej małej rozdzialce, a oglądając stronę na większej rozdziałce po bokach pojawia się tło).

Nie wiem natomiast jak projektuje się stronę pod
Antosh
Antosh
  • 0
@Dzwoneg: 10px to strasznie mało. 15-20 to minimum by wyglądało dobrze i miało przestrzeń. Ja bym polecał zaprojektować na najmniejszą możliwą rozdzielczość która jest obecnie popularna, czyli 320 x 568 - to parametry iPhone SE. Content będzie się po prostu skalować w górę.
  • Odpowiedz
KacperOo
KacperOo
  • 5
Ponownie poszukuje kogoś do pocięcia layoutu z psdka do Bootstrapa 3. Prosty layout portalowy, oczywiście pod rwd. Był przestój w projekcie i szukamy znowu ( ͡° ͜ʖ ͡°)

Jeszcze poprzednim razem znalazłem na mirko wykopka, który się podjął, ale najpierw zaczęły się przesuwać terminy, a teraz nie ma z nim kontaktu XD

F-Vat będzie plusem, ale nie jest konieczna.

#webdev #frontend #kodowanie #html #bootstrap #bootstrap3 #rwd #responsivedesign
KacperOo - Ponownie poszukuje kogoś do pocięcia layoutu z psdka do Bootstrapa 3. Pros...

źródło: comment_yATmjg3yQX5OhtNxzatinjYctQQ226bu.jpg

Pobierz
pepies
pepies
  • 2
@autowired: tamten też miał portfolio :D i naprawdę kontakt na początku bezproblemowy :)
Parę wiadomości, same konkrety, poszło, zrobił wersję alpha, @KacperOo wypisał mu parę błędów do poprawienia........... cisza przepadł umar
  • Odpowiedz
thevion
thevion
  • 2
@Ansky cięcie? What year is it? Strona tworzona na żywo bez projektu (wydłuża pracę nad całym zleceniem) z klientem i od razu pełen responsive.
  • Odpowiedz

Powiązane tagi