#css najlepsze najnowsze

tomaszs 2026-02-26 18:47:14 +0
Mam mieszane uczucia wobec AI. Każdy feed jest zalany treściami o sieciach neuronowych. Czy nie ma już niczego innego na świecie?

A potem Lyra Rebane przypomniała mi, dlaczego pokochałem programowanie.

Zbudowała kompletny emulator procesora x86 w czystym CSS. Bez JavaScriptu. Bez AI. Same ręcznie pisane arkusze stylów wykonujące prawdziwy kod maszynowy 8086.

Dema obejmują generator ciągu Fibonacciego, trójkąt Pascala, a nawet grę słowną Wordle - wszystko działa na procesorze napisanym wyłącznie w CSS.

Zapytana jakie AI wykorzystała, Lyra odpowiedziała: "Nie używam AI. Nie sądzę, żeby dało się zbudować taki projekt z LLM."

To jest kreatywna inżynieria, której żaden algorytm optymalizacyjny by nie wymyślił.

Link w komentarzu

#programowanie #CSS #webdev #kreatywność
m.....j 2026-02-26 19:41:19 +1
@tomaszs wow, babka musi być genialna, brawa dla niej!

PijanyDrwal 2026-03-03 15:33:53 +1
@tomaszs: gdybyś był tu 10 lat temu to zamiast ai każdy temat byłby zasrany tematem telewizorów 3d i tym jak bardzo zmieni to świat. Normalna sprawa, świat w sensie nasz kolektywny umysł dostaje co jakiś czas jakiegoś p-------a na punkcie czegoś losowego np. teraz wszyscy bawimy się fidget spinerami, wcześniej był harry potter czy jojo, teraz przyszła pora na sieci neuronowe. Odejdą mocniejsi zawodnicy, postęp przestanie tak pędzić, to znowu więcej ludzi odpłynie i zajmą się jakimś k---a kopaniem kartofli czy czymś jakaś nowa moda będzie bo to tak w kółko działa
pokaż komentarze (2)
s1720nk 2026-02-11 02:13:04 +0
Szukam programisty do ukończenia serwisu społecznościowego (na razie nie jest to nic wielkiego, bez obaw).

Jest to pomysł, którego chyba jeszcze wcześniej nie było - przynajmniej tak mi się wydaje.
Zależy mi na tym, aby zrealizować go na razie w wersji podstawowej (taki 'early access'), i sprawdzić jak jak się przyjmie na rynku.
Jeśli się przyjmie, wówczas można zrobić z nim wszystko - rozwijać, przepisać od nowa, cokolwiek.

Serwis jest zrobiony w ok. 80%.
Technologia: wordpress, php, js, mysql, google maps api.
Wiele elementów jest w nim zrobionych trochę "chałupniczo" (taki urok startup'ów), ale na pewno nie jest to zupełna amatorka.
Główne elementy to: system komentarzy, google maps, rejestracja użytkowników, logowanie, panel administracyjny do zarządzania użytkownikami i treścią na stronie.

Programista, który wcześniej pracował ze mną nad serwisem (ja jestem grafikiem i 'designerem', oraz finansuję pracę), musiał niestety chwilowo zawiesić prace z przyczyn osobistych.

Szacuję, że dokończenie serwisu powinno zająć ok 2-4 miesiące.
Zdaję sobie sprawę, że wchodzenie w cudzy kod może być męczące i upierdliwe, ale niewiele zostało do zrobienia, i może jakoś się dogadamy?

Byłby ktoś może chętny lub podałby namiary na taką osobę? Albo może poradzicie gdzie szukać takiej osoby?

Z góry dzieki.

#wordpress #javascript #css
Gdziezamiatasz 2026-02-11 02:25:49 +0
@s1720nk: kurczę, nie chcę Cię martwić, ale podejście po kimś do projektu gdzie 80% jest ukończone, to czas ukończenia nie jest równy 2-4 miesięcy, tyle zajęłoby osobie która w tym siedziała, ktoś nowy wchodząc do projektu potrzebuje pewnie z 2 miesięcy, żeby zrozumieć czym ten portal społecznościowy jest i jakkolwiek rozpoznać się w kodzie, a dopiero wtedy mógłby wycenić ile pracy tam jest.

Sam napisałeś, że programistą nie jesteś, więc skąd możesz mieć taka wiedzę ile zostało? od poprzedniego programisty? Tylko on już ten projekt poznał, albo po prostu chciał Cię lekko omamić, ze zrobił więcej niż naprawdę zrobił.

Osobiście szykowałbym się na o wiele większe koszty czasowe. Serio, często ludzie uciekają z powodów osobistych zostawiając prowizorkę i się okazuje, że 50% byłoby optymalną oceną. Jeśli tego nie zrobiłeś, to zleć jakiś audyt. Niech ocenią pracę poprzedniego programisty, bo może Cię zwyczajnie oszukał, a jeśli powiedział prawdę, to masz czyste sumienie.

Wtedy możesz śmiało uderzać do innych, bo to póki co wygląda jak krzak pozostawiony przez uciekiniera
s1720nk 2026-02-11 02:49:52 +0
@Gdziezamiatasz: Ja mam kontakt z programistą, który tworzył serwis. To nie jest uciekinier ani nie nie zostawił projektu-krzak :)

Nie sądzę, aby było potrzebne 2 miesiące na rozeznanie się w projekcie - on nie jest duży, tam są czysto podstawowe funkcje potrzebne do bardzo minimalnej wersji serwisu społecznościowego (i wiele z tego jest już gotowe).

Aczkolwiek nie upieram się - jeśli komuś zajęłoby trochę dłużej wdrożenie się, to ok - nie mam z tym problemu. Nie mam ciśnienia, że coś musi być zrobione na jutro czy pojurze. Prawdę mówiąc w ogóle nie o to chodzi.
Najważniejsze aby ktoś na spokojnie na to zerknął, i uczciwie podszedł do sprawy (tak jak ja podchodzę). Jeśli uzna, że jest w stanie dokończyć projekt, to byśmy się jakoś dogadali.
pokaż komentarze (4)
pk-dev2026 2026-02-07 19:42:34 +0
Hej,
dla zabawy zrobiłem dwa bardzo proste szablony stron na Walentynki w czystym HTML + CSS:

„kartka walentynkowa” – tekst, zdjęcia, piosenka z YouTube

„oś czasu związku” – kilka wspólnych momentów + zdjęcia

To są statyczne strony – bez CMS, bez backendu, do postawienia dosłownie w 10 minut (wrzucasz pliki na hosting i działa).
Chciałem sprawdzić, czy taki format ma w ogóle sens jako alternatywa dla zwykłej kartki – zamiast kartki wysyłasz link.

Dema:
👉 https://buser1.deploy.net.pl/love/
👉 https://buser1.deploy.net.pl/love/v2/

Hostuję to na swoim tanim hostingu pod statyczne strony (projekt hobbystyczny), więc jeśli ktoś chce – może sobie to postawić u siebie. Bez problemu udostępnię szablony, jeśli ktoś chciałby dostosować do swoich potrzeb ( ͡° ͜ʖ ͡°)
Będę wdzięczny za szczery feedback

#html #css #sideproject #walentynki
shpyo 2026-01-08 09:26:19 +12
Ciekawa dyskusja pojawiła się na #github w pull requeście #tailwindcss

#ai miało pomagać ludziom.

A jednak coraz częściej zmienia całe branże — szybciej, niż jesteśmy gotowi.

Twórcy popularnego narzędzia Tailwind CSS przyznali, że przez AI stracili użytkowników (40% mniej ruchu), przychody i musieli zwolnić większość (75%) zespołu. Ich core biznesu polegał na łapaniu klientów przez stronę z dokumentacją. Teraz nie trzeba czytać dokumentacji. AI ją zassało.

GH: https://github.com/tailwindlabs/tailwindcss.com/pull/2388#issuecomment-3717222957
PL: https://highlab.pl/tailwind-css-stal-sie-zakladnikiem-wlasnej-popularnosci-w-erze-ai/

#opensource #frontend #css #claudecode #programowanie #programista15k
MichuTop 2026-01-08 09:37:32 +4
@shpyo: programiści nie są już do niczego potrzebni
iTuiTam 2026-01-08 11:52:09 +4
@shpyo: Wiadomo że 75% brzmi poważnie, ale finalnie z 4 osób w dziale została tam jedna.
pokaż komentarze (2)
SendMeAnAngel 2025-08-12 23:53:18 +1
https://deweloperuch.pl jaki framework UI jest używany? czy wszystko napisane od podstaw? bo widzę klasy Tailwind CSS i chyba nawet nie ma własnych stylów. Czy strona jest stworzona jakimś narzędziem, czy cały kod pisany z palca?

Strona wykorzystuje Next.js, coraz więcej aplikacji w tym powstaje i może warto się nauczyć?

Moim słabym punktem zawsze był web design. Nie umiałem stworzyć porządnego layoutu, nie wiedziałem, jakie czcionki, kolory, efekty, cały UI pisałem od podstaw w HTML i CSS tak jak to kiedyś się robiło, a dostając przykłady, jak coś ma wyglądać, też mi nie szło. Tworzyłem aplikacje internetowe, ale wyglądały amatorsko i niewspółcześnie. W UI pociąg mi lata świetlne odjechał.

Gdybym kiedyś miał tworzyć sam strony lub aplikacje dla klientów, to bym poległ na UI.

Do Next.JS zdaje się istnieją biblioteki multi-platform, czyli web i mobile, już nie pamiętam.

#programista15k #programowanie #frontend #css #webdev
MilionerPrzed30 2025-08-12 23:58:32 +1
@SendMeAnAngel teraz to rzadko gdzie jakiś specjalny design się robi, bierzesz bibliotekę UI typu AntDesign albo Shadcn i tyle xd
K.....z 2025-08-13 00:15:22 +2
@model_trzy_zmianowy @czwartafaza @MilionerPrzed30 @SendMeAnAngel:

Patrząc na to kiedy opublikowano KPO i w jak szybkim czasie ta stronka powstała wraz z UI i backendem to jestem w lekkim szoku. Dobre pytanie. Mi to wygląda na robotę profesjonalisty, bo szybko chłopak dowiózł i takich ludzi się teraz szuka po firmach. W korporacji gdyby u mnie to mieli robić w Javie i Angularze to by im 2 lata zajęło.
pokaż komentarze (16)
ZawzietyRobaczek 2025-08-03 12:21:41 +0
#webdev #www #html #css Elo.. robienie dzisiaj stron www to koszmar. Bo powinno sie toto dobrze wyswietlac wszedzie a rozrzut urzadzen jest spory do tego dochodzą tryb pionowy i poziomy. Pierwszy raz robię stronkę responsywną, nie uzywam zadnych fremewarokow tylko w przyslowiowym "notatniku" robie. z grubsza dobrze mi sie wszsytko wyświetla na kazdym urządzeniu. Mam 3 wersje. Dla desktop gdzie jest zafixowany width na 1400px. i potem dla mobile portrait i landscape. Mam pytanie Jakich stopni/progów używacie jeszcze w media query? Bo zauwazyłem przey testowaniu na Chromie w dev mode, że przy niektorych urządzeniach jak Ipad Pro, gdy mamy tryb portretowy to wersja portretowa wygląda słabo na tym, na spokojnie moża by użyuć wersji landscape. Probowalem to troche obejść za pomoca media query aspect-ratio ale troche się kaszaniło po klikaniu w linki i powrocie. powinienem jeszcze zrobic jakis dodatkowy tryb np. portrait- ale gdy urzadzeniejest duze i szerokie to wtedy dawac tryb landscape ? masakra.. jak sobie z tym radzie.. ja jestem niestety taką osobą że musze mieć to wszsytko pięknie równo co do pixela
BrotatyChleb 2025-08-03 23:32:01 +0
@ZawzietyRobaczek: dlatego robienie fixed width to proszenie sie o klopoty ( ͡° ͜ʖ ͡°) chyba ze chcesz media query robic co 10px xD
Krylan 2025-08-03 23:33:47 +0
@ZawzietyRobaczek a w plikach projektowych od Web Designera co masz? ( ͡° ͜ʖ ͡°)

Ile i jakie breakpointy: zależy od projektu. Zazwyczaj wystarczą trzy : telefon, tablet/laptop, duży ekran. Ewentualnie czasem czwarty gdzieś pomiędzy lub na bardzo duże ekrany.
Raczej nie widzę specjalnego powodu, żeby dla zwykłej strony www rozróżniać tryb portrait i landscape – raczej opierasz się na szerokościach ekranu. A strona pomiędzy tymi breakpointami powinna się dostosowywać do maksymalnej szerokości ekranu.
psiversum 2025-07-10 17:14:55 +3
#linux #webdesign #frontend #css

Przypominałem sobie kiedyś CSSa i bawiłem się w wizualne projektowanie klawiatury. Pomyślałem sobie, że fajnie byłoby mieć klawiaturę z wbudowanymi kartami, na których byłby np. jakiś mobilny system, ustawienia, różne dane, muzyka. Za pomocą wyświetlacza na klawiaturze aktywowałoby się nośniki, który pojawiałyby się od razu w systemie. Mogłaby być tteż opcja szyfrowania wybranych kart na poziomie czipsetu i hasła podawanego z klawiatury w trakcie aktywacji. Do tego z poziomu LCD, jeszcze mobilne notatki, menadżer różnych makr, podręczny schowek, zabezpieczony menadżer haseł, zakładki stron www, szybkie wybieranie programów. No i fizyczna regulacja głośności, podpięcia słuchawek i gniazdo na urządzenia USB.

Myślałem jeszcze, żeby klawiatura była przystosowana do menadżerów kafelkowych z zupełnie innym układem klawiszy. Nawet, gdzieś mam taki projekcik.

Co myślicie o takiej klawiaturze?
tomekb1999 2025-07-10 17:20:37 +2
@psiversum: ciekawy projekt, niezły kombajn!
Latififi 2025-07-11 12:45:06 +2
Patrze na te gniazda z prawej strony i obawiam się, że dla większości (praworęcznych) może być potencjalny problem wkurzających kabli przy myszce
pokaż komentarze (5)
programista_wykopek 2025-07-05 19:01:00 +0
Jak to coś skutecznie zablokować? addon I still dont care about cookies sobie nie radzi, a w ublocku zablokuje jedno, generuje się kolejne. Użyli jakieś randomizacji w divie by zmieniał obiekt nazwę za każdym odświeżeniem stronki
#ublock #adblock #ublockorigin #internet #html #css #reklama #chrome #firefox #komputry #przegladarki #informatyka #dobreprogramy #pytanie #kiciochpyta
gr0m1t 2025-07-06 11:39:43 +2
@programista_wykopek: Chrome - uBlock Origin Lite. Działa elegancko, ale do YouTube musiałem jeszcze dodać Adblock dla Youtube™

Edit: A możesz zablokować div zawierający określony string?
PijanyDrwal 2025-06-27 09:48:32 +0
Jakie znacie ciekawe lub mniej znane biblioteki CSS, które warto wypróbować w nowych projektach? #css #webdev podoba mi się tuicss i paper css
BogatyLewak 2025-06-27 09:55:09 +0
Bulma, brzmi jak postać z Dragon Ball ale to też fajny framework CSS, można też stosować jako bibliotekę. Jakiś czas temu wydali pełnoprawną wersję 1.0
Povsajo 2025-06-21 00:07:04 nsfw +4
Chłop godzinę centrował diva flexboxem, bo zapomniał, że trzeba nadać wysokość na centrowanego diva.
Później godzinę siedział i kopał się z gridem, by uzyskać pożądany układ, by finalnie znaleźć właściwość grid-area i jakoś pykło.

Satysfakcja była, chociaż nie ma z czego. Mam jednak wrażenie, że jestem na to wszystko za głupi xD

#webdev #przegryw #css
ArmageddonPrzeciwBladziom 2025-06-21 00:16:57 +1
@Povsajo: huop typu web developer, widzę
BogatyLewak 2025-06-21 00:46:00 +2
@Povsajo: margin: 0 auto; i cyk pora na CSka (ง ͠° ͟ل͜ ͡°)ง
pokaż komentarze (4)
G4NzU 2025-06-13 21:11:25 +2
#opsec #blog #programowanie #bitcoin #bip38 #bitcoin #css #kryptowaluty
Dużo myślałem nad tym i dochodzę do wniosku, że najlepsze i najtrwalsze jest na widoku. Nic fizycznego. Chcę na własnym blogu (kilkanaście tys. UU miesięcznie) ukryć mój mnemonic (BIP38) lub klucz prywatny w jawnej formie – tak, żeby:
- Nie był zaszyfrowany hasłem (żadnych kluczy, żadnych dodatkowych danych)
- Nie wymagał żadnego narzędzia dekodującego (czyli tylko ja, z pamięci, wiem gdzie i jak go odczytać)
- A jednocześnie: nawet jeśli zrobiłbym konkurs i setki koderów zaczęłyby przeszukiwać kod, treści, komentarze, favicona, stego w jpgach – nikt by go nie znalazł

Zaznaczam: komentarze w kodzie, nazwa obrazka, display: none; klasy w cssie steganografia, EXIF, mini-zip doklejony za favicon.ico – to wszystko za słabe (chociaż to ostatnie już najlepsze na co wpadłem).

Chcę coś naprawdę sprytnego, ale prostego do odczytu tylko dla mnie. Nie "ukryte hasło do zipa", nie "AES na login", nie "obrazek z układem kolorów", nie pierwsze słowa wpisu, nie js deszyfrujący hasłem, nie skryptozakladka. Najczarniejszy scenariusz jest taki, że kilkaset osób wie o ukryciu i przetrzepuje treści, kombinuje. Rozwiązanie musi wytrzymać tęgie umysły, bruteforce ale jednocześnie być PROSTE a kluczem musi być metoda, prosta. bez zapamiętywania, haseł w haśle itd. chce zapamietac tylko gdzie i jak szukać, nie hasło. od biedy nawet wrzucenie na serwer /haslo.txt byłoby ok, ale chce cos lepszego

Macie jakieś dobre metody ukrywania jawnego seeda, które:
1. Są w 100% jawne, ale niewidoczne
2. Są trywialne do odczytu dla osoby znającej schemat
3. Wytrzymają reverse engineering, crawlery i regexy?

Z góry dzięki – chętnie wymienię się pomysłami. Jeśli ktoś coś naprawdę mocnego wymyśli – mogę nawet wynagrodzić
Hmrogrz 2025-06-13 21:17:49 +8
@G4NzU: tatuaż pod jajami
m_ba 2025-06-13 23:56:58 +3
@G4NzU po co to wszystko jak hosting nie jest trwały, nawet ipfs. Steel Wallet z bip pod podłogą i po problemie. Przekombinowane.
pokaż komentarze (6)
SendMeAnAngel 2025-05-27 19:53:51 +0
Co sądzicie o Tailwind CSS? Na początku wydaje się mega wygodne, dopóki w kodzie HTML nie nawalisz 100 klas do opisu wyglądu elementów i jak mają się zachować przy różnych rozdzielczościach. Ale czy faktycznie o to chodzi w klasach CSS?

Kiedyś frątasiowanie było łatwiejsze, kiedy wszystkie komponenty sam pisałem, a gdy korzysta się z N gotowych bibliotek i każda implementuje coś po swojemu, kiedy wymieszasz SCSS ze zmiennymi CSS var(--zmienna), kiedy po zmianach interfejsu przestajesz panować, gdzie co jest zdefiniowane i każda zmiana psuje istniejące już elementy, to się zastanawiam, gdzie co poukładać.

- komponenty React / Angular / Web Components z własnymi stylami vs globalne style w głównym arkuszu
- SCSS vs zmienne CSS i ciągle nowe funkcje wchodzą (warstwy, własne własności)
- Tailwind vs stworzenie klasy CSS dla konkretnego elementu

Chyba najprościej hardkodować kolory i odległości z makiet do kodu zamiast tworzyć reusable klasy CSS i reusable komponenty, bo i tak są niespójne, choć da się to przerobić, aby kolory same się dopasowywały w zależności od motywu modala, elementu...

#frontend #css #programowanie #tailwind #tailwindcss
turboKatapulta 2025-05-27 19:58:22 +3
Tailwind CSS wyglada pięknie dopóki jakiegoś elementu nie musisz ostylować pod 3 rozdziałki + light/dark mode + jakieś pseudklasy xD
w.....z 2025-05-27 22:53:40 +5
@SendMeAnAngel:

im wiecej expa masz tym bardziej widzisz jakim gownem jest tailwind, ergo stazysta jeszcze projektu nie postawil i juz instaluje srailwinda, a senior nigdy nie dopusci zeby takie cos znalazlo sie w jego projekcie ( ͡° ͜ʖ ͡°)
pokaż komentarze (5)
SendMeAnAngel 2025-04-16 12:39:07 +1
Pytanie do twórców aplikacji w Angular Material. Czy używacie jakiegoś systemu siatek? W Angular Material nie ma. W innych frameworkach CSS różnie bywa. Teoretycznie powinno się tak pisać kod CSS, aby elementy pozycjonowały się same w zależności od rozdzielczości ekranu, ale jeśli to, jak rozmieszczą się elementy, pozostawimy dziełu przypadku, to na różnych ekranach elementy zaczną się rozjeżdżać. Chyba nie wymyślono nic lepszego od systemu siatek Bootstrap, tylko kiedyś trzeba było pisać dużo kodu, a potem to uprościli. Są tez inne systemy. Stąd pytanie do was, czego obecnie używa się w branży. Czy sami piszecie klasy CSS, które ustawią wam elementy w zależności od szerokości ekranu? #css #frontend #webdesign #programowanie #angular
krisswoj 2025-04-16 12:52:19 +0
@SendMeAnAngel PrimeFlex
ra_s 2025-04-16 16:35:24 +0
@SendMeAnAngel: Nie wiem czy ja dobrze Cie rozumiem, ale jak to nie ma grida w Angular Material? https://material.angular.io/components/grid-list/examples
pokaż komentarze (3)
BoobTheFatty2 2025-02-28 15:36:20 +0
Cześć, potrzebuję pomocy w przeglądarce Firefox.
Chciałbym po kliknięciu w link z poziomu wyników wyszukiwań Google usunąć go z historii przeglądania w taki sposób, żeby po powrocie na ekran z wynikami wyszukiwania link nie zmienił swojego koloru, tj. powrócił do swojego pierwotnego stanu.
Jak do tego podejść?
Nie chcę zmieniać ustawienia globalnie dla wszystkich odwiedzonych stron albo stosować myków w stylu ustawienia tego samego koloru dla linków odwiedzonych i nieodwiedzonych.
W Chrome wystarczy usunąć taki adres z historii przeglądania, a link zmienia swój kolor na początkowy.
Z góry dzięuję za wszelkie rady.
#firefox #css #html