Jak tworzyć strony responsywne

W moich wcześniejszych wpisach spotkaliście się ze słowem „responsywne” bądź „RWD” co oznacza po angielsku Responsive Web Design. Czyli po polsku – strona elastyczna, która dostosowuje się pod różne rozdzielczości i urządzenia mobilne jak smartfon, tablet.

Chcę tutaj pokazać tak w krótkiej instrukcji, jak za pomocą kilku linijek kodów wykonać taką stronę.

(więcej…)

6 komentarzy

Responsywna mapa google na stronę

Dziś wstawimy mapę google na stronę, do tego responsywną, będzie skalowała się pod wszelkie rozdzielczości.

Taka mapka przydaje się gdy chcemy klientom pokazać gdzie znajduje się siedziba naszej firmy, sklepu, by mogli szybko znaleźć i dojechać. Można ją powiększać, pomniejszać, przesuwać. Wstawimy na całą szerokość strony.

(więcej…)

1 Komentarz

Responsywna tabelka w html/css

Pokażę jak za pomocą css ładnie ostylować tabelę, by była ona responsywna i ładna 🙂
Tabeli używamy dość często, a to by zrobić spis produktów, by napisać cennik usług, czy menu w restauracji. Zwyczajna, surowa, nie ostylowana tabela jest po prostu nie ładna. Dlatego przygotowałam tutorial z kodem, który ucieszy oko 🙂

 

 

(więcej…)

4 komentarze

Slider zdjęć w jQuery

Przez upały nic nie idzie robić, dopiero wieczorem jest ciut chłodniej by zabrać się za pisanie, a i mecze sporo czasu zajmują 😀 Nasi awansowali dalej, a mecz do najkrótszych nie należał, przysporzył nam sporo nerwów, ale wywalczyli i wielkie brawa! 🙂

Zaczynamy. Wykonam tutorial pt. jak wykonać animowany slider zmieniających się zdjęć.

(więcej…)

0 Komentarzy

Photoshop – wycinamy tło z obrazka

Zapewne wielu z Was chciało lub próbowało wyciąć tło z obrazka i ten obrazek wstawić do innego tła. Robimy tak, kiedy nie podoba nam się tło za którym jest postać, lub jak sprzedajemy coś na aukcji i chcemy zrobić ładne, profesjonalne zdjęcie, ale nie mieliśmy tła by ten przedmiot na nim położyć, tylko zwyczajnie położyliśmy na podłogę, na dodatek brudną…

5 komentarzy

Wstawiamy wysuwane okienko facebooka na stronę

Większość firm posiada fanpage na facebooku i dobrze jest taki odnośnik do tego fanpage umieścić też na stronie. Pokażę w jaki sposób to zrobić. Skrypt nie jest skomplikowany, samo wstawienie tego ładnie wysuwanego okienka jest dość proste i nie zabiera dużo czasu.

Strona składa się z plików:
index.html
style.css

(więcej…)

1 Komentarz

Responsywne menu rozwijane

Przedstawię Wam jak wykonać za pomocą html, css i jQuery, bardzo ciekawe menu poziomowe/rozwijane. Menu jest również responsywne, ładnie działa w telefonach, tabletach.
Jest to moje podrasowane menu, które używam w wielu stronach, przetestowane i gotowe do działania.

(więcej…)

8 komentarzy

Photoshop – jak ładnie połączyć zdjęcia

Dziś pokażę Wam jak połączyć zdjęcia za pomocą gradientu – przejścia, w łagodny sposób, by nie było widać, że są połączone. Takie łączenie przydaje się we wszelkich materiałach graficznych.

Najlepiej by łączone zdjęcia były podobne do siebie. Chodzi o to by np. na jednym i drugim była trawa, bo jeśli na jednym będzie krajobraz z trawą, a na drugim samo niebo z chmurą, to wyjdzie to brzydko.

(więcej…)

0 Komentarzy

Programy do zrzutów ekranu

Szukając dobrego programu do zrzutów ekranu, który od razu wysyła zrzut na serwer, postanowiłam podzielić się z Wami.

Od wielu miesięcy używam świetnego programu ScreenSHU – program ten posiada dużo ciekawych opcji, najważniejszym dla mnie jest właśnie upload obrazków na serwer. Osobiście wykonuję dużo zrzutów ekranu, czy to pokazać coś klientowi, czy znajomym, czy to wytłumaczyć jakieś opcje w programie, albo właśnie do tego bloga, kiedy robię tutoriala.

(więcej…)

2 komentarze
Close Menu