Fragmenty kodu 2025, Styczeń
Rozmawialiśmy o „Dlaczego Ems?” tu wcześniej. Dla tych, którzy dopiero zaczynają przygodę z em, The Mozilla Developer Network doskonale objaśnia em: ...
Radzenie sobie ze ścieżkami jest zawsze trochę denerwujące, zgodzisz się. Na szczęście dzięki Sassowi niezwykle łatwo jest mieć piękny interfejs API do zarządzania zasobami i „
Chociaż jest bardzo pomocny w arytmetyce, Sass nie radzi sobie z matematycznymi funkcjami pomocniczymi. W oficjalnym repozytorium pojawił się otwarty problem dotyczący „
Za pośrednictwem Alexa Kinga możesz używać zmiennych jako selektorów: $ a-tags: 'a, a: active, a: hover, a: Visited'; $ a-tags-hover: 'a: active, a: hover'; # ($ a-tags) (kolor: "
Framework Sass Compass zapewnia przydatną funkcję do uzyskania pozycji w przeciwnym kierunku, na przykład w lewo podczas przekazywania prawej jako argumentu. To"
Jeśli jesteś zainteresowany obsługą własnego prefiksu dostawcy CSS (zamiast, powiedzmy, Autoprefixer lub Compass), oto mieszanka, która pomoże w tym. Raczej"
Nie ma łatwego sposobu zakwalifikowania selektora z powiązanego zestawu reguł. Przez kwalifikowanie mam na myśli dołączanie nazwy elementu (np. A) do klasy "
W tym artykule z lipca 2013 roku opisano metodę korzystania z pseudo elementów w celu zachowania współczynnika kształtu elementów, nawet podczas skalowania. Oto mixin Sass, który „
Material Design jest ostatnio wszechobecny. Jedna część składa się z układania warstw jedna na drugiej, jak prawdziwe arkusze papieru. Osiągnąć"
Jeśli istnieje jeden skrót CSS, który dramatycznie pomija, jest on tym, który umożliwia zdefiniowanie właściwości position, a także czterech właściwości offset ”
Elastyczne kreacje do projektowania witryn internetowych często istnieją w kilku różnych punktach przerwania. Zarządzanie tymi punktami przerwania nie zawsze jest łatwe. Korzystanie z nich i aktualizacja ”
Zagłębiając się w teorię kolorów, można znaleźć coś, co nazywa się względną luminancją koloru. Mówiąc prościej, luminancja koloru określa, czy jego „
Dla twórców bibliotek i twórców frameworków przydatne może być posiadanie kilku dodatkowych funkcji do dynamicznego stosowania funkcji do elementów listy. Tutaj"
Rozszerzając selektor za pomocą dyrektywy @extend, Sass nie pobiera zawartości CSS z rozszerzonego selektora, aby umieścić ją w rozszerzającym. To"
Kiedy mamy do czynienia z liczbami w JavaScript lub innym języku programowania, istnieje sposób na obcięcie liczby po n cyfrach. Niestety nie ma"
Krzywe Béziera mogą służyć do dodawania pięknych efektów do przejść i animacji CSS. Wpisując pełną notację funkcjonalną (np. Sześcienny-bezier (0,550, "
Podczas pracy na złożonych architekturach Sass nie jest niczym niezwykłym używanie map Sass do utrzymania konfiguracji i opcji. Od czasu do czasu zobaczysz mapy ”
Paski przewijania są jednym z tych elementów interfejsu użytkownika, które są obecne na prawie każdej stronie w Internecie, ale my (programiści) nie mamy nad nim kontroli. ”
Istnieje dość popularny hack CSS wykorzystujący przezroczyste obramowanie elementu o szerokości 0 / wysokości w celu naśladowania trójkątów. Tutaj jest fragment kodu CSS na temat sztuczek CSS „
Zakładając, że element nadrzędny ma położenie: względne;, te cztery właściwości wyśrodkują element podrzędny zarówno w poziomie, jak iw pionie, bez względu na to "
Konwertując liczbę bez jednostek na długość, czas trwania, kąt lub cokolwiek innego, ludzie mają tendencję do dodawania jednostki jako łańcucha, na przykład: $ value: 42; "
W informatyce używamy klamry słów jako sposobu na ograniczenie liczby między dwiema innymi liczbami. Po zaciśnięciu liczba zachowuje swoją własną wartość ”
Używam tych właściwości razem przez cały czas, co jest zazwyczaj dobrą okazją do tworzenia abstrakcji, takich jak mixin: @mixin coverer („
Najlepsze wprowadzenie do BEM pochodzi od Harry'ego Robertsa: BEM - czyli blok, element, modyfikator - to front-endowa metodologia nazewnictwa wymyślona przez gości z „
Znak & w Sass jest wyjątkowy, ponieważ reprezentuje bieżący selektor. Zmienia się w miarę zagnieżdżania się. Powiedzmy, że jesteś zagnieżdżony, ale chcesz mieć dostęp do „
Często potrzeba odrobiny przezroczystej czerni lub bieli. W CSS możesz zrobić: .half-black (background: rgba (0, 0, 0, 0.5);) W "
Ta kolekcja funkcji służy do testowania, czy wartość zmiennej jest określonego typu. Na przykład, czy 13rem to długość względna? PRAWDZIWE! Jest „mroźny”
Function getZeroPaddedNumber ($ value, $ padding) (return str_pad ($ value, $ padding, "0", STR_PAD_LEFT);) Użycie echo getZeroPaddedNumber (123, 4); // wyświetla „
To wyrażenie regularne poniżej sprawdza podany kod pocztowy, jeśli zaczyna się od cyfr 096, a po nim są dokładnie 2 cyfry. Jeśli tak, to powtórzy tak, jeśli „
$ url = 'http://example.com'; $ validation = filter_var ($ url, FILTER_VALIDATE_URL, FILTER_FLAG_HOST_REQUIRED); if ($ validation) $ output = 'właściwy URL'; "