Archiwum kategorii: html

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:

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:

Responsive tutorial

Strony responsywne na każej rozdzielczości, na każdym urządzeniu wyglądają bardzo dobrze. Obszar roboczy dostosowuje się do przekątnej okna urządzenia, z którego aktualnie przeglądamy witrynę.

Responsive Design

Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.

CSS Tutorial

Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.

Skrypty na stronę

Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.

jQuery pomoc

Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.

Responsywne tworzenie stron internetowych jest obecnie standardem. Kto nie ma strony dostosowanej do różnych rozdzielczości ten ma problem. Po pierwsze Google źle widzi takie trony, a po drugie co ważniejsze użytkownik przeglądający taką stronę na np. smartfonie zaraz z niej wyjdzie bo nie będzie mu się ładnie skalować i komfort przeglądania będzie tragiczny. Dlatego warto budować nowe strony, oraz przebudowywać je w oparciu o zasady responsive web design. Czytaj dalej

Demo:
  • 12.04.2014

    eWeb Design

    Tu quoque, Brute, fili mi, nihil timor populi, nihil! Vivamus sagittis lacus vel augue laoreet rutrum faucibus. Salutantibus vitae elit libero, a pharetra augue. Curabitur est gravida et libero vitae dictum. więcej

  • 18.04.2014

    iPhone rulezz

    Tu quoque, Brute, fili mi, nihil timor populi, nihil! Vivamus sagittis lacus vel augue laoreet rutrum faucibus. Salutantibus vitae elit libero, a pharetra augue. Curabitur est gravida et libero vitae dictum. więcej

  • 30.04.2014

    Home office all time

    Tu quoque, Brute, fili mi, nihil timor populi, nihil! Vivamus sagittis lacus vel augue laoreet rutrum faucibus. Salutantibus vitae elit libero, a pharetra augue. Curabitur est gravida et libero vitae dictum. więcej

  • 3.05.2014

    Be ready, take a camera

    Tu quoque, Brute, fili mi, nihil timor populi, nihil! Vivamus sagittis lacus vel augue laoreet rutrum faucibus. Salutantibus vitae elit libero, a pharetra augue. Curabitur est gravida et libero vitae dictum. więcej

Wiadomości, aktualności, to element strony, który bardzo często ma zastosowanie na stronach internetowych. Aby przyciągnąć uwagę i zachęcić użytkownika do przeczytania wiadomości konieczna jest dobra forma tego elementu. Czytaj dalej

Demo:

Bardzo popularny ostatnio jest ostatnio termin Responsive Web Design. O co w tym właściwie chodzi? Odpowiedz jest bardzo prosta, a mianowicie jest to sztuka tworzenia stron internetowych, które dostosowują się do okna przeglądarki. Czytaj dalej

Demo:

Chyba każdy w mniejszym, lub większym stopniu wykorzystuje formularze. Standardowe pola formularzów nie robią już wrażenia, aby się wyróżnić trzeba projektować coś nowego. Moja propozycja na pewno wyróżnia się i może okazać się ciekawą propozycją również dla Twojej strony. Czytaj dalej

Demo:

Sprawy do załatwienia

  • zrobić zakupy
  • zapłacić za gaz
  • zapłacić za prąd
  • wywiadówka dziecka
  • posprzątać dom
  • urodziny szwagra
  • spotkanie z szefem
  • przegląd techniczny auta

Moje zadania:

    Przeciągnij tutaj


Wybrałeś: zadań

Wykorzystanie funkcji jQuery UI (drag&drop) jako lista spraw z zapisem do bazy danych Czytaj dalej