Wszystko

Wszystkie

Archiwum

b.....r
b.....r
  • 1
@misia87vs: Dla mnie najdurniejszym pomysłem jest ukrywanie niektórych składowych strony dla wersji mobilnej. Czasami musiałem symulować przeglądarkę w telefonie jako desktopową, żeby dotrzeć do niektórych elementów portali.
  • Odpowiedz
entrop
entrop
  • 1
#webdev #css #responsive #rwd #pytaniedoexperta

siema miraski śmiechaski w poniedziałek w pracy. problemem moim na dziś jest: trójkątny border w css3 a dokładnie to jak wygląda na mobilkach. poniżej zrzut okien z dektopowego chrome (po lewej) i symulatora opery mini z włączonym jakimś phonem o rozdziałce 320x480 (po prawej). jak widać na operze robi się gówno bez AA w tym trójkącie

można to jakoś leczyć? css wygląda tak (sass)

.menu-item {

&:hover,&.selected
entrop - #webdev #css #responsive #rwd #pytaniedoexperta siema miraski śmiechaski w ...

źródło: comment_Atk4FXWPbux2WxIjsbQ2UrXgSWF1Zolt.jpg

Pobierz
U.....0
U.....0
  • 0
@entrop: Masz na myśli ten #!$%@? emulator Andka, którego w życiu nie nazwałbym emulatorem? Jeśli tak, to odpuść sobie go bo to atrapa jakaś, a nie emulator. Wywalał mi się cały na samej stronie www.lolwut.com. (poważnie!).
  • Odpowiedz
entrop
entrop
  • 1
mam pytanie natury etycznej do #responsive aka #rwd

jak kontrolować łamanie tekstu? zwiększać paddingi w media queries, czy jakieś cuda z niewidocznymi
. pierwsze się #!$%@? przy najdrobniejszej zmianie czcionki lub tekstu wewnątrz bloku, drugie jakieś takie niepoważne i zepsuje mózg osobie która potem będzie utrzymywać kod.
xcccx
xcccx
  • 2
Tak szukam sposobu na obrazki w RWD i nie wiem jak to do końca zrobić. Mam kilka opcji:

1. wykorzystać background-image, ale wtedy nie będzie to się zachowywało tak jak potrzeba.

2. użyć czegoś w stylu adaptive-images (wykorzystuje PHP do generowania obrazków)

3. korzystać z js (po załadowaniu) + w dodatkowych atrybutach pozostałe wersje obrazków (przeskalowane odpowiednio)

Chyba że ktoś ma jakiś inny pomysł albo coś mógłby polecić :>

#webdev #responsive #
egocentryk
egocentryk
  • 1
Bawił się ktoś poważniej #masonry w #jquery? Naprawdę nie ma możliwości wykorzystania tego dla kolumn różnej szerokości? Pozwólcie, że naświetlę problem:

400px | 600px | 400px

Domyślnie Masonry pobiera wartość pierwszej kolumny i ustala wymiar pozostałych na podstawie tej pierwszej, co w moim przykładzie powoduje konflikt, bo mi trzecia kolumna nachodzi na drugą (której się wydaje, że jest 200px węższa)... jakieś rozwiązanie, ewentualnie szybka w implementacji alternatywa pod #responsive? #
suhy
suhy
  • 4
Tym całym responsive design się ludzie cieszą i pałułą, mnóstwo poradników i jeszcze więcej gotowych przykładów, ale cholera nigdzie nie mogłem znaleźć magicznej linikji bez której skalowanie na urządzeniach się pieprzy...

Taka linijka a z godzina czasu poszła w plecy :X

#responsive #css #html
npsr
npsr
  • 2
Kurcze, no nie mogę... Mój problem polega mniej więcej na tym:

HTML

*



CSS

#content-container {max-width:980px;}

aside {width: 30%; position: relative;}

#main-content {width:70%;}

JS

$(window).scroll(function(){

if($(window).scrollTop()>130) {

$('.logo').fadeIn();

$('aside li').css({'position' : 'fixed'});

}

else {

$('.logo').fadeOut();

$('aside li').css({'position' : 'relative'});

}

W dużym uproszczeniu. Chodzi o to, że w momencie w którym ASIDE ma position: fixed, oczywiście w życiu nie będzie się zmniejszał wraz z wielkością viewportu (okna znaczy). Zamiast
J.....n
J.....n
  • 0
@npsr: Jeżeli w li masz pozycję relatywną to szerokość odnosi się do rodzica więc 100% będzie oznaczać całą szerokość rodzica, w fixed szerokość odnosi się do całego okna, więc przy zmianie pozycji na fixed zmień też width na 30% i będzie hulać.
  • Odpowiedz