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
eWeb Design
Gotowe przykłady i skrypty. Pomoc w tworzeniu stron internetowych
Demo:
Demo dostępne tutajCzy można tworzyć stronę www bez użycia plików css? Owszem można a w obecnych czasach nawet trzeba. A język programowania LESS jest do tego idealny. Czytaj dalej
Media społecznościowe obecnie przeżywają swoje pięć minut. Są jednymi z najpopularniejszych portali w internecie. Każdy na stronie posiada linki w różnej formie powiązany z social media. Czytaj dalej
Demo:
Pizza Margaritta
15 May 2015
Everyone knows that famous pizza comes from Italy.
Flowers
01 May 2015
The flowers are blooming in spring.
Chile
09 April 2015
Beautifull country in South America.
Venice
25 March 2015
Is one of the most interesting and mysterious city in the world.
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 tutajMó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/phpNie 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
Przykład prostego wykorzystania tablic w języku programowania javascript, wraz z możliwością dynamicznego dodawania elementów do tablicy, jak i wyświetlania w postaci ciągu znaków. Czytaj dalej
Język programowania css jest jednym z niewielu, który tak szybko się rozwija. Zapotrzebowania na jego metody, funkcje i skrypty ciągle rośnie. Wokół niego powstają narzędzia, które ułatwiają jego dystrybucję. CSS4 to nowe funkcję, nowe metody, które jednak nie obsługują wszystkie przeglądarki internetowe, ale z czasem się to zmieni. Czytaj dalej
Fundamentem styli Css i zabawy z najpopularniejszą biblioteką javascript – jQuery, są atrybuty oznaczone haszem, płotkiem – id i kropką – class. Czytaj dalej