pytanie do kolegów z #webdev #webdesign #css. czy tworząc stronę korzystając z bootstrapa, nie ma żadnych przeszkód abym używał również media queries do niektórych elementów?
Wszystko
Najnowsze
Archiwum

proboszczu
- 2

getin
- 0
nie ma

Rst00
- 2
@proboszczu: nie ma żadnych przeszkód. Ba, lepiej sobie ściągnąć bootstrapa jakimś npmem czy yarnem i wtedy masz scssy. Podpinasz gulpa i sobie ładnie używasz wszystkich rzeczy z bootstrapa w cywilizowany sposób łącznie z breakpointami branymi ze zmiennej, z wbudowanymi funkcjami itd.
Cześć wykopki. Mam problem, z którym nie mogę sobie poradzić. Chcę by po najechaniu na zdjęcie powiększało się ono 5-krotnie. Problem polega na tym, że jak dam position: absolute to zdjęcie niby się wyświetla, po lewej stronie okna, ale miga cały czas, dopiero jak najadę na powiększone zdjęcie to przestaje migać. Natomiast jeśli nie dodam position: absolute to zdjęcia się pokazują, ale te, które nie mieszczą się to je ucina, a chciałbym
@Skromniacha: spojrzałem w Twój kod, co to w ogóle jest "position: center"?
W zasadzie zdjęcie to obrazek i nie wiem za bardzo co nazywasz obrazkiem - tło nazywasz obrazkiem? Chodzi o to, że zdjęcie jest w pozycji
A mógłbyś mi w takim razie jeszcze pomóc sprawić by po najechaniu na zdjęcie pokazywało się ono w konkretnym miejscu? np. 30px w lewo i 30px w górę od lewego górnego rogu obrazka?
W zasadzie zdjęcie to obrazek i nie wiem za bardzo co nazywasz obrazkiem - tło nazywasz obrazkiem? Chodzi o to, że zdjęcie jest w pozycji
@Skromniacha: Jeśli chodzi o mryganie obrazka, to w ostatnim zdaniu otrzymałeś ode mnie wskazówkę - float: right; - usuń to, a po dodaniu position: absolute obrazek przestanie mrygać. Generalnie źródłem Twoich problemów są owszem, nie do końca zgłębione tajniki css, ale największym problemem jest zła struktura HTML - tagów img nie umieszczamy wewnątrz h2. oraz powinni być swoimi braćmi, wtedy mógłbyś nadać zarówno jak i zewnętrzny kontener i nie byłoby
Korzystaliście kiedyś ze styled-components? W sensie CSS w JS.
Poza wprowadzeniem chaosu do plików nie widzę dla tego zastosowania w większości przypadków. Wszak wszelkie problemy, które to rozwiązuje da się załatwić w (S)CSS z pomocą metodologii.
Próbowaliście to wykorzystać w jakimś nietestowym projekcie? Ma to jakieś zalety?
#webdev #frontend #javascript #js #css #react
Poza wprowadzeniem chaosu do plików nie widzę dla tego zastosowania w większości przypadków. Wszak wszelkie problemy, które to rozwiązuje da się załatwić w (S)CSS z pomocą metodologii.
Próbowaliście to wykorzystać w jakimś nietestowym projekcie? Ma to jakieś zalety?
#webdev #frontend #javascript #js #css #react
@NaDrzewachZamiastLisci: również nie widzę sensu w tym...
@NaDrzewachZamiastLisci: niektóre rozwiązania dla CSS we frameworkach JS-owych (React w tym chyba przoduje) to istny rak, którego sensu nie ogarniam za Chiny. O ile jeszcze rozumiem i szanuję JSX, tak tworzenia osobnych obiektów w JS czy przypisywania za ich pomocą klas elementom, żeby je ostylować, to jakieś nieporozumienie.
Hejka, uczę się HTML 5 i CSS 3. Postanowiłem skupiać się na podejściu mobile-first. Mam do Was Mirki ogromną prośbę, zerknijcie na mój kod i zjedźcie mnie za złe praktyki, przyjmę każdą krytykę. Zanim ruszę dalej, chciałbym wiedzieć, czy coś jest nie tak ze strukturą, czy coś niepotrzebnie dałem etc. Liczę na Was :)
HTML: https://pastebin.com/dYa10E7X
CSS: https://pastebin.com/p45DM6Ya
#frontend #nieprogramowanie #pytanie #html #css
HTML: https://pastebin.com/dYa10E7X
CSS: https://pastebin.com/p45DM6Ya
#frontend #nieprogramowanie #pytanie #html #css
- 4
@von_Schuttenbach: jak na razie to tu nie ma co oceniać. Ja to bym wywalił jeszcze tego wrappera page (możesz taką klasę wrzucić do body), brakuje Ci itd. ale tutaj naprawdę nie ma co oceniać bo w 5 min można coś takiego napisać ;) Rób dalej i jak będziesz miał już większą część jakiegoś projektu to wtedy wrzucaj.
@von_Schuttenbach: nie masz jednego waznego znacznika w head
- 4
- 1
@Wychwalany: dla rozdzielczosci 1280
źródło: comment_VTphBBj89fjDAhISz1dJG88x24rLmZUC.jpg
Pobierz
Treść przeznaczona dla osób powyżej 18 roku życia...
@tatagimpera: Jeśli już idziesz w webmasterke to na pewno sam html i css nie wystarczy ( ͡° ͜ʖ ͡°)
https://cdn-images-1.medium.com/max/2000/1OF594B5qtCJR9MFSRTI-5g.png
https://cdn-images-1.medium.com/max/2000/1OF594B5qtCJR9MFSRTI-5g.png
@tatagimpera: aleś wybór dał, czego się uczyć języka chińskiego czy wierszyka na pamięć?
Mirki którzy pracują za granicą, bądź byli na #erasmus w pracy, jakie firmy polecacie, w jakimkolwiek państwie. Chciałbym się wybrać na 3 miesiące i mieć dofinansowanie z erasmusa, a potem albo zostać na stałe, albo praca zdalna. Pracuje jako #fulllstack z naciskiem na #frontend
#java #javascript #nodejs #css
#informatyka #programowanie #zagranico #
#java #javascript #nodejs #css
#informatyka #programowanie #zagranico #
- 0
@alex-fortune: ogólnie to wiadomo że pod wzlędem zarobków to Anglia, Norwegia, Dania, jakbym dał radę się utrzymać to i Szwajcaria
@bolek662: coz, pomoglbym Ci ( UK here ) ale pracuje w zupelnie innej gałęzi IT :P
Co to za składnia? #css #webdev
Wołam również @ZespolmBanku bo to z waszego kalkulatora.
Plik pochodzi z:
http://www.mbank.net.pl/sklepy-internetowe/integracja-platnosci/mRaty_dokumentacja_techniczna_v1.9.1.pdf
https://www.mbank.net.pl/kalkulatory/calc/mbcalc_style.css
Wołam również @ZespolmBanku bo to z waszego kalkulatora.
Plik pochodzi z:
http://www.mbank.net.pl/sklepy-internetowe/integracja-platnosci/mRaty_dokumentacja_techniczna_v1.9.1.pdf
https://www.mbank.net.pl/kalkulatory/calc/mbcalc_style.css
źródło: comment_1wtKsSAcqq7UtFcTzDpm2SrqBf84KrfL.jpg
PobierzRobię kurs FluxBox z kodu.je i niestety nie otrzymuję w pewnym podpunkcie efektu, który otrzymał autor. Mianowicie, gdy usuwam z selektora .card style dotyczące wysokości i szerokości pojedynczej karty, to powinno mi rozciągnąć karty, a nic się nie dzieje. Zakładam, że gdzieś mam błąd. Pomożecie? Screen pochodzi ze strony kursu i tak powinien wyglądać efekt. U mnie nic takiego się nie stało. Odświeżam stronę oczywiście ctrl+f5
PS Wkleiłem cały kod z kursu i
PS Wkleiłem cały kod z kursu i
źródło: comment_OQx7m9OCxXegL0Q0YF37jYrimXAhIayc.jpg
Pobierz- 1
@trzeciodkonca:
czyli nic nie sknociłem i właściwie mam rację :) jakbyś wiedział co może być problemem to chętnie przyjmę odpowiedź tutaj, bądź na priv :) dzięki za zerknięcie
czyli nic nie sknociłem i właściwie mam rację :) jakbyś wiedział co może być problemem to chętnie przyjmę odpowiedź tutaj, bądź na priv :) dzięki za zerknięcie
@von_Schuttenbach
W body daj: height: 100vh;
W body daj: height: 100vh;
- 1
Czy zna ktoś jakieś dobre materiały do nauki samego CSS? Od podstaw ale dla programisty z 5 lat exp.? Zależy mi, żeby nie było lania wody typu budowa DOMu, znaczniki head, style itd. Może być omówienie podejść, frameworków, bootstrapów, sass, less i czego tam jeszcze. Moze byc dużo omówionych cheat-sheet'ow, moga byc zadania / testy.
#programowanie #css #css3 #frontend
#programowanie #css #css3 #frontend
Treść przeznaczona dla osób powyżej 18 roku życia...
- 1
@denwood: dokumentacja https://developer.mozilla.org/en-US/docs/Web/CSS
na w3schools zdarzają się błędy i uproszczenia
dużo ciekawych rzeczy tutaj https://css-tricks.com
na w3schools zdarzają się błędy i uproszczenia
dużo ciekawych rzeczy tutaj https://css-tricks.com
#it #webdev #pytaniedoeksperta #css
Mógłby ktoś podpowiedzieć dlaczego responsywne menu po kliknięciu na desktopie się rozwija, a na telefonie już nie?
index
Mógłby ktoś podpowiedzieć dlaczego responsywne menu po kliknięciu na desktopie się rozwija, a na telefonie już nie?
index
Design- 2
@pabloAntonio: wklej to na codepen'a i podaj linka bo nikt tutaj nie będzie się bawić w ręczne kopiowanie
- 1
@pabloAntonio: zaraz zaraz, a gdzie ty tu masz obsłużone kliknięcie? W CSS nie ma takiego zdarzenia, to menu ci się pojawia po najechaniu myszką:
nav:hover ul {
display: block;
}
Musisz dać javascriptowy onclick
nav:hover ul {
display: block;
}
Musisz dać javascriptowy onclick
- 3
Chcę się nacieszyć wysoką punktacją w Google PageSpeed Insights i co mi źle ocenia to kompresję obrazów. Tylko nie wiem skąd u nich się biorą te wskaźniki możliwej bezstratnej kompresji (jakieś kosmiczne 80-90%) skoro programy które ściągam zmniejszają o 20-50%. Co polecicie do dokonania kompresji na znośnym poziomie?
#html #css #webdev #webdesign
#html #css #webdev #webdesign
- 2
@lutecki: nie przejmuj się tym zbytnio, gugiel nawet na własnych stronach zaleca poprawki xd
https://developers.google.com/speed/pagespeed/insights/?hl=pl&url=youtube.com&tab=desktop
https://developers.google.com/speed/pagespeed/insights/?hl=pl&url=https%3A%2F%2Fnews.google.com%2Fnews
https://developers.google.com/speed/pagespeed/insights/?hl=pl&url=youtube.com&tab=desktop
https://developers.google.com/speed/pagespeed/insights/?hl=pl&url=https%3A%2F%2Fnews.google.com%2Fnews
- 1
a nie lepiej pingdom.com? Google PageSpeed jest średnio wiarygodne
- 1
ejj mirki od CSSów #css wiecie może czym zastąpić backdrop-filter ? Chcę zrobić blur na pewnym elemencie który pod spodem ma mapy. Więc nie moge użyć jednolitego tła. Tylko backdrop-filter to umożliwia a przeglądarki nie wspierajo. #gorzkiezale
Komentarz usunięty przez autora
Komentarz usunięty przez autora
- 1
Wykopowicze, jakaś opinia na temat tej książeczki?
CSS. Nieoficjalny podręcznik. Wydanie IV
#css #html #informatyka #frontend
CSS. Nieoficjalny podręcznik. Wydanie IV
#css #html #informatyka #frontend
- 4
ucze sie programowania od css i html dobrze wybralem? bo wczesniej chcialem od pythona, ale troche mnie to przersolo, a tu widze szybko efekty swojej pracy
ucze sie z tych kursow http://miroslawzelent.pl/kurs-html/
co o nich myslicie?
#html #css #python
#programowanie
ucze sie z tych kursow http://miroslawzelent.pl/kurs-html/
co o nich myslicie?
#html #css #python
#programowanie
Html I css to nie programowanie w sumie :)
@ConorMG: nie nazwałbym tego programowaniem ale jest to bardzo dobry początek, żeby się uczyć innych języków
Mirki, tak sobie robię picrel, to na full screenie jest ok, ale jak zmniejsze okno przegladarki, to ten kwadrat (oryginalnie jest tam video) sie przesuwa nie tak jak chce, a ma sie dostosowac do strony. Tutaj kod pastebin
#html #css i #programowanie < zeby wiecej zobaczylo xd
#html #css i #programowanie < zeby wiecej zobaczylo xd
źródło: comment_E2JEsioIT5aD65bZnyWjlVrpLZI39PoI.jpg
Pobierz- 1
@norbert-gie: google: css video responsive
- 0
@Rst00: thx 1 link i dziala
Hej wymyśliłem sobie by mój nav bar po scollu przechodził do top__panel mniej więcej tak jak na grafice ze zniknięciem logo itp, ułatwiło by to poruszanie się po one page. To mój pierwszy projekt i ucze się wszystkiego poprzez praktykę.
Jakieś sugestie jak to zrobić, jak szukać info o takim rozwiązaniu?
Pytam bo strasznie długo mi schodzi z wyszukaniem jakiś rzeczy gdy nie wiem jak one się nazywają i próbuje je googlować po
Jakieś sugestie jak to zrobić, jak szukać info o takim rozwiązaniu?
Pytam bo strasznie długo mi schodzi z wyszukaniem jakiś rzeczy gdy nie wiem jak one się nazywają i próbuje je googlować po
źródło: comment_ZC8OEpLdbE1yXtgXKNcnbhOZnjfwzM6D.jpg
Pobierz@lubi: Musisz po prostu dodać klasę, która zmieni sposób wyświetlania.
- 0
@HAL__9000:
Udało mi się popełnić coś takiego https://codepen.io/anon/pen/ZaoWvN
jeszcze brakuje do ideału bo nie podoba mi sie ten przeskok, poszukam czy da się to zrobić z @keyframes animate
Udało mi się popełnić coś takiego https://codepen.io/anon/pen/ZaoWvN
jeszcze brakuje do ideału bo nie podoba mi sie ten przeskok, poszukam czy da się to zrobić z @keyframes animate
- 8
- 23























