Wszystko
Najnowsze
Archiwum
- 1
Jaki kod pod takie strony :
A jaki kod pod rozmieszczenie takiego czegoś:
http://www.pewneuzywane.pl/samochod/sosnowiec/samochody-kompaktowe/ford/focus/id/72557#
A jaki kod pod rozmieszczenie takiego czegoś:
http://www.pewneuzywane.pl/samochod/sosnowiec/samochody-kompaktowe/ford/focus/id/72557#
- 0
@sowier: Ja znam fajny kod, od którego warto byłoby zacząć. Znajdziesz go pod tym adresem: https://sjp.pwn.pl/
- 4
jakby kogoś interesowało,
zużycie ramu przez edytory:
atom: 298,5
vscode: 283,4
brackets: 74,2 z 4 dodatkami (icons, tabs, beautify, new moon)
zużycie ramu przez edytory:
atom: 298,5
vscode: 283,4
brackets: 74,2 z 4 dodatkami (icons, tabs, beautify, new moon)
- 34
- 21
Komentarz usunięty przez autora
- 2
#css #html #html5 #css3
Wykopki mam problem nad, którym siedzę cały dzień i już mam powoli dość... Otóż sytuacja wygląda tak, że próbuję zmodyfikować istniejący kod i oto miałem w tle headera obrazek a chce uzyskać wideo. Z tym, że ciągle nic nie wychodzi tka jak bym sobie tego życzył. A to wideo jest za duże a to z boku są szare bloki.... Wstawiam kod.
Wykopki mam problem nad, którym siedzę cały dzień i już mam powoli dość... Otóż sytuacja wygląda tak, że próbuję zmodyfikować istniejący kod i oto miałem w tle headera obrazek a chce uzyskać wideo. Z tym, że ciągle nic nie wychodzi tka jak bym sobie tego życzył. A to wideo jest za duże a to z boku są szare bloki.... Wstawiam kod.
- 0
@beee: Potrzebuję radę jak umieścić ten film w bloku header jako tło
@Phoryn: zdecydowana większość typowych problemów jest opisana na necie, wystarczy wpisać w google zapytanie po angielsku, np. video in background html. Otrzymasz masę linków z różnymi rozwiązaniami i będziesz mógł skorzystać ze wskazówek.
Hejka, pokażecie jakiś przykładowy projekt strony, który powinienem umieć zrobić z czystym HTML5 i CSS3, aby dopiero wtedy zacząć próbować sił z kolejnymi etapami nauki front-endu, jak np. JavaScript, jQuery, frameworki do CSS itd? Wystarczy link, albo screen przykładowej strony, którą powinienem zbudować sam, od podstaw, przy wykorzystaniu HTML5 i CSS3, niczego innego więcej. Z góry dzięki za odpowiedź Mirki. Chodzi mi o poziom skomplikowania struktury.
#html5 #css3
#html5 #css3
@von_Schuttenbach: Oj są. Pierwsze z brzegu moich zakładek: https://www.canva.com/learn/design-rules/
Tu jakieś luźne porady jak projektować UI: http://goodui.org/
#E: aj, to w sumie bardziej graficzny aspekt ui, ale znać warto i tak ;p
Możesz też użyć CSS Dig - wtyczka (do Chrome na pewno, innych nie używam) pokazuje ile razy masz powtórzoną daną wartość, zaprzyjaźnij się z Dev toolsami (F12, szczegolnie jak robisz pod mobilki).
Tu jakieś luźne porady jak projektować UI: http://goodui.org/
#E: aj, to w sumie bardziej graficzny aspekt ui, ale znać warto i tak ;p
Możesz też użyć CSS Dig - wtyczka (do Chrome na pewno, innych nie używam) pokazuje ile razy masz powtórzoną daną wartość, zaprzyjaźnij się z Dev toolsami (F12, szczegolnie jak robisz pod mobilki).
@von_Schuttenbach: ogólnie możesz googlować takie proste formułki jak "popular css mistakes" etc. ;) I jasne, pisz jak chcesz, choć na samym wykopie są setki lepszych ode mnie ^^"
- 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
Komentarz usunięty przez autora
Komentarz usunięty przez autora
Piszę sobie stronę z kursu i sublime text 3 nie podświetla mi text-indent. W przeglądarce również nie wprowadza to żadnej zmiany.
p {
font-size: 160%;
line-height: 150%;
padding: 3%średnik przy padding daj
@von_Schuttenbach
@von_Schuttenbach
- 6
@von_Schuttenbach: nie ma srednika lol
Mam grida z kilkoma elementami i jakiego parametru użyć, żeby się skalowały równocześnie przy zmienianiu wielkości strony wiersze wszystkich komórek, chodzi o to, że ja mam ceny przy small to się rozjezdzaja w stosunku do pierwszego pola, a chcialbym, zeby zmieniały się w ten sam sposób, byly na tym samym poziomie.
Na screenie widac jak ceny nie sa polozone naprzeciw nazw(tak jak na full screen) jak to zakotwiczyc do siebie?
#css3
Na screenie widac jak ceny nie sa polozone naprzeciw nazw(tak jak na full screen) jak to zakotwiczyc do siebie?
#css3
źródło: comment_TFPE98cEkz5BB6gigvA0JkXduR3whwCm.jpg
Pobierz- 0
@EpicSilence: Nie ma co na siłę używać nowych bajerów w html5 skoro stare patenty są skuteczniejsze. Im prościej tym lepiej panie kolego.
- 0
@n0xx: no czaje, ale chciałem się grida nauczyć, no ale pobawie się tym robiąc co innego
- 1
Hey, szukam jakiegoś fajnego Cheat Sheet do Emmet.
Nie całość, tylko te najbardziej popularne jak np: m8 = margin: 8px.
Chcę to wydrukować, więc nie czarne tło jak np: tutaj, za coś takiego to twórca powinien....
Ktoś coś?
#css3 #css #html #html5 #emmet #programowanie #cheatsheet #frontend
Nie całość, tylko te najbardziej popularne jak np: m8 = margin: 8px.
Chcę to wydrukować, więc nie czarne tło jak np: tutaj, za coś takiego to twórca powinien....
Ktoś coś?
#css3 #css #html #html5 #emmet #programowanie #cheatsheet #frontend
Mam diva, wewnątrz, którego mam inne elementy, które animuję poprzez keyframes. Animacja polega mniej więcej na tym, że pojawia się jeden element, zanika on po czym pojawia się drugi itd. Wszystko działa cacy tylko nie mogę zapętlić animacji.
Główny kontener dla, wewnątrz którego są animowane elementy ma taki kod
Główny kontener dla, wewnątrz którego są animowane elementy ma taki kod
.animation-content {
width: 750px;
height: 100px;@TeflonDon: a to nie tak że zapętlasz animacje na dzieciach nie rodzicu? nazwe animacji masz na divach wewnatrz
- 1
@biala-panda: no niby tak, tylko jak uzyskac efekt zapetlenia w takim razie. Ustawic np. delay w taki sposob zeby animacja np. 1 elementu zaczela sie gdy tylko ostatni skonczy sie animowac? Tylko z drugiej strony to tez lipa rozwiazanie bo np. ustawie delay 9s to po odswiezenu strony bede czekal te 9s az calosc zacznie sie ruszac ( ͡° ʖ̯ ͡°)
- 1
@walkerr8999: da się, keyframes + delay
- 0
@Rst00: tylko ,że mam kilka tych tekstów i ustawiam im delay dzięki czemu płynnie się pojawiają i znikają po sobie. A chce ,żeby po skończeniu znów zaczęły pętle od nowa...
- 2
Mirki szlag mnie trafia, może się spotkaliście z czymś takim.
W dreamweaverze w pliku css "zafiksowała" mi się pozycja, na której otwiera mi się ten plik - zamiast otwierać mi się tam gdzie przed sekundą skończyłem to otwiera mi się, w linijce 122 o_O i za każdym razem muszę jeździć jak ten debil na dół co doprowadza mnie powoli do większej ilości siwych włosów.
Ktoś się spotkał z czymś takim ?
#
W dreamweaverze w pliku css "zafiksowała" mi się pozycja, na której otwiera mi się ten plik - zamiast otwierać mi się tam gdzie przed sekundą skończyłem to otwiera mi się, w linijce 122 o_O i za każdym razem muszę jeździć jak ten debil na dół co doprowadza mnie powoli do większej ilości siwych włosów.
Ktoś się spotkał z czymś takim ?
#
- 1
Mirki szlag mnie trafia, [...] W dreamweaverze...
@n0xx: hehehe, im szybciej przerzucisz się na Sublime Text / Atom.io tym więcej cierpień sobie zaoszczędzisz... Kiedyś z pewnością jakieś SI będzie pisać kod za ludzi, ale to jeszcze nie te czasy...
- 1
używaj jakiegoś lepszego edytora/ide, a jeździć chyba nie musisz wciśnij home/end na klawce...
- 3
- 17
@sowier: całkiem ciekawe masz zainteresowania :)
- 2
@sowier: Wrzuć forma w jakiś kontener i masz 3 wiersze.
1. row -> col 100% -> input 100%
2. row -> 2x col 50% -> inputy 100% w colach
3, 4, 5 jak 1 tylko z buttonem/checkboxem/inputem
Jak coś to pytaj to Ci pomogę ale kodu za Ciebie nie napiszę ( ͡° ͜ʖ ͡°)
1. row -> col 100% -> input 100%
2. row -> 2x col 50% -> inputy 100% w colach
3, 4, 5 jak 1 tylko z buttonem/checkboxem/inputem
Jak coś to pytaj to Ci pomogę ale kodu za Ciebie nie napiszę ( ͡° ͜ʖ ͡°)
- 3
Jak zrobić taki formularz w html5 i css3 a mi wyszło coś takiego druga fotka i kod taki miałem w html width: 1200px;
height: 150px;
padding: 10px;
background-color: #333;
display:
height: 150px;
padding: 10px;
background-color: #333;
display:
źródło: comment_YpEzMH0GxLOvRWP0CT5moJLrdOTD19mU.jpg
Pobierz@sowier: UUuuu kto panu tak s--------ł. Zamyka się tagi. Nie wyskakuje się z czymś poza formularz. Przydałby się jakiś container czy tam wraper xD text-align: center to raczej nie jest dobry pomysł. Nie wiem skąd Ci się wziął ten gradient
Jak w #css3 (flexbox) zrobić, żeby < 900px first i second zajmowały 100% width jeden pod drugim?
https://codepen.io/anon/pen/YQrKNO
https://codepen.io/anon/pen/YQrKNO
@frontendowiec: spróbuj tego http://joren.co/flex-grow-9999-hack/
- 1
@Wyrazisty: Sorry, źle pomyślałem. Przecież flexbox sam się nie dowie kiedy coś się nie mieści lub źle się pokazuje. Ja mu muszę podać kiedy ma zmienić układanie się divów.
Nie bardzo, ale znalazłem jakiś inny sposób. Jeszcze coś porobię i zawołam jak będę miał wątpliwości co do mojego rozwiązania. Dzięki!
Nie bardzo, ale znalazłem jakiś inny sposób. Jeszcze coś porobię i zawołam jak będę miał wątpliwości co do mojego rozwiązania. Dzięki!
mam takie coś: https://codepen.io/anon/pen/JNzeMj
Chciałbym aby zdjęcie z zakomentowanego fragmentu html pojawiało się powiększając po najechaniu na palucha.
Pytanie jak to zrobić, żeby jeden obrazek był sobie a drugi z efektem wylatywałby po najechaniu mychą?
#html #css #css3
Chciałbym aby zdjęcie z zakomentowanego fragmentu html pojawiało się powiększając po najechaniu na palucha.
Pytanie jak to zrobić, żeby jeden obrazek był sobie a drugi z efektem wylatywałby po najechaniu mychą?
#html #css #css3
- 1
@zortabla_rt:
chyba o cos takiego Ci chodzi, z efektami musisz sobie pokombinowac (.img-zoom img:hover + img)
https://codepen.io/anon/pen/zwbMbY
chyba o cos takiego Ci chodzi, z efektami musisz sobie pokombinowac (.img-zoom img:hover + img)
https://codepen.io/anon/pen/zwbMbY
Napisałem wczoraj post o overflow-wrap w #css. Zapraszam do lektury:
https://piecioshka.pl/blog/2017/05/23/zobacz-jak-overflow-wrap-moze-cie-uratowac.html
#css3 #wedev #frontend #programowanie
https://piecioshka.pl/blog/2017/05/23/zobacz-jak-overflow-wrap-moze-cie-uratowac.html
#css3 #wedev #frontend #programowanie


















#webdev #js #html #css #css3 #javascript