Mireczki dlaczego na jednym .svg mogę zrobić taki efekt hover, a na drugim nie mogę?
https://jsfiddle.net/80ogd226/
#webdev #html #css
https://jsfiddle.net/80ogd226/
#webdev #html #css
Wszystko
Najnowsze
Archiwum
@jaskowice1: strzelam - druga ikonka ma 0% nasycenia i nie zwiększa się ono przez działanie filtra saturate()... pierwsza jest niebieskawa, więc saturate zwiększa nasycenie. A taki np brightness(100) ma wpływ na finalny kolor obu.
Gdybyś miał to svg inaczej osadzone to mógłbyś zmienić atrybut fill, ewentualnie gdyby to było jako webfont to po prostu color.
Gdybyś miał to svg inaczej osadzone to mógłbyś zmienić atrybut fill, ewentualnie gdyby to było jako webfont to po prostu color.
@TwigTechnology: w niedziałającym .svg fill było #464646, zmieniłem na #31416b tak jak w tamtym i działa tak jak powinno :)
Odpisuję dopiero teraz, bo to większa strona www była i to sobie zostawiłem do poprawki na koniec :)
Odpisuję dopiero teraz, bo to większa strona www była i to sobie zostawiłem do poprawki na koniec :)
Mirki jest jakiś sposób w #css, żeby zakazać wyświetlania znacznika "li", żeby nie wypieprzać z połowy kodu tego znacznika ręcznie?
Odkąd założyłem konto na CodePen zachwycam się różnymi projektami.
Dużo tam obrazków tworzonych, z tego co widzę w CSS. Przykłady: #1 #2. Mam parę pytań:
1. W jaki sposób są pisane te obrazki? Chyba nie po prostu w CSS-ie, patrząc na przerażającą czasami ilość liczb, znaków (w tych przykładach akurat tak strasznie nie jest).
Dużo tam obrazków tworzonych, z tego co widzę w CSS. Przykłady: #1 #2. Mam parę pytań:
1. W jaki sposób są pisane te obrazki? Chyba nie po prostu w CSS-ie, patrząc na przerażającą czasami ilość liczb, znaków (w tych przykładach akurat tak strasznie nie jest).
@Tom_Ja: 1. wykorzystanie CSS + :before i :after
2. wątpie, czy są lepsze od SVG, to chyba taka sztuka dla sztuki, dowód, że się da
2. wątpie, czy są lepsze od SVG, to chyba taka sztuka dla sztuki, dowód, że się da
@Tom_Ja: Nie rozumiem, masz tutaj wszystko w przykładzie i się pytasz gdzie się tego nauczyć? Ja p------e
źródło: comment_ab4w9vVQQIsbgcGZ3DclyCDR01b5PqwN.jpg
Pobierz
Jak dodać jednego div'a pod drugiego? Kiedyś to jakoś robiłem ale teraz tak n-------m że nie wiem co jest źle
Tutaj fragment css:
http://pastebin.com/H7qnen0Z
I tutaj html'a:
http://pastebin.com/X3K5cyMB
Tutaj fragment css:
http://pastebin.com/H7qnen0Z
I tutaj html'a:
http://pastebin.com/X3K5cyMB
źródło: comment_OxhAuSZ0zC1gJoGtGqTItUxjVyVUeFZH.jpg
Pobierz
@SuchyArbuz: position absolute/relative/fixed i z index
@Pogromista @ ketorw
@Laaq: dzięki!
Mam pytanie o dobra praktykę w kontekście RWD i CSS odnośnie media queries.
Mówi się też dużo o podejściu mobile first. I w skrócie to czy plik css-owy powien od razu być podzielony na parę głównych media queries i w jednym robimy całą strukturę i w innych ją kopiujemy i ewentualnie zmieniamy, czy najpierw robimy generalną strukturę strony bez żadnych wytycznych media i zakładamy, że to np widok średniego monitora, a resztę
Mówi się też dużo o podejściu mobile first. I w skrócie to czy plik css-owy powien od razu być podzielony na parę głównych media queries i w jednym robimy całą strukturę i w innych ją kopiujemy i ewentualnie zmieniamy, czy najpierw robimy generalną strukturę strony bez żadnych wytycznych media i zakładamy, że to np widok średniego monitora, a resztę
@Kain_to_Charlie_a_Delta_to_Kain: Nie robię pod mobile first ale pod desktop, wszystko pływające na % i sobie później zmniejszam okno i patrzę jak się co zachowuję, jak widzę, że coś trzeba na mniejszej rozdziałce poprawić to dopisuje media i tyle.
@Kain_to_Charlie_a_Delta_to_Kain: Choć niektórzy sobie dzielą te media na 4 wielkości ekranu i mają w------e, że coś źle wygląda na 300px bo oni mają ustawione na np.320px.
Mircy, jako iż uciekłem z #korposwiat , mam teraz bardzo dużo wolnego czasu i postanowiłem zająć się tym na co nigdy nie miałem czasu.
Od zawsze chciałem uczyć się grać na klawiszach. Uważacie że 26 latek jest jeszcze w stanie coś ogarnąć? Co polecacie? W jaki sposób się uczyć ( wiadomo, szkoła muzyczna odpada).
I co sądzicie o Synthesia, warto się uczyć w ten sposób/ nie warto ?
Poza
Od zawsze chciałem uczyć się grać na klawiszach. Uważacie że 26 latek jest jeszcze w stanie coś ogarnąć? Co polecacie? W jaki sposób się uczyć ( wiadomo, szkoła muzyczna odpada).
I co sądzicie o Synthesia, warto się uczyć w ten sposób/ nie warto ?
Poza
@Butt: unheap to było :) dzięki dobry człowieku :)
Mirki z #webdev mam pytanko. Z mojej obserwacji wynika, że strona responsywna jest sczytywana od lewej do prawej. To znaczy, jeżeli wstawimy tło 1920 x 1080, ale ekran jest mały, to wszelkie tła obcina od prawej strony. I teraz pytanie:
Czy mozna coś przestawić w #css lub gdzie indziej, żeby tło strony obcinało na przykład od prawej do lewej lub zmniejszało (skalowało) tło względem wielkości ekranu?
Czy mozna coś przestawić w #css lub gdzie indziej, żeby tło strony obcinało na przykład od prawej do lewej lub zmniejszało (skalowało) tło względem wielkości ekranu?
@Fagaldo_Antonio: https://developer.mozilla.org/en-US/docs/Web/CSS/background-size zobacz opcję cover.
@Fagaldo_Antonio:
background-position; background-size;, ale jak chcesz wrzucać obrazek FullHD i skalować go do rozdzielczości telefonu, to nie rób tak, użyj wtedy media queries (mobile first) i wczytaj mniejszy obrazek.
@trustME: kukizie i korwinie HAAHAHAHHAHAHAHAHAHAHAHAHAGAGA
@michal_szn: Taka pułapka bycia prekursorem w danej dziedzinie.
USA jako jeden z pierwszych krajów miał rozwinięty system bankowy. Teraz my mamy nowoczesny a ich to średniowiecze.
U nas przelewy w max 1 dzień, natychmiastowe w 15min. W USA czeki, często nawet gdy zrobisz przelew przez aplikację banku to bank po prostu w twoim imieniu wypisuje czek i go wysyła do odbiorczy POCZTĄ.
W Niemczech sporo ludzi wcześniej miało internet niż
USA jako jeden z pierwszych krajów miał rozwinięty system bankowy. Teraz my mamy nowoczesny a ich to średniowiecze.
U nas przelewy w max 1 dzień, natychmiastowe w 15min. W USA czeki, często nawet gdy zrobisz przelew przez aplikację banku to bank po prostu w twoim imieniu wypisuje czek i go wysyła do odbiorczy POCZTĄ.
W Niemczech sporo ludzi wcześniej miało internet niż
@mirekk090090: może spróbuj szukać pod hasłem 'mansory flexbox'
@Fagaldo_Antonio: szanuje cię za to że z pomywacza naczyń poszedłeś w IT. Masz jednak dużo do nadrobienia, ale trzymam kciuki :)
@pajarito: Proponuje 8k na okresie próbnym, potem pogadamy ziom
#webdev #html5 #css #javascript
Witam Mirki. Od dłuższego czasu chodzi mi po głowie przebranżowienie się i chciałbym uderzyć w stronę front-endu. Aktualnie szukam materiałów, pytam znajomych którzy w tym siedzą itp. Kiedyś w czasach gimnazjalnych robiłem nawet jakieś małe stronki ale to dawne czasy i inne technologie. Chciałbym zacząć od HTML5 i CSS3, a następnie JavaScript i potem coś próbować szukać(praktyki, staż) ale na
Witam Mirki. Od dłuższego czasu chodzi mi po głowie przebranżowienie się i chciałbym uderzyć w stronę front-endu. Aktualnie szukam materiałów, pytam znajomych którzy w tym siedzą itp. Kiedyś w czasach gimnazjalnych robiłem nawet jakieś małe stronki ale to dawne czasy i inne technologie. Chciałbym zacząć od HTML5 i CSS3, a następnie JavaScript i potem coś próbować szukać(praktyki, staż) ale na
Komentarz usunięty przez autora
@Mtyrio: Czy ja wiem. Nauka JS przed nauką jQuery jest jak nauka Łaciny przed nauką Angielskiego... Nie ma najlepszej kolejności, ja się nauczyłam tak i, uwaga, umiem
czemu element p nie jest nadal czerwony? nie mam pomysłów
.red-text {
color: red;
}
CatPhotoApp
.red-text {
color: red;
}
CatPhotoApp
Jestem bardzo początkującym frontendem i mam następujący problem - piszę własny grid i chcę żeby:
1.) był responsywny.
2.) header i footer mają być sticky, dodatkowo nad footerem mały panel (aside) również sticky.
3.) section ma być pomiędzy footerem i headerem i być przewijany.
Ale nie mogę ogarnąć punktu 3. Póki co mam coś takiego: https://codepen.io/GRHU/pen/oYzQVZ
Jak widzicie, section wchodzi pod header i nav. Jak rozwiązać ten problem żeby miało to ręce
1.) był responsywny.
2.) header i footer mają być sticky, dodatkowo nad footerem mały panel (aside) również sticky.
3.) section ma być pomiędzy footerem i headerem i być przewijany.
Ale nie mogę ogarnąć punktu 3. Póki co mam coś takiego: https://codepen.io/GRHU/pen/oYzQVZ
Jak widzicie, section wchodzi pod header i nav. Jak rozwiązać ten problem żeby miało to ręce
@GRHU: głupie pytanie - ale po co wynajdujesz koło na nowo ? :C
@GRHU: http://purecss.io co tutaj trudnego do zrozumienia ? :P w jakich starszych przeglądarkach flexbox nie działa ? że ie8 i ie9 ? przecież tego gówna nie powinno się już wspierać xD
poza tym flexbox nawet jeśli możemy ignorować stare przeglądarki nie powinno się korzystać jako zastępnik grida z tego powodu: https://jakearchibald.com/2014/dont-use-flexbox-for-page-layout/
flex ogólnie jest najwolniejszym displayem - jeśli można zrobić to za pomocą innej metody - to lepiej zrobić to
poza tym flexbox nawet jeśli możemy ignorować stare przeglądarki nie powinno się korzystać jako zastępnik grida z tego powodu: https://jakearchibald.com/2014/dont-use-flexbox-for-page-layout/
flex ogólnie jest najwolniejszym displayem - jeśli można zrobić to za pomocą innej metody - to lepiej zrobić to
Nic mnie tak nie wku%$&#* jak poprawianie po kims HTML i CSS, jak jeszcze jest uzyty jakis framework typu Boostrap to po prostu dostaje p-------a ( ͡° ͜ʖ ͡°)
#naukaprogramowania #html5 #css #frontend
#naukaprogramowania #html5 #css #frontend
@michal_szn: lel, lepiej poprawiać po kimś jak użył Bootstrapa niż jak użył własnego frameworka, który oczywiście jest najlepszy (because everyone is special snowflake).
Komentarz usunięty przez autora