Blog

KATEGORIA:

Przygotowanie do druku – wizytówki

wizytówki

Czy konieczne jest zlecanie projektu wizytówek profesjonalnym firmom? Wiedzą jak to zrobić i na pewno przedstawią nam zadowalający efekt. Jednak kiedy mamy w głowie projekt idealny i wystarczające umiejętności w Photoshopie, aby je przygotować, to nie ma się nad czym zastanawiać – trzeba działać! Satysfakcja gwarantowana 🙂 Aby wizytówki, które sobie wymarzymy, po wydrukowaniu wyglądały […]

KATEGORIA:

Właściwości grid-item

właściwości grid-item

Wprowadzenie i podstawowe pojęcia dotyczące GRIDa znajdują się w artykule: CSS Grid Layout – wprowadzenie. W CSS Grid tworzymy siatkę, która znajduje się w grid-container – wewnątrz niego znajdują się grid-items. Każdy z tych elementów ma swoje unikalne właściwości, dzięki którym możemy swobodnie przestawiać elementy względem poszczególnych osi i w zależności od szerokości ekranu. Właściwości grid-container […]

KATEGORIA:

Właściwości grid-container

grid-container

GRID i podstawowe pojęcia z nim związane opisałam dokładnie w poprzednim artykule: CSS Grid Layout – wprowadzenie. Tutaj zajmę się już konkretnymi przykładami użycia. GRID – właściwości grid-container Aby w ogóle rozpocząć pracę, dodajemy display: grid do grid-container. Od tej pory możemy zacząć używać pozostałych właściwości. UWAGA! column, float, clear, vertical-align nie zadziałają na grid-container!!! Teraz […]

KATEGORIA:

CSS Grid Layout – wprowadzenie

css grid

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, a po dodaniu odpowiednich @media […]

KATEGORIA:

Co to jest flexbox?

flexbox

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 w pionie jak […]

KATEGORIA:

Strony www parafii

strony www parafii

Brzydkie! Bez względu na to czy jest to parafia z Wrocławia, Warszawy czy Koluszek. Wiele z nich wygląda jak pierwsze strony internetowe, o których pisałam w artykule Pierwsza strona internetowa. Na szczęście powoli widać, że coraz więcej księży zaczyna przykładać większą wagę do wyglądu strony parafii. CO POWINNO ZNALEŹĆ SIĘ NA STRONIE PARAFII? Badania przeprowadzone wśród parafian jednej z wrocławskich […]

KATEGORIA:

Jak zainstalować WordPressa?

szybka instalacja wordpressa

Instalacja WordPressa w dowolnym katalogu – całość zajmuje maksymalnie 5 minut. INSTALACJA WORDPRESSA KROK PO KROKU 1. Na TEJ STRONIE znajduje się plik wp-install.php. Należy go pobrać. 2. Używając FTP wgrywamy plik do katalogu, w którym ma być zainstalowany WordPress. 3. Uruchamiamy plik przez przeglądarkę: Wpisujemy www.twojastrona.com/wp-install.php, gdy plik znajduje się w katalogu głównym. Wpisujemy www.twojastrona.com/nazwa-katalogu/wp-install.php, gdy plik znajduje się […]

KATEGORIA:

FLEXBOX ŚCIĄGA

ściąga jak używać flexbox

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 dla poszczególnych cech […]

KATEGORIA:

ELEMENTY RÓWNEJ WYSOKOŚCI

równa wysokość elementów css

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 i right. Teraz należy dodać […]