Demo:
Demo dostępne na stronie: Menu dropdown hidden

Nie zawsze Bootstrap jest rozwiązaniem dla strony internetowej i jej elementów. Czasami jest tak, że potrzeba stworzenia czegoś własnego, bo żaden framework dla RWD nie jest w stanie rozwiązać problemu. Dla listy np. Menu, której elementy nie mieszczą się w jednej linii potrzeba stworzenia pozycji z całą zawartością tych elementów, które są poza obszarem okna. Trzeba to samemu napisać, nie ma frameworka, który nam w tym pomoże. Czytaj dalej

Demo:

Formularz kontaktowy





Wyszukiwarka

Bardzo popularne ostatnio stają się widgety, które wysuwają się z pocznej strony ekranu. Zarówno dla social jak i modułów strony. Dla systemów klasy CMS są gotowe darmowe jak i płatne moduły, które to robią. ten wpis jednak prezentuje jak można to samemu zrobić zarówno dla stron opartych na cms jak i własnych bez żadnego silnika. Czytaj dalej

Demo:

Pizza Margaritta

15 May 2015

Everyone knows that famous pizza comes from Italy.

pizza

Flowers

01 May 2015

The flowers are blooming in spring.

flowers

Chile

09 April 2015

Beautifull country in South America.

chile

Venice

25 March 2015

Is one of the most interesting and mysterious city in the world.

venedig

Bardzo popularne i dość efektowne są materiały wyświetlana w formie linii czasu. Można ten efekt wykorzystać na wiele różnych sposobów, np. eventy, posty, wiadomości, portfolio, itd. Poniższy przykład stworzy linię czasu na przykładzie artykułów. Do tego skryptu wykorzystujemy HTML, CSS, oraz jQuery. Czytaj dalej

Demo:
Demo dostępne tutaj

Mój dzisiejszy skrypt jest odpowiedzią na wiele pytań i poszukiwać w kwestii przewijania obrazów na stronie a także dodania elementów będących równocześnie kolejnymi pozycjami slideshow do np. listy menu . Czytaj dalej

Demo:

Heading One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent euismod ultrices ante, ac laoreet nulla vestibulum adipiscing. Nam quis justo in augue auctor imperdiet. Curabitur aliquet orci sit amet est posuere consectetur. Fusce nec leo ut massa viverra venenatis. Nam accumsan libero a elit aliquet quis ullamcorper arcu tincidunt. Praesent purus turpis, consectetur quis congue vel, pulvinar at lorem. Vivamus varius condimentum dolor, quis ultricies ipsum porta quis.

Heading Two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent euismod ultrices ante, ac laoreet nulla vestibulum adipiscing. Nam quis justo in augue auctor imperdiet. Curabitur aliquet orci sit amet est posuere consectetur. Fusce nec leo ut massa viverra venenatis. Nam accumsan libero a elit aliquet quis ullamcorper arcu tincidunt. Praesent purus turpis, consectetur quis congue vel, pulvinar at lorem. Vivamus varius condimentum dolor, quis ultricies ipsum porta quis.

Heading Three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent euismod ultrices ante, ac laoreet nulla vestibulum adipiscing. Nam quis justo in augue auctor imperdiet. Curabitur aliquet orci sit amet est posuere consectetur. Fusce nec leo ut massa viverra venenatis. Nam accumsan libero a elit aliquet quis ullamcorper arcu tincidunt. Praesent purus turpis, consectetur quis congue vel, pulvinar at lorem. Vivamus varius condimentum dolor, quis ultricies ipsum porta quis.

Heading Four

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent euismod ultrices ante, ac laoreet nulla vestibulum adipiscing. Nam quis justo in augue auctor imperdiet. Curabitur aliquet orci sit amet est posuere consectetur. Fusce nec leo ut massa viverra venenatis. Nam accumsan libero a elit aliquet quis ullamcorper arcu tincidunt. Praesent purus turpis, consectetur quis congue vel, pulvinar at lorem. Vivamus varius condimentum dolor, quis ultricies ipsum porta quis.

Heading Five

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent euismod ultrices ante, ac laoreet nulla vestibulum adipiscing. Nam quis justo in augue auctor imperdiet. Curabitur aliquet orci sit amet est posuere consectetur. Fusce nec leo ut massa viverra venenatis. Nam accumsan libero a elit aliquet quis ullamcorper arcu tincidunt. Praesent purus turpis, consectetur quis congue vel, pulvinar at lorem. Vivamus varius condimentum dolor, quis ultricies ipsum porta quis.

Heading Six

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent euismod ultrices ante, ac laoreet nulla vestibulum adipiscing. Nam quis justo in augue auctor imperdiet. Curabitur aliquet orci sit amet est posuere consectetur. Fusce nec leo ut massa viverra venenatis. Nam accumsan libero a elit aliquet quis ullamcorper arcu tincidunt. Praesent purus turpis, consectetur quis congue vel, pulvinar at lorem. Vivamus varius condimentum dolor, quis ultricies ipsum porta quis.

Heading Seven

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent euismod ultrices ante, ac laoreet nulla vestibulum adipiscing. Nam quis justo in augue auctor imperdiet. Curabitur aliquet orci sit amet est posuere consectetur. Fusce nec leo ut massa viverra venenatis. Nam accumsan libero a elit aliquet quis ullamcorper arcu tincidunt. Praesent purus turpis, consectetur quis congue vel, pulvinar at lorem. Vivamus varius condimentum dolor, quis ultricies ipsum porta quis.

Bardzo przydatna funkcja css target pozwalająca na swobodną nawigację i płynne przewijanie materiałów na stronie. Używamy wyłącznie składni HTML oraz stylów CSS. Czytaj dalej

Demo:
Gotowy skrypt można zobaczyć pod adresem: rss/xml/php

Nie od dziś wiadomo, że pliki XML są bardzo popularne i wykorzystywane przez strony internetowe, użytkowników, programistów, administratorów, itp. Co jakiś czas zachodzi potrzeba aby operować na plikach xml. Ja dzisiaj chciałem pokazać przykład wykorzystania plików xml za pomocą języka php, które generuje flickr. Czytaj dalej