Mirki z #webdev #sass #css używacie może yeoman'a? Ja generuję sobie nim gulp webapp z sass'em i jqueryy, i sass jest z rozszerzeniem .scss i mam pytanko czy da się jakoś doinstalować przez npm, sass z rozszerzeniem .sass? Bo bardziej odpowiada mi pisanie sass bez { } ; etc. A sama zmiana rozszeżenia nic nie daje.
Wszystko
Najnowsze
Archiwum
- 1
- 2
- 80
- 26
@normanos: cursor: pointer
Kolejne podejście do stworzenia strony internetowej. Tym razem strona minimalistyczna, z myślą o posiadaczy urządzeń mobilnych lub szerokich ekranów 21:9.
Kieruję się jednostkami nie px, nie %, a vw przy tworzeniu Menu, co pozwoliło stworzyć Menu statyczne, niezależnie od powiększania strony. Czyli obojętnie jaka rozdzielczość, menu zawsze wygląda tak samo, rozciąga się od lewej do prawej krawędzi.
Jeśli długość ekranu będzie wynosiła mniej niż 720px, to wyświetlać się będzie chowające
Kieruję się jednostkami nie px, nie %, a vw przy tworzeniu Menu, co pozwoliło stworzyć Menu statyczne, niezależnie od powiększania strony. Czyli obojętnie jaka rozdzielczość, menu zawsze wygląda tak samo, rozciąga się od lewej do prawej krawędzi.
Jeśli długość ekranu będzie wynosiła mniej niż 720px, to wyświetlać się będzie chowające
źródło: comment_OaxNdc0bZMwLsfnlyLPWJEbLM0K1xoJr.gif
PobierzChce zakodowac szablon na allegro w css ale nie umiem :(
kiedys nawet probowalem ale zniechecily mnie ustawienia grafik, paddingi itp
ma ktos jakis sprawdzony poradnik cssa ktory ogarne w miare szybko? albo jakis generator czy cos? ( ͡° ͜ʖ ͡°)
#css
kiedys nawet probowalem ale zniechecily mnie ustawienia grafik, paddingi itp
ma ktos jakis sprawdzony poradnik cssa ktory ogarne w miare szybko? albo jakis generator czy cos? ( ͡° ͜ʖ ͡°)
#css
@BunkMoreland: nie znam się ale się wypowiem :D może srednika nie dałeś albo coś takiego? ;)
Obecnie na rynku mamy telefony z różną rozdzielczością: nadal powszechne 800x480, HD, FullHD, QHD, itd.
W przeglądarki na telefonach z większą rozdzielczością jest zastosowane skalowanie:
np. tworząc div o wymiarach 100x100, na Samsugu Galaxy S3 wyświetli się jako klocek 200x200 - ponieważ skalowanie tego urządzenia wynosi 2x (2 dppx - 2 dots per pixel).
Na komputerach PC również działa skalowanie, gdy w ustawieniach zmienimy wielkość elementów na 125% czy 150%.
CSS
W przeglądarki na telefonach z większą rozdzielczością jest zastosowane skalowanie:
np. tworząc div o wymiarach 100x100, na Samsugu Galaxy S3 wyświetli się jako klocek 200x200 - ponieważ skalowanie tego urządzenia wynosi 2x (2 dppx - 2 dots per pixel).
Na komputerach PC również działa skalowanie, gdy w ustawieniach zmienimy wielkość elementów na 125% czy 150%.
CSS
- 3
@kardaw: jeżeli na Galaxy S3 skalowanie wynosi 2x, to pixel składa się z 4 punktów (2x = 4dppx).
Piksel to obszar, obszary mierzmy w jednostkach kwadratowych, dwukrotne powiększenie obszaru zwiększa dwukrotnie jego oba wymiary przez co powierzchnia jest cztery razy większa.
Piksel to obszar, obszary mierzmy w jednostkach kwadratowych, dwukrotne powiększenie obszaru zwiększa dwukrotnie jego oba wymiary przez co powierzchnia jest cztery razy większa.
- 0
- 1
mam o tak ostylowany select :
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';polecam https://github.com/filamentgroup/select-css ;)
- 0
- 1
konto usunięte via Android
- 6
@look997: Czytam już kolejny raz i wciąż nie rozumiem co chcesz zrobić.
- 1
- 1
Znacie jakieś #odzeradowebdevelopera z #css? Chodzi mi o kurs, w którym trzeba robić określone zadania, w pakiecie dorzucają grafiki, etc. ( ͡° ͜ʖ ͡°) #webdev #webdesign
konto usunięte via Android
- 3
T
- 1
- 1
Mireczki jutro ide na praktyki do małej firmy dwuosobowej robiącej strony internetowe, mam pprst. znać podstawy html, css i photoshopa. Pewnie na początku będę robił jakieś szablony na allegro (tylko kodowanie). Wiedzę teoretyczną posiadam, wiem co i jak ale też jakiś zaawansowanych rzeczy nie robiłem nigdy, praktycznie całą wiedzę z html i css zaczerpnąłem od Mirosława Zelenta. Co byście poradzili, żeby przyswoić na ten temat jeszcze dzisiaj? Bo nie chcę się w----ć
- 0
@muffman: idziesz na praktyki więc nie będą wymagać cudów, nie bój się pytać bo wtedy się najwięcej od nich nauczysz
konto usunięte via Android
- 0
Divy to niewdzięczne suki, omijaj jeśli możesz zastępując to jak najwięcej HTML'em 5
- 3
Wykopowi programiści 15k, napisałem taki dodatek do chrome, który pozwala ukrywać przeczytane wpisy na mirkoblogu, ale mam problem - po ukryciu trzech wpisów znikają obrazki. Próbowałem już kilku rozwiązań, ale żadno nie działa. Może chcielibyście się zmierzyć z tą zagadką?
Dodatek: https://github.com/synek317/been_there_done_that
Jak ktoś jest leniwy: wystarczy ręcznie dodać css 'height: 65px; overflow-y: hidden;' trzem elementom ul.itemsStream > li
#programowanie #tworczoscwlasna #hacking #css #
Dodatek: https://github.com/synek317/been_there_done_that
Jak ktoś jest leniwy: wystarczy ręcznie dodać css 'height: 65px; overflow-y: hidden;' trzem elementom ul.itemsStream > li
#programowanie #tworczoscwlasna #hacking #css #
Komentarz usunięty przez autora
@sasik520: to nie jest tak, że te obrazki znikają. One po prostu się nie pojawiły ze względu na zmianę wysokości wpisów.
Obrazki są ładowane leniwie (lazy loading) dopiero w momencie kiedy znajdziesz się wystarczająco blisko ale przez Twoje kombinacje z wysokościami jQuery ma nieaktualne informacje o pozycji obrazków i ładuje je znacznie za późno (lub wcale jeśli strona będzie już zbyt niska).
Obrazki są ładowane leniwie (lazy loading) dopiero w momencie kiedy znajdziesz się wystarczająco blisko ale przez Twoje kombinacje z wysokościami jQuery ma nieaktualne informacje o pozycji obrazków i ładuje je znacznie za późno (lub wcale jeśli strona będzie już zbyt niska).
- 2
@rbielawski: i na img też.
- 1
@rbielawski: Działa :) Dzięki
- 4
- 15
25 darmowych ebooków dla osób z tagu #webdev i pokrewnych.
http://www.tinydesignr.com/2015/06/latest-free-ebooks-for-web-designers.html
Proponuję zbieranie takich wpisów pod jakimś nowym tagiem, np #poradywebdev.
#html #webdesign #ux #css #javascript
http://www.tinydesignr.com/2015/06/latest-free-ebooks-for-web-designers.html
Proponuję zbieranie takich wpisów pod jakimś nowym tagiem, np #poradywebdev.
#html #webdesign #ux #css #javascript
@rss: #poradywebdev to chyba nie jest dobry pomysł, bo zaraz ludzie zaczną pisać "no hejka, mam problem z moją stronką hehe, poradźcie który plagin dżejkłeri wybrać". Prędzej #materialywebdev. ( ͡° ͜ʖ ͡°)
- 1
@rbielawski: pod żadnym pozorem nie rezerwuję! Jeśli ktoś ma ciekawe materiały warte podzielenia się z innymi to niech nie waha się użyć go ani przez chwilę! :)
Hej, #webdevhelp
Można dodać #css dla elementu np. p, który ma klasę
Wiem, że trochę pokręcone, ale przez JS nie pójdzie, bo mam dostęp tylko do CSS.
Można dodać #css dla elementu np. p, który ma klasę
foo-bar-**liczba** ,gdzie liczba jest większa niż 500? Wiem, że to można jakoś zrobić za pomocą wyrażeń typu p[[class^="baz"]], ale jak to zrobić, żeby brał liczbę większą niż 500?Wiem, że trochę pokręcone, ale przez JS nie pójdzie, bo mam dostęp tylko do CSS.























Komentarz usunięty przez autora
php $postnum++;
if ($postnum == 1) { ?
kod reklamy