#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.

rukh - #webdev #html #css #gif #js #cssdemo
Bardzo prosty przycisk bez użycia JS i p...

źródło: comment_wkr3lEg6Ofwl3xRAooagr6aKwlM7fI3Z.gif

Pobierz
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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
  • Odpowiedz
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
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#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?
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Jak poprawnie pisać w SASS? Założmy, że mam kod:


Który sposób stylowania będzie poprawniejszy?

nav { header { h2 {} } }
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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, #
Podprogowiec - Cześć! 
Wczoraj był post na temat zlecenia dla grafika, ja dziś przyc...

źródło: comment_Nel3243woIXZ0fciaOr2uZkFr8GhV1SC.jpg

Pobierz
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#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
  • 10
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Jak mam takie coś

<div style="background-color: #444; padding: 30px;" itp.

to czy jestem w stanie w tym zrobić jakoś hover? Chodzi dokładnie o button we wpisie na #wordpress wszystko ładnie już zrobiłem, ale fajnie by było, gdyby po najechaniu zmieniał kolor ;)

#html #css #wordpress
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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;}
  • Odpowiedz
#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:
krzysztofu - #webdev #css Hej mirki nie ogarniam tego #iphone mam style do zwyklego s...

źródło: comment_QAt2hUuCUodN8ft0gTFqbVx1IPUkrvNp.jpg

Pobierz
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

let img = document.createElement('img');
img.src = 'http://uri';
let body = document.querySelector('body');
body.parentNode.insertBefore(img, body);
body.parentNode.insertBefore(img, body.nextSibling);

Jakoś
  • Odpowiedz
@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.
  • Odpowiedz
@WMPP: Wyśrodkujesz np dając jakąś stałą szerokość np body albo diva wewnątrz body = margin: 0 auto;
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.
  • Odpowiedz
#webdev #css #iphone #android

Mirki - dawno w temacie nie grzebałem, a muszę coś poprawić w jednej z moich witryn.

Jak dzisiaj rozpoznaje się na jakim urządzeniu działa strona? Kiedyś były od tego @media znaczniki w CSS, ale teraz jak iPhone ma wyższą rozdziałkę niż niektóre PC to chyba to nie ma za bardzo sensu? Podpowie ktoś jak to najlepiej ugryźć? Potrzebuję prostą
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach