Wszystko
Najnowsze
Archiwum
1
CSS-Grid · Full Stack Geek
CSS cały czas się rozwija dając nam coraz to większe możliwości przy tworzeniu stron internetowych. Ostatnio dał nam do ręki CSS-grid.
z- 2
- #
- #
- #
- #
- #
- #
- 9
#webdev #html #css #gif #js #cssdemo
Bardzo prosty przycisk bez użycia JS i pochodnych bibliotek.
Jeden przycisk z użyciem zaledwie jednego , a trwałe przyciśnięcie przy pomocy ukrytego "checkbox" albo "radio" (inaczej musiałbym JS użyć).
Główny prostokąt to ten ciemniejszy czerwony z ustawionym cieniem wokół. A jasnoczerwony to pseudoelement ":before", czyli element zduplikowany bez utworzenia kolejnego elementu w HTML.
Bardzo prosty przycisk bez użycia JS i pochodnych bibliotek.
Jeden przycisk z użyciem zaledwie jednego , a trwałe przyciśnięcie przy pomocy ukrytego "checkbox" albo "radio" (inaczej musiałbym JS użyć).
Główny prostokąt to ten ciemniejszy czerwony z ustawionym cieniem wokół. A jasnoczerwony to pseudoelement ":before", czyli element zduplikowany bez utworzenia kolejnego elementu w HTML.
źródło: comment_wkr3lEg6Ofwl3xRAooagr6aKwlM7fI3Z.gif
Pobierz- 4
@MegaZU0: no a jak straci focus to mu przycisk odskoczy więc lipa
- 0
@addr: przełączanie w CSS bądź w JS to nie robi różnicy chyba że ktoś wpadnie na pomysł wyłączenia JS na stronie. Jednak animowanie w CSS jest wydajniejsze.
@MegaZU0: im wyższa rozdzielczość, czyli większy element, tym niestety mniej wydajne. Już byłoby lepiej w Canvas zrobić, bo on renderuje wyświetlaną grafikę do rastrowej (powiększysz stronę i już widzisz schodkowanie krawędzi).
Dobrze widać to po aplikacjach na smartfony - samo rysujące
@MegaZU0: im wyższa rozdzielczość, czyli większy element, tym niestety mniej wydajne. Już byłoby lepiej w Canvas zrobić, bo on renderuje wyświetlaną grafikę do rastrowej (powiększysz stronę i już widzisz schodkowanie krawędzi).
Dobrze widać to po aplikacjach na smartfony - samo rysujące
3
CSS] Wizualizacja ekranu meczowego Premier League za pomocą HTML i CSS
![CSS] Wizualizacja ekranu meczowego Premier League za pomocą HTML i CSS](https://wykop.pl/cdn/c3397993/link_thUEDAZ4vvJLr9n4h4CEYjPnmRNkPpwL,w220h142.jpg)
W tym artykule pokazałem jak zreprodukować ekran meczowy angielskiej Premier League za pomocą HTML i CSS. Jest to nie lada gratka dla fanów piłki nożnej i web developerów.
z- 0
- #
- #
- #
- #
- #
- #
- 1
Cześć mirki, potrzebuję jakiegoś magika od wordpressa lub od css. Rzecz w tym, że na wp jest sporo opcji zmiany mojego motywu, ale nie mam możliwości zmiany tła w blokach, gdzie jest tekst. Tło jest białe i wali po oczach niczym dzienny na wypoku. Poratuje ktoś? Chodzi o motyw hestia.
#wordpress #css #html #webdev
#wordpress #css #html #webdev
Posiadam headera z tłem z pozycją relatywną. Korzystając z pozycji absolutnej "wpycham" warstwę wierzchnią z teksem o takich samych wymiarach.
Problem:
Pobieram przykładowo plik w chrome i otwiera się u spodu pasek ze statusem pliku. Header rozjeżdża się, a dokładniej wypozycjonowany absolutnie div przesuwa się o wysokość paska ze statusem pobieranego pliku. Czy jest sposób, aby temu zapobiec?
#html #css
Problem:
Pobieram przykładowo plik w chrome i otwiera się u spodu pasek ze statusem pliku. Header rozjeżdża się, a dokładniej wypozycjonowany absolutnie div przesuwa się o wysokość paska ze statusem pobieranego pliku. Czy jest sposób, aby temu zapobiec?
#html #css
- 0
@PIENSCI_WONSZA: Odpowiem sam sobie i może komuś się też przyda. Div z pozycją absolutną musi znaleźć się wewnątrz diva z pozycja relatywną
@PIENSCI_WONSZA: nie używać pozycji absolutnej
- 2
#html #webdev #programowanie #css
Mirki znacie jakieś edytory HTML/CSS/JS online, w których po lewej sobie piszecie i powiększacie, tabele itd a po prawej macie to w postaci kodu. Ale chodzi mi o dość rozbudowany?
Mirki znacie jakieś edytory HTML/CSS/JS online, w których po lewej sobie piszecie i powiększacie, tabele itd a po prawej macie to w postaci kodu. Ale chodzi mi o dość rozbudowany?
@lronman: aspnetowcy coś takiego mają, ale nie online
- 1
Jak poprawnie pisać w SASS? Założmy, że mam kod:
Który sposób stylowania będzie poprawniejszy?
Który sposób stylowania będzie poprawniejszy?
nav { header { h2 {} } }
- 0
@TwigTechnology: No dobra, ale założmy, że h2 występuje tylko raz - w headerze właśnie i nie ma potrzeby stylizowania go globalnie. Zagnieżdżać, czy nie?
@Trustm3: skoro sam piszesz, że samo h2 wystarczy, więc po co dodawać przed nim cokolwiek innego?
Cześć!
Wczoraj był post na temat zlecenia dla grafika, ja dziś przychodzę z tematem zleceń dla #webdev.
Zlecenia wykonuje prawie za "do portfolio", w sensie biorę pieniądze, ale niewiele. Interesuję mnie w sumie cały webdev, więc i #frontend i #backend. To, w czym mogę pracować to: #php (głównie tym się zajmuję, zazwyczaj używam #laravel), #html, #
Wczoraj był post na temat zlecenia dla grafika, ja dziś przychodzę z tematem zleceń dla #webdev.
Zlecenia wykonuje prawie za "do portfolio", w sensie biorę pieniądze, ale niewiele. Interesuję mnie w sumie cały webdev, więc i #frontend i #backend. To, w czym mogę pracować to: #php (głównie tym się zajmuję, zazwyczaj używam #laravel), #html, #
źródło: comment_Nel3243woIXZ0fciaOr2uZkFr8GhV1SC.jpg
Pobierz- 1
- 1
@Podprogowiec: ahh ci progamerzy, nawet wpisu do portfolio nie chcą, a ja tu dobry uczynek chciałem zrobić.
- 2
Mirki pomocy... Moja strona internetowa jest wychwytywana przez programy antywirusowe jako zagrozenie. Ja nie wiem w czym problem. Miałem ostatnio problem z jakims pishingiem, ale wgrałem backup i myślałem że wszystko bedzie ok. Google juz nie oznacza strony jako zagrożenie, ale nie wszycy wchodzą na nią. Jak to sprawdzić?
Stoi na wordpressie.
link
#wordpress #webdev #html #css
Stoi na wordpressie.
link
#wordpress #webdev #html #css
Treść przeznaczona dla osób powyżej 18 roku życia...
#programowanie #php #html #css #javascript
Witam, z góry przepraszam za kolejne pytanie z cyklu: jak zacząć.
Jakiś czas temu po miesiącach namysłu postanowiłem nauczyć się php. Wyczytałem gdzieś tam, że aby próbować sił jako #programista15k php, warto znać html, css, php, javascript i jakiegoś frameworka. Htmla uczyłem się dawno dawno, taka licealna zajawka, więc można powiedzieć, że go znam. Pozostaje
Witam, z góry przepraszam za kolejne pytanie z cyklu: jak zacząć.
Jakiś czas temu po miesiącach namysłu postanowiłem nauczyć się php. Wyczytałem gdzieś tam, że aby próbować sił jako #programista15k php, warto znać html, css, php, javascript i jakiegoś frameworka. Htmla uczyłem się dawno dawno, taka licealna zajawka, więc można powiedzieć, że go znam. Pozostaje
@like_a_sir: To tak informacyjnie: https://github.com/kamranahmedse/developer-roadmap
- 1
@like_a_sir: https://laracasts.com/ Swietne kursy
- 1
- 2
@ddaroo: tak jak kolega napisał dodajesz po div class="nazwa" a w css dodajesz .nazwa:hover{color:red}
tylko w tym przykładzie dodałeś padding:30px; a powinieneś style="padding:30px;" no a już totalnie best jak dodasz klasę w css .nazwa{padding:30px;}
tylko w tym przykładzie dodałeś padding:30px; a powinieneś style="padding:30px;" no a już totalnie best jak dodasz klasę w css .nazwa{padding:30px;}
#webdev #css Hej mirki nie ogarniam tego #iphone mam style do zwyklego select-a jak poniżej wszedzie działa oprócz tego iphone.. idzie to jakoś naprawić ? idzie w iphone dać style do select czy robi się jakoś inaczej listę rozwijalną ? (na obrazku ten wybór języka, Polska) kolor powinien byc taki sam jak before i ten buton po prawej to samo..
#language {
float: right;
width:
źródło: comment_QAt2hUuCUodN8ft0gTFqbVx1IPUkrvNp.jpg
Pobierz- 1
@krzysztofu: może użyj jakiejś biblioteki lub napisz własnego selecta. Sprawdź jeszcze na innych telefonach, pewnie nie tylko na iPhone będzie się wywalało
- 0
- 285
Jak tam [ #webstuff ]? Zmalał, urus? Dziś zdecydowanie urus ( ͡° ͜ʖ ͡°)
❶ Scroller to strona, która agreguje obrazkowe treści z serwisu Reddit, a w tym sztukę, jedzenie, naturę czy zawartość NSFW (⌐ ͡■ ͜ʖ ͡■)
https://scrolller.com
❷ AmplitudeJS -
❶ Scroller to strona, która agreguje obrazkowe treści z serwisu Reddit, a w tym sztukę, jedzenie, naturę czy zawartość NSFW (⌐ ͡■ ͜ʖ ͡■)
https://scrolller.com
❷ AmplitudeJS -
źródło: comment_Zk6P7BAT6WpT9vskM2SiNhDuqcMuzLPD.jpg
Pobierz- 1
Potrzebuję stworzyć krótki kod, który wystarczy wkleić w jednym miejscu na początku kodu, któy będzie umieszczać obrazek na początku strony i na końcu. Po środku będzie jakiś wygenerowany dokument z tekstem. Jak to zrobić?
#html #css #webdeveloper #kiciochpyta
#html #css #webdeveloper #kiciochpyta
- 1
Cześć wykopki, czy znajdzie się ktoś, kto mógł by pomóc w jednym problemie związanym z Boostrap/CSS?
#programowanie #bootstrap #css #html #webstuff
#programowanie #bootstrap #css #html #webstuff
Jakie polecacie źródła wiedzy zeby nauczyc się front endu? Chcę spróbować swoich sił w tym kierunku. Chodzi mi o html/css/JS na dobry poczatek :P
#javascript #programowanie #frontend #css #html
#javascript #programowanie #frontend #css #html
@kasztanozord: html/css i js to niszowe technologie i trudno znaleźć jakiekolwiek materiały na ten temat. Teraz popularna staje się bardziej technologia flash. Tak na serio to odradzam programowanie, jest to słabo opłacany nędzny zawód.
- 2
@kasztanozord:
http://learn.shayhowe.com/
http://freecodecamp.com
https://www.theodinproject.com/
http://javascriptissexy.com/how-to-learn-javascript-properly/ (polecam ścieżkę z Proffesional Javascript for Web Developers - i ogólnie
http://learn.shayhowe.com/
http://freecodecamp.com
https://www.theodinproject.com/
http://javascriptissexy.com/how-to-learn-javascript-properly/ (polecam ścieżkę z Proffesional Javascript for Web Developers - i ogólnie
- 1
#html #css #webdev
Od lat nei pisałem nic w html bądź ccs, chciałbym to wyśrodkować wszyztko i może poprawić jakoś wyświetlenei tekstu: http://peugeotklub.pl/zakladka.html Mógłby ktoś pomoc?
Od lat nei pisałem nic w html bądź ccs, chciałbym to wyśrodkować wszyztko i może poprawić jakoś wyświetlenei tekstu: http://peugeotklub.pl/zakladka.html Mógłby ktoś pomoc?
- 1
@WMPP: Wyśrodkujesz np dając jakąś stałą szerokość np body albo diva wewnątrz body = margin: 0 auto;
np:
Wyświetlanie tekstu to już kwestia stylistyczna. Zależy co chcesz osiągnąć. Generalnie najlepiej ogarnij jakiś tutorial css w necie, np freecodecamp.
np:
width: 920px;
margin: 0 auto;Wyświetlanie tekstu to już kwestia stylistyczna. Zależy co chcesz osiągnąć. Generalnie najlepiej ogarnij jakiś tutorial css w necie, np freecodecamp.
- 0
@beeras: Nie mam potrzeby ani czasu na tutorial, dzięki :)


























Mamy następującą sytuacje: Jest div menu(który ma zdefinowane text-align:center), i w tym divie jest pięć innych divów. układamy je koło siebie używając "float:left;" i teraz dochodzimy do mojego problemu. Co zrobić aby wszystkie divy wyśrodkować? tak
Strasznie chaotycznie napisałem, ale może zrozumiesz
Ala{
display: block;
}