#css #webdesign
Wszystko
Najnowsze
Archiwum
Jestem raczej beginnerem w jakimś bardziej skomplikowanym cssie, dopiero niedawno ogarnąłem SASS i strukturyzacje plików w projekcie i odkryłem że taka Figma to w sumie przydatne narzędzie. Stąd moje pytanie: czy jako bardziej/mniej zaawansowani web designerzy używacie przy projektowaniu/prototypowaniu narzędzi pokroju Figma lub Adobe XD? Czy raczej pisanie kodu na żywca?
#css #webdesign
#css #webdesign
Używasz narzędzi do prototypowania wyglądu strony?
- Tak 45.0% (9)
- Nie 55.0% (11)
- 0
Treść przeznaczona dla osób powyżej 18 roku życia...
- 1
Treść przeznaczona dla osób powyżej 18 roku życia...
- 26
Przegląd prasy programistycznej
1. Wyjaśnienie modułów #rust w przystępny sposób http://www.sheshbabu.com/posts/rust-module-system/
2. Jak zrobić dziedziczenie w języku C https://arpitbhayani.me/blogs/inheritance-c
3. Server-side rendering dla #vue https://github.com/galvez/fast-vue-ssr
4. Insekty mogą mieć już prowadzić lifestreaming https://spectrum.ieee.org/automaton/robotics/robotics-hardware/uw-micro-camera
1. Wyjaśnienie modułów #rust w przystępny sposób http://www.sheshbabu.com/posts/rust-module-system/
2. Jak zrobić dziedziczenie w języku C https://arpitbhayani.me/blogs/inheritance-c
3. Server-side rendering dla #vue https://github.com/galvez/fast-vue-ssr
4. Insekty mogą mieć już prowadzić lifestreaming https://spectrum.ieee.org/automaton/robotics/robotics-hardware/uw-micro-camera
Jak zrozumieć taki kod? w sensie chodzi o te obliczenia matematyczne itp. żeby nie musieć patrzeć po forach co to jest?
#css #programowanie #html #naukaprogramowania
#css #programowanie #html #naukaprogramowania
źródło: comment_1595008173a9ZbzvCXyAeL77N1dQPgmv.jpg
Pobierz@kam1ll: Nie wiem co powiedziec ( ͡° ͜ʖ ͡°) Przecież tu jest proste dodawanie, mnożenie i jakies tam dzielenie
@kam1ll: Pełny obrót wskazówki to 360 stopni, żeby obliczyć o ile stopni należy przekręcić wskazówkę godzinową aby wskazywała odpowiednia godzinę mnożysz godzinę zwróconą z getHours razy 30 (360/12=30). Przykładowo jeśli jest godzina 3 to 3*30=90stopni. Analogiczna sytuacja jest w przypadku wskazówki sekundowej i minutowej z tym że maksymalna wartość to 60 więc z każdą minutą lub sekundą wskazówkę należy przekręcić o 6 stopni (360/60=6). Do wskazówki godzinowej dodane jest (mm/12)
- 0
@andale: no ale warto np stosowac cos co nie jest juz uzyte w skrypcie?
przykladowy kod z skryptu:
* php echo strreplace('<?'.'=SPPLUGINSITE?', SPPLUGINSITE, $spTextHome['homecont1'])?>
przykladowy kod z skryptu:
* php echo strreplace('<?'.'=SPPLUGINSITE?', SPPLUGINSITE, $spTextHome['homecont1'])?>
@blakker: Wszystko zależy od potrzeb i wymaganego wsparcia https://caniuse.com/#feat=css-grid
- 0
Mirki, chciałbym w #amazonprimevideo zmniejszy ekran wyświetlania i przesunąć go tak o 30% w górę. Mogę to jakoś zrobić dodając coś do #html, wykonać jakiś skrypt #javascript lub modyfikując #css?
Mam uszkodzony telewizor, który ma czarne kropki na dole ekranu, a one zasłaniają napisy i dlatego chcę przenieść obraz nad tymi kropkami. Obraz jest przesyłany do telewizora przy użyciu chromecasta.
Efekt jaki
Mam uszkodzony telewizor, który ma czarne kropki na dole ekranu, a one zasłaniają napisy i dlatego chcę przenieść obraz nad tymi kropkami. Obraz jest przesyłany do telewizora przy użyciu chromecasta.
Efekt jaki
źródło: comment_1594495982JztC9i5FdmfNTjqpzf1lWZ.jpg
Pobierz@Patres: A na czym ustawiasz
position? Powinieneś to zrobić na playerze albo na którymś z rodziców- 1
@7Zy92fEp6ftXUTrzh: Dzięki udało się! Było tam pełno elementów dla playera.
Gdyby ktoś miał też taki problem (w co wątpię ( ͡° ͜ʖ ͡°) ) to trzeba dodać do
@7Zy92fEp6ftXUTrzh, dzieki jeszcze raz!
Gdyby ktoś miał też taki problem (w co wątpię ( ͡° ͜ʖ ͡°) ) to trzeba dodać do
webPlayerSDKContainertransform: scale(0.70);
bottom: 15%;@7Zy92fEp6ftXUTrzh, dzieki jeszcze raz!
- 0
Mam pytanie: jak chcę stworzyć stronkę opartą na Flexbox, to lepiej jest ustawić display: flex; na body i ustawiać sobie potem wszystkie divy i sekcje, czy lepiej jest w body zrobić jednego, głównego diva z display: flex; w którym będzie wszystko na stronie?
Wiem, że można robić to na te dwa sposoby, ale zastanawiam się, który jest częściej stosowany jako "dobra praktyka".
#css #flexbox #javascript #
Wiem, że można robić to na te dwa sposoby, ale zastanawiam się, który jest częściej stosowany jako "dobra praktyka".
#css #flexbox #javascript #
@maciorqa: Nikt Ci nie zabroni uzycia flexa na całości ale w tym przypadku nie widze żadnego sensu. Poźniej w konkretnych sekcjach juz jak najbardziej
- 2
Hejka, możecie polecić jakąś stronę, na której znajduje się darmowy zbiór widoków stron internetowych, który mogę sobie bezpłatnie wyświetlić lub pobrać i następnie zrobić samemu taki sam widok strony? Nauczyłem się flexboxa i chciałbym go poćwiczyć robiąc kilka responsywnych widoków, ale sam nie jestem w stanie sobie wymyślić strony.
Znalazłem coś takiego:
http://www.dreamtemplate.com/index.php?action=viewall
Byłoby
Znalazłem coś takiego:
http://www.dreamtemplate.com/index.php?action=viewall
Byłoby
@maciorqa: https://drive.google.com/drive/folders/0Bw2hu70L5Ye_VkhvdDZhN3haSlE?fbclid=IwAR16Lr2jUYSLoMb59gIDqLKeKH79w1_xsssxPhD0AARInmMuPba9My_SJN8
I jak coś to na FB jest grupa - Weekly WebDev Challenge, gdzie możesz wrzucić kod to Ci ludzie od razu go sprawdzą i powiedzą jakie błędy popełniasz ;)
I jak coś to na FB jest grupa - Weekly WebDev Challenge, gdzie możesz wrzucić kod to Ci ludzie od razu go sprawdzą i powiedzą jakie błędy popełniasz ;)
- 0
@Phatee: @WarmWeather: Dobra, znalazłem fajną stronkę. Dla potomnych:
https://www.free-css.com/free-css-templates
https://www.free-css.com/free-css-templates
- 0
- 0
@damienvalentine: jeszcze jedno: a kiedy wprowadzono Grida? Jest starszy niż Flex?
konto usunięte via Wykop Mobilny (Android)
- 0
- 0
- 1
Komentarz usunięty przez autora
- 0
Co jest bardziej popularne w frontendzie do tworzenia widoków strony www: Flexbox czy Grid?
Aktualnie uczę się Flexa i wydaje mi się, że mam go już dobrze opanowanego, ale nie wiem, czy jest sens się uczyć Grida, tym bardziej, iż słyszałem, że sam Flex spokojnie wystarczy do tworzenia dobrych, responsywnych stronek.
Powinienem się dobrze nauczyć Grida, skoro znam już Flexboxa?
#frontend #css #flexbox #grid
Aktualnie uczę się Flexa i wydaje mi się, że mam go już dobrze opanowanego, ale nie wiem, czy jest sens się uczyć Grida, tym bardziej, iż słyszałem, że sam Flex spokojnie wystarczy do tworzenia dobrych, responsywnych stronek.
Powinienem się dobrze nauczyć Grida, skoro znam już Flexboxa?
#frontend #css #flexbox #grid
@maciorqa niektóre layouty łatwiej się robi na gridzie a inne na flexie ale wszystko można zrobić we wszystkim, grid to nie jest żadna czarna magia, jest tak samo latwy jak flex
@maciorqa: Jeśli umiesz flexa to daj sobie spokój z gridem. Jak trafisz w pracy na projekt, gdzie użyto grida to wtedy ogarniesz :)
2
Stunning css Dota 2 Info Card design HTML/CSS

Jeśli jesteś zainteresowany rożnego rodzaju efektami w formie mini Tutoriali z pewnością spodoba ci się to video. NaFrontFazie in Facebook https://www.facebook.com/nafrontfazie/ Download Files From Here : https://tiny.pl/7dwpm Code Editor : Visual studio code #dota #card...
z- 0
- #
- #
- #
- #
- #
- #
mam jeden problem udało mi się przenieść hamburgera na prawo ale menu rozwija się po lewej stronie nadal, ma ktoś pomysł jak to zrobić? Najlepiej Jak by rozwijało się w dół, pod hamburgerem a nie z boku
HTML
https://paste.ofcode.org/LHDfNT5DbJet85XxHp3pEh
CSS
HTML
https://paste.ofcode.org/LHDfNT5DbJet85XxHp3pEh
CSS
źródło: comment_1594110535AVrECXKoOrCTDLAMhuw4rn.jpg
Pobierz@Janis_samarra: Ogólnie staraj się nie używać floatów bo to przeżytek, koniecznie poczytaj o flexbox i grid CSS.
Masz tu nawet 2 gierki, które zajmą Ci z 30 minut a nauczą Cię flexboxa i grid w CSS:
https://flexboxfroggy.com/
https://cssgridgarden.com/
Jeśli masz jakiś element z position: fixed; to możesz go przenosić po ekranie używając top, bottom, left
Masz tu nawet 2 gierki, które zajmą Ci z 30 minut a nauczą Cię flexboxa i grid w CSS:
https://flexboxfroggy.com/
https://cssgridgarden.com/
Jeśli masz jakiś element z position: fixed; to możesz go przenosić po ekranie używając top, bottom, left
Jestem totalnym laikiem jeśli chodzi o takie tematy, ale ciekawi mnie, czy można np. "otworzyć" style?
Jest sobie strona, klikam w jej źródło, po czym ukazuje mi się wiele linijek tekstu i różne linki, np taki jak ten:
'https://przepisypkp.pl/wp-includes/css/dist/block-library/style.min.css?ver=5.4.2'
Po wejściu w ten link ukazuje mi się tylko tekst. A czy jest coś co po wklejeniu tego konkretnego linku zinterpretuje ten kod?
Dzięki z góry
Jest sobie strona, klikam w jej źródło, po czym ukazuje mi się wiele linijek tekstu i różne linki, np taki jak ten:
'https://przepisypkp.pl/wp-includes/css/dist/block-library/style.min.css?ver=5.4.2'
Po wejściu w ten link ukazuje mi się tylko tekst. A czy jest coś co po wklejeniu tego konkretnego linku zinterpretuje ten kod?
Dzięki z góry
- 0
Po wejściu w ten link ukazuje mi się tylko tekst.
@PrawdziwyArthasMenethil: To właśnie ten tekst odpowiada, że strona wygląda tak a nie inaczej. Rolę interpretera pełni przeglądarka, nie bardzo rozumiem co innego jest Ci potrzebne...
- 0
@Veni: chodzi mi o to, że ten link odpowiada za jakąś konkretną rzecz, i czy można ją jakby wyodrębnić
- 1
Najbardziej irytująca literówka popełniana podczas programowania to ___
#programowanie #naukaprogramowania #programujzwykopem #javascript #typescript #java #angular #react #programista15k #php #ruby #csharp #ruby #cpp #python #visualbasic #swift #sql #go #perl #rust #
#programowanie #naukaprogramowania #programujzwykopem #javascript #typescript #java #angular #react #programista15k #php #ruby #csharp #ruby #cpp #python #visualbasic #swift #sql #go #perl #rust #
- 0
#svg #css #webdev #frontend
Chcę żeby strzałka miała kolor taki jak linia:
https://codepen.io/look997/pen/LYGeKMP
Jak to zrobić?
Problem że jest wiele takich SVG na stronie na raz, a marker-end odnosi się do id marker-a.
Chcę żeby strzałka miała kolor taki jak linia:
https://codepen.io/look997/pen/LYGeKMP
Jak to zrobić?
Problem że jest wiele takich SVG na stronie na raz, a marker-end odnosi się do id marker-a.
Mirki dlaczego ludzie na jakichś awwwards itp używają js do śledzenia pozycji elementu i potem zmieniają jego position na fixed, zamiast używać do tego celu position sticky? Często gdy widzę elementy przypinane do krawędzi ekranu podczas scrolowania na stronach, ciekawi mnie jak to zostało zrobione, sprawdzam inspektorem i wszyscy dłubią to w js co jest chyba gorszym rozwiązaniem. Jest cos o czym nie wiem? Sticky ma chyba dobre wsparcie 乁(⫑
- 0
@uwielbiamnalesniki: No tak, jak sie bawisz w fixed to musisz jeszcze odpowiednio pokombinować żeby strona nie skakała - to oczywiste ;)
- 0
Hej Mirki i Mirabelki z tagu #frontend.
Mam problem z responsywnością strony na iPhonie X. Co proponujecie dodać lub zmienić jeśli ucina mi dół strony? Min-heigh? Dodam że w normalnej przeglądarce o zmniejszych wymiarach działa poprawnie.
#kiciochpyta #iphone #html #css
Mam problem z responsywnością strony na iPhonie X. Co proponujecie dodać lub zmienić jeśli ucina mi dół strony? Min-heigh? Dodam że w normalnej przeglądarce o zmniejszych wymiarach działa poprawnie.
#kiciochpyta #iphone #html #css
źródło: comment_1593598085QXGBKFiIJF8Q4bf50EsDj8.jpg
Pobierz- 1
@grubykr: Co poprzednie odpowiedzi maja do rozwiazania problemu faktycznie to nie mam pojecia. Strona powinna sie wyswietlac poprawnie bez wzgledu ile masz kontentu mobilnie. Najlepiej jakbycs pokazal style ale zakladam, ze masz gdzies na kontenerze ustawiony height: 100vh? Jesli tak to zmien na min-height, jesli nie to pokaz kod bo ciezko wrozyc z obrazka.
- 0
@grubykr: margin bottom





















Chcę zrobić coś takiego, że po zmniejszaniu okna przeglądarki do nowej linii przechodzą od razu dwa divy, a nie tylko jeden.
Na tę chwilę wygląda to tak, że jak strona jest na pełnej rozdzielczości, to mam 4 divy w jednym, tym samym wierszu, jednak
Komentarz usunięty przez autora