Chyba nie ma dzisiaj programisty stron internetowych, który w swojej pracy nie wykorzystuje Bootstrapa, czy innych framework’ow do responsywnego tworzenia stron www. Czytaj dalej
eWeb Design
Gotowe przykłady i skrypty. Pomoc w tworzeniu stron internetowych
Strony internetowe rozwijają się bardzo dynamicznie, a wraz z nimi całe zaplecze. Począwszy głównego języka HTML, aż po framework’i Bootstrap, Angular, itp. Nie inaczej jest w zarządzaniu stylami. Choć tam nadal głównym językiem jest CSS, to jednak coraz mniej się w nim pisze style dla strony. Oczywiście przeglądarki interpretują póki co wyłącznie style CSS, to jednak programowanie skryptów odbywa się już w innych językach. Sass/SCSS, Less , to teraz najpopularniejsze języki programowania styli przeglądarek. Jak widać język Sass składa się z 2 odmian. Pierwsza to właśnie Sass, drugi to SCSS. Czytaj dalej
Demo:
Demo dostępne na stronie: Menu dropdown hiddenNie 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
Zmiana szablonu jest bardzo popularną funkcjonalnością w wielu serwisach internetowych, zwłaszcza w szablonach administracyjnych. Dlatego chce pokazać, jak w bardzo prosty sposób to zastosować z wykorzystaniem sesji HTML5. Czytaj dalej
Demo:
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:
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