FLEXBOX – wprowadzenie Dosłownie możemy tłumaczyć go jako elastyczny model skrzynkowy, którego używamy do projektowania interfejsu aplikacji i stron internetowych. W tym modelu używamy pojemnika – rodzica, w którym umieszczamy dzieci (np. section, w której jest jeden lub więcej div). Rodzic jest elastycznym pojemnikiem a dzieci w nim umieszczone, możemy ułożyć w dowolnym kierunku zarówno […]
FLEXBOX – ŚCIĄGA Flexbox jest bardzo pomocny dla projektantów stron internetowych, jednak na początku nie łatwo jest zapamiętać wszystkie jego cechy i możliwości. Aby ułatwić Wam pracę, przygotowałam plik: flexbox ściąga. Można do niej zerkać podczas prac nad stroną. Zachęcam do korzystania, zanim flex właściwości dobrze się wam utrwalą 🙂 Flexbox ściąga to spore ułatwienie – wartości […]
CSS GENERATOR jest intuicyjny, darmowy i dostępny online CSS Generator to proste w użyciu i darmowe narzędzie, za pomocą którego dobierzesz odpowiednie wartości dla wybranych właściwości CSS. Cechuje go: wygodne dostosowanie parametrów za pomocą suwaków, możliwość podglądu na żywo, błyskawiczne kopiowanie gotowego kodu CSS. Jak dużo narzędzi powinien znać Web Developer? Czy początkujący twórca front-endu […]
CSS GRID Layout – wprowadzenie Grid to sposób tworzenia (budowania, składania) stron internetowych – drugie obok Flexboxa potężne narzędzie, ułatwiające pracę. CSS Grid Layout to układ dwuwymiarowy, tak jak tabele obsługuje kolumny i wiersze. W dużym kontenerze (Grid container) umieszcza się elementy potomne (Grid items) – po dodaniu odpowiednich cech w css, można stworzyć zaawansowany układ, […]
JAK NADAĆ ELEMENTOM JEDNAKOWĄ WYSOKOŚĆ? Flexbox to sposób składu stron, z którego skorzystamy, aby rozwiązać problem wysokości kolumn. Nie będziemy korzystać z tabeli – zostawimy ją do przedstawiania danych tabelarycznych. Tworzymy dowolny pojemnik, który będzie zawierał w sobie nasze kolumny. W moim przykładzie będzie to div o klasie container oraz dwa divy wewnątrz niego: left […]
WYŚRODKOWANIE POSITION:ABSOLUE position: absolute czasem sprawia problemy i nie daje się ujarzmić. Podpowiadam jak wyśrodkować element znajdujący się wewnątrz elementu z position: absolute. Tak napisany kod, wygląda następująco: Aby dodać sekcji position: absolute jednocześnie uzyskując wyśrodkowany tekst należy użyć języka css: Efekt: FLEXBOX Kiedyś faktycznie był to spory problem. Dziś wiele takich dylematów zastępuje flexbox – takich sposób składania […]