DJ-ImageSlider - darmowy slider na Twoją stronę -WA

Szczegóły

Super User

Kategoria: Rozszerzenia

Opublikowano: 02 styczeń 2024

Odsłony: 24

Jednym z elementów zwiększających atrakcyjność witryny jest efektowny slider wyświetlający pliki graficzne oraz ich opisy w formie slajdów.

Moim ulubionym darmowym sliderem jest DJ-ImageSlider, który można pobrać w serwisie Dj-Extensions.com. Opisywałem go już jakiś czas temu w artykule: DJ Image Slider.

Obecnie dostępna jest uaktualniona wersja 3 tego darmowego rozszerzenia, która zawiera sporo zmian, takich jak:

• wykonywanie efektów w języku CSS3 zamiast JavaScript;
• poprawa responsywności;
• ulepszone wsparcie dla urządzeń dotykowych;
• możliwość tworzenia własnych szablonów (tzw. theme);
• możliwość wyświetlania obrazów w LightBox'ie;
• rozszerzona lista efektów slajdów

Dzięki temu rozszerzeniu możesz wyróżnić najnowsze lub najważniejsze treści swojego serwisu, np. najistotniejsze aspekty Twojej działalności. DJ Image Slider umożliwia wyświetlenie grafik z tytułem oraz krótkim opisem, które mogą być podlinkowane pod dowolną pozycję menu, artykuł lub dowolny adres URL.

Pokażę Ci, jak krok po kroku to zrealizować w oparciu o domyślnie zainstalowany CMS Joomla! 3.4 z użyciem opcji: Testowanie Joomla - dane przykładowe w języku angielskim (GB) oraz z domyślnym szablonem protostar.

Domyślnie witryna bez slidera prezentuje się dosyć skromnie:

Instalacja DJ Image Slider

Aby pobrać plik instalacyjny, wejdź na stronę: dj-extensions.com, następnie w menu pokaż pozycję Extensions i w sekcji FREE EXTENSIONS kliknij pozycję DJ-IMageSlider.

Pobierz DJ-ImageSlider i zapisz w dowolnej lokalizacji na swoim komputerze. Następnie zaloguj się do zaplecza swojego serwisu i zainstaluj pobrany plik. Plik instalacyjny zawiera:

• komponent DJ Image Slider;
• moduł DJ Image Slider;

Po prawidłowej instalacji zobaczysz ekran podobny do pokazanego poniżej:

Teraz komponent widoczny jest w menu Komponenty, natomiast moduły widoczne są w menadżerze modułów (menu Rozszerzenia/Moduły).

Konfiguracja komponentu DJ Image Slider

Kliknij w menu Komponenty pozycję: DJ ImageSlider, aby wyświetlić pulpit tego komponentu.

Teraz kliknij przycisk Nowa kategoria, aby utworzyć nową kategorię, do której będą przypisane slajdy.

W polu Tytuł wpisz nazwę kategorii, natomiast w polu Opis możesz opcjonalnie wpisać bardziej szczegółowe informacje dotyczące tworzonej kategorii. Na koniec kliknij przycisk Zapisz i zamknij.

Teraz kliknij w menu po lewej stronie pozycję Slajdy (lub kliknij w menu Rozszerzenia, pokaż pozycję DJ-ImageSlider i kliknij pozycję Slajdy), następnie przycisk Utwórz. Możesz także kliknąć przycisk Nowy slajd znajdujący się na Pulpicie.

W polu Tytuł wpisz tytuł slajdu, w polu Kategoria wybierz kategorię, do której ma być przypisany slajd. Obok pola Obraz kliknij przycisk Wybierz, aby przypisać plik graficzny do tworzonego slajdu. 

Pamiętaj, aby wcześniej przygotować pliki graficzne w odpowiednich rozmiarach. W moim przykładzie chciałbym, aby slider miał wielkość 700 x 300 pikseli i widoczny był nad artykułami na stronie startowej.

W polu Opis slajdu umieść krótki opis dotyczący tworzonego slajdu. Zakładam, że slajd ten będzie zachęcał do przeczytania jakiegoś artykułu. Wobec tego w polu Opis slajdu umieszczę zdanie lub dwa zachęcające do przeczytania mojego artykułu. Trzymając się moich założeń, w polu Rodzaj odnośnika wybierz listy pozycję: Artykuł, natomiast w polu Artykuł kliknij przycisk Wybierz/Zamień, a następnie w okienku modalnym kliknij tytuł wybranego artykułu.

Po dokonaniu wszystkich ustawień kliknij przycisk Zapisz i zamknij.

W podobny sposób dodaj jeszcze przy najmniej dwa slajdy! Teraz w oknie Slajdy zobaczysz listę utworzonych przez Ciebie slajdów:

Aby slajdy zdefiniowane w komponencie DJ-ImageSlider były widoczne w Twoim serwisie, musisz je umieścić w module!

Do tego celu wykorzystaj moduł DJ-ImageSlider.

Konfiguracja modułu DJ-ImageSlider

Jeżeli chcesz mieć polskojęzyczny interface modułu DJ-ImageSlider, specjalnie dla Ciebie przygotowałem jego tłumaczenie ;-)

Wystarczy, że pobierzesz plik: pl-PL.mod_djimageslider.ini i skopiujesz go do lokalizacji: folder_z_plikami_twojego_serwisu\language\pl-PL. Teraz moduł DJ-ImageSlider będzie posiadał już polskojęzyczny interface ;-).

Kliknij w menu Rozszerzenia pozycję Moduły, a następnie kliknij nazwę modułu: DJ-ImageSlider.

W polu Tytuł (1) zmień lub pozostaw nazwę modułu, w polu Pokaż tytuł (2) zdecyduj, czy chcesz, aby nazwa modułu widoczna była na stronie. W polu Pozycja (3) wybierz pozycję, w której ma pojawić się Twój slider. W przypadku domyślnego szablonu protostar, wybieram pozycję o nazwie: banner. W polu Stan (4) wybierz z listy pozycję Opublikowano.

Pora na ustawienia w sekcji DJ-ImageSlider Module. W polu: Źródło slidera (5) wybierz z listy pozycję: Komponent, aby wyświetlić slajdy utworzone za pomocą komponentuDJ-ImageSlider, natomiast w polu Typ slidera (6) wybierz typ slidera: poziomy (Poziomo), pionowy (Pionowo) lub Zanikanie (wówczas możliwe jest wyświetlanie tylko jednej grafiki na raz). W polu Szablon (7) wybierz z listy szablon (wygląd) dla tworzonego slidera. Domyślnie jest tylko jeden o nazwie: default. Możesz utworzyć własny szablon poprzez skopiowanie istniejącego szablonu i zmianę nazwy folderu default znajdującego się w lokalizacji: /modules/mod_djimageslider/themes/ lub skopiowaniu pliku djimageslider.css z domyślnego szablonu do lokalizacji: /templates/twoj_szablon/css/ i ustawienie szablonu jako - nadpisz z szablonu -. W polu Link grafiki (8) możesz zdecydować, czy grafika ma być linkiem prowadzącym do lokalizacji zdefiniowanej podczas tworzenia slajdu w komponencie DJ ImageSlider (pozycja: Hiperłącze), czy też nie (pozycja Bez hiperłącza). Możesz także ustawić pozycję Otwórz grafikę w oknie magnific/slimbox popup, aby po kliknięciu na wybranej grafice, otworzyła się ona w okienku modalnym.

Jeżeli w polu Źródło slidera wybrana została pozycja Folder, to w sekcji FOLDER JAKO ŹRÓDŁO: USTAWIENIA w polu Folder z grafiką wpisz ścieżkę dostępu do folderu z grafikami, które mają być wyświetlone przez slider. Natomiast w polu Link wpisz adres URL, który ma być otwarty po kliknięciu grafiki.

Jeżeli w polu Źródło slidera wybrana została pozycja Komponent, to przejdź do ustawień w sekcji KOMPONENT JAKO ŹRÓDŁO: USTAWIENIA. W polu Kategoria slajdów (9) wybierasz kategorię slajdów utworzoną w komponencie DJ-ImageSlider, w polu Pokaż tytuł (10), w zależności od tego, czy chcesz, aby wyświetlał się tytuł slajdu, zaznaczasz odpowiednie pole. W polu Pokaż opis (11) decydujesz, czy slider ma wyświetlać opis slajdu, natomiast w polu Pokaż 'Czytaj więcej' (12), decydujesz, czy powinien wyświetlać się link z napisem Czytaj więcej. Jeżeli chcesz zmienić tekst tego przycisku, to w polu Tekst zamiast 'Czytaj więcej' możesz wpisać własny tekst! 

Za pomocą opcji Tytuł jako link (13) definiujesz, czy tytuł slajdu ma być jednocześnie linkiem prowadzącym do lokalizacji zdefiniowanej wcześniej w komponencie DJ-ImageSlider, natomiast za pomocą opcji Opis jako link (14) decydujesz, czy także tekst opisu slajdu ma być linkiem. W polu Limit tekstu opisu możesz wpisać maksymalną liczbę znaków, jaki może mieć opis slajdu. Jest to szczególnie istotne wówczas, gdy chcesz mieć na przykład taką samą wysokość wszystkich opisów.

Przejdź teraz do ustawień w sekcji PODSTAWOWE USTAWIENIA SLIDERA.

Jeżeli chcesz, aby slider wypełniał całą szerokość kontenera (pozycji szablonu) w którym się znajduje, niezależnie od zdefiniowanej jego szerokości, to w polu Pełna szerokość slidera (15) kliknij przycisk Tak. Wówczas jedynym ograniczeniem jest szerokość kontenera w którym slider został opublikowany.

W polu Szerokość slajdu (16) ustaw szerokość slidera, natomiast w polu Wysokość slajdu (17) wpisz wysokość slidera. Za pomocą listy w polu Dopasuj rozmiar grafiki (18), decydujesz w jaki sposób grafiki mają się dopasowywać do rozmiaru slidera. Jeżeli chcesz, aby grafika w sliderze była wycentrowana w pionie, to kliknij przycisk Tak w polu Centrowanie obrazu w pionie (19). W polu Liczba widocznych grafik (20) wpisz liczbę grafik wyświetlanych jednocześnie w sliderze. Pole Odstęp między grafikami (21) służy do definiowania odstępu (w pikselach) między wyświetlanymi grafikami, natomiast w polu Max grafik (22) wpisujesz maksymalną liczbę grafik, jaka ma być załadowana razem ze sliderem. Za pomocą pola Sortowanie (23) decydujesz, w jaki sposób Twoje slajdy mają być sortowane: według nazw/kolejności (Nazwa pliku/Kolejność) lub Losowo.

W polu Użyj CSS3 (24) możesz zdecydować, czy chcesz, aby efekty przejścia slajdów generowane były za pomocą języka CSS, czy JavaScript.

Kolejne cztery pola definiują elementy nawigacyjne slidera. Za pomocą pola Autoodtwarzanie (25) możesz zdecydować, czy po wyświetleniu strony slajdy mają się automatycznie przewijać (opcja Tak), czy też nie (opcja Nie). W polu Pokaż odtwarzaj/pauza (26) definiujesz, czy na sliderze ma wyświetlać się przycisk play/pause. Domyślnie ten przycisk jest widoczny po najechaniu kursorem myszy na slider. W polu Pokaż następny/poprzedni (27) definiujesz, czy na sliderze mają wyświetlać się przyciski następny, poprzedni. Domyślnie te przyciski są widoczne po najechaniu kursorem myszy na slider. W polu Wyświetl znaczniki (kropki, numery) (28) decydujesz, czy w sliderze powinny się wyświetlać znaczniki reprezentujące poszczególne slajdy.

Opanuj tajniki HTML i CSS

Szczegóły

Super User

Kategoria: HTML

Opublikowano: 02 styczeń 2024

Odsłony: 28

HTML i CSS. Zaprojektuj i zbuduj witrynę WWW. Podręcznik Front-End Developera

 

Autor:

Jon Duckett

• Ostatnie sztuki
• Promocja Przejdź

Obróć Zajrzyj do książki

 

Wydawnictwo:Helion

Ocena:

5.3/6  Opinie: 60

Stron:

512

Druk:

oprawa miękka

Czytaj fragment

 

Książka

89,00 zł (-40%)
53,40 zł

Dodaj do koszyka Wysyłamy w 24h

(53,40 zł najniższa cena z 30 dni)

Ebook (44,50 zł najniższa cena z 30 dni)

89,00 zł (-66%)
29,90 zł

Dodaj do koszyka lub Kup 1-kliknięciem

 

 

Przenieś na półkę

Do przechowalni

Powiadom o dostępności audiobooka »

• Opis książki
• Ocena (5.3/6) i opinie (60)
• Szczegóły książki
• Spis treści książki
• Przykłady do książki

 

Najczęściej kupowane razem

• 

• 

• 

HTML i CSS. Zaprojektuj i zbuduj witrynę WWW. Podręcznik Front-End Developera Jon Duckett

JavaScript i jQuery. Interaktywne strony WWW dla każdego. Podręcznik Front-End Developera Jon Duckett

PHP i MySQL. Aplikacje internetowe po stronie serwera Jon Duckett

Cena zestawu: 208,20 zł

Oszczędzasz: 138,00 zł (40%)

Dodaj do koszyka

 

 

Opis książki: HTML i CSS. Zaprojektuj i zbuduj witrynę WWW. Podręcznik Front-End Developera

Twój przewodnik po świecie webmasterów!

Umiejętność projektowania i budowania stron WWW jest obecnie bardzo ceniona. Firma, organizacja, artysta, a często nawet osoba prywatna chcą mieć własną witrynę. I mimo że liczba stron w sieci jest wprost niewyobrażalna, wciąż jest tam miejsce na nowe! Dlatego odpowiedz sobie na pytanie: czy chcesz zbudować swoją własną witrynę, poszerzyć swoje kwalifikacje i zdobyć lepszą pracę? Tak? To zapraszamy do lektury!

Ta pozycja jest doskonałym przewodnikiem, który wprowadzi Cię w świat projektowania i budowania stron WWW. W trakcie lektury dowiesz się też, jak uzyskać dostęp do serwera i opublikować swoją witrynę. Cała książka została podzielona na trzy części. Pierwsza poświęcona jest językowi HTML. Z nią poznasz niezbędne znaczniki oraz techniki tworzenia układu strony. Druga została poświęcona kaskadowym arkuszom stylów (CSS). Dzięki nim Twoja witryna nabierze kształtów i kolorów. Zobacz, co potrafi CSS3 — jeszcze niedawno takie cuda nie śniły się webmasterom. Ostatnia część to praktyczne porady oraz wskazówki, które pozwolą Ci uniknąć najczęstszych problemów. Ta książka to Twój klucz do świata webmasterów!

Dzięki tej książce:

• opanujesz tajniki i składnię języka HTML
• poznasz niesamowite możliwości CSS3
• unikniesz typowych problemów
• opublikujesz swoją pierwszą witrynę WWW na serwerze

Poznaj tajniki projektowania i budowania stron WWW!

• Dla kogo jest ta książka?
• Projektantów i programistów witryn WWW.
• Redaktorów i osób tworzących treści stron.
• Zespołów zajmujących się marketingiem oraz handlem elektronicznym.
• Blogerów i hobbystów.

W książce dowiesz się jak:

• Pisać kod HTML5 i CSS3.
• Tworzyć strukturę stron i witryn WWW.
• Przygotowywać obrazy, klipy wideo i pliki muzyczne.
• Kontrolować typografię oraz układ stron.

Dodatkowe treści znajdziesz także na stronie poświęconej książce: www.htmlandcssbook.com

Witaj na milszej ścieżce do poznania HTML i CSS.

Niezależnie do tego chcesz projektować i tworzyć witryny WWW od podstaw, czy też zyskać dodatkową kontrolę nad wyglądem już istniejącej witryny, ta książka pomoże Ci w tworzeniu treści atrakcyjnych i przyjaznych dla użytkownika. Rozumiemy, że kod może być deprymujący, warto jednak żebyś zajrzał do tego przewodnika — przekonasz się jak bardzo różni się on od innych książek programistycznych.

Każda strona książki opisuje nowe zagadnienie, przedstawiając je w prosty, atrakcyjny wizualnie sposób i zawiera zrozumiały opis oraz bardzo krótki przykład kodu. W książce znajdziesz także praktyczne porady dotyczące sposobów organizacji i projektowania stron, dzięki którym będziesz w stanie tworzyć olśniewające i łatwe w użyciu witryny. Nie potrzeba do tego żadnej wstępnej wiedzy ani doświadczeń.

Najnowsze technologie tworzenia stron WWW

Szczegóły

Super User

Kategoria: HTML

Opublikowano: 02 styczeń 2024

Odsłony: 27

Technologie stron internetowych: najpopularniejsze języki programowania używane w stronach internetowych oraz aplikacjach www

Dzisiejsze strony internetowe są z reguły bardzo skomplikowanymi projektami. Nowoczesne strony www zazwyczaj zawierają dwie warstwy technologiczne, frontend oraz backend. W skład obu warstw technologicznych wchodzą języki programowania takie jak, html, css, javascript po stronie frontend’u oraz np. php, java, ruby, python po stronie backend’u.W poniższym artykule postaramy się przybliżyć technologie, które warto rozważyć podczas przygotowywania się do projektu. Wybór nie jest prosty, ponieważ oprócz technologii, które wymieniamy tekście, jest jeszcze ogromna lista możliwości. Wybór technologii zastosowanej w projekcie strony czy aplikacji powinien być poprzedzony analizą, a następnie omówiony z wykonawcą projektu.

Więc jaki język wybrać do programowania stron internetowej lub aplikacji?

Jeśli zlecamy wszystkie działania agencji interaktywnej lub software housowi, wtedy wybór języków programowania będzie przeprowadzony przez firmę zewnętrzną. Wtedy tylko czekamy na wykonanie projektu zgodnie z wypracowaną specyfikacją oraz dokumentacją. W przypadku kiedy jednak część działań projektowych lub całość działań projektowych wykonywanych jest w ramach organizacji, to wtedy musimy się zastanowić nad wyborem optymalnych języków pod kątem specyfiki naszego projektu. Po stronie przeglądarki wykorzystywane są HTML, CSS oraz JavaScript (nie mylić z JAVA), jest to trójca święta nowoczesnego Frontend Developmentu. Są to podstawowe języki wykorzystywane w internecie.

Pierwszym najważniejszym elementem naszej strony jest HTML.

Czym jest HTML?

HTML (ang. HyperText Markup Language) jest językiem opisującym strukturę strony www za pomocą hipertekstowych języków znaczników. HTML został napisany w 1980 roku w ośrodku badawczo-rozwojowym CERN przez Tim Berners-Lee. Chodziło o to, żeby w ośrodku badawczym można było uzyskać dostęp do dokumentów naukowych. Za pomocą hiperłączy użytkownik sieci mógł uzyskiwać dostęp do dokumentów, których poszukiwał. W 1990 roku została opracowana pierwsza wersja propozycji WWW. Początkowo HTML posiadał tylko 22 znaczniki. Współcześnie HTML posiada 10 podstawowych znaczników, 39 znaczników formatujących, 12 znaczników formularza, 4 znaczniki ramek, 8 znaczników związanych z grafiką, 4 audio-video, 3 dotyczące linków, 6 znaczników list, 10 znaczników dotyczących tabel, 13 znaczników semantycznych, 3 znaczniki meta oraz 5 znaczników dotyczących skryptów i programowania.

Następnym elementem dość oczywistym są kaskadowe arkusze stylów, w skrócie CSS (akronim ang. Cascading Style Sheets)

CSS został opracowany w 1996 roku w celu opisywania wyglądu strony www.

Obecnie CSS składa się z trzech modułów CSS1, CSS2, CSS3, ustandaryzowany za pomocą specyfikacji W3C (ang. World Wide Web Consortium).  CSS1 jest najstarszym standardem, obecnie najbardziej rekomendowanym przez konsorcju W3C jest wersja CSS2.1 ponieważ jest standaryzowana w całości, natomiast CSS3 w dalszym ciągu przechodzi proces standaryzacji, co wiąże się z tym, że część stylów nie jest jeszcze obsługiwana przez niektóre przeglądarki.

JavaScript jest językiem skryptowym odpowiadającym za logikę po stronie przeglądarki. Skrypty są podpięte pod stronę i w momencie wywołania strony internetowej przeglądarka interpretuje skrypty JS.

JavaScript jest skryptowym językiem programowania interpretowanym bezpośrednio w przeglądarkach. JavaScript został stworzony w Netscape przez Brendana Eich‘a w 1995 roku.

JavaScript według raportu StackOverflow 2019, jest najpopularniejszym językiem programowania. Zajmuje pierwsze miejsce 67.8% programistów zna JavaScript, na drugim miejscu jest HTML/CSS 63.5%, a na trzecim SQL z wynikiem 54.4%. W przypadku strony statycznej wystarczy wykorzystać tylko HTML, CSS i skrypty napisane w JavaScript, żeby otrzymać kompletną i działającą stronę internetową. Javascript odpowiada za logikę. Wszystkie czynności w przeglądarkach, od animacji zaczynając po np. walidację pól formularza kończąc obsługuje właśnie JavaScript.

Jeśli jednak mamy zamiar wykonać bardziej rozbudowaną stronę lub aplikację www, która wymaga języka programowania działającego po stronie serwera to wtedy musimy wybrać backendowy język programowania.

Więc jaki backendowy język programowania należy wybrać?

Powołując się ponownie na raport StackOverflow, można w nim zobaczyć, że najpopularniejszym językiem programowania jest Python. Zajmuje on czwarte miejsce, gdzie 41.7% programistów korzysta z niego. Czyli wyciągając wnioski z tego należałoby wybrać backend w Pythonie, a dokładnie rzec ujmując w Django. Niestety nie jest to dla nas miarodajne, ponieważ Python tak samo jak Java, która jest na piątej pozycji z wartością 41.1% są używane również do programowania aplikacji natywnych, nie związanych bezpośrednio z programowaniem stron internetowych.Przeglądając dalej statystyki napotykamy wreście pierwszy język skryptowy napisany pod strony internetowe. Jest nim PHP. Stawiam więc w tym miejscu tezę, że tak naprawdę najważniejszym językiem backendowym jest PHP, patrząc na procent udziału na poziomie 26.4%.

Czym jest więc PHP?

PHP jest to skryptowy język programowania interpretowany bezpośrednio po stronie serwera www.

PHP zyskuje w oczach programistów świetną dokumentacją i prostotą. Pierwsza wersja tego języka skryptowego została opracowana w 1994 roku przez Rasmusa Lerdorfa. PHP jest to akronim od Personal Home Page/Form Interpreter. Język przez wiele lat ewoluował i dzisiaj jest kompletnym obiektowym językiem programowania. Obecnie programiści korzystają już z z wersji  7+. Rekomendowany stosem technologicznym w przypadku PHP jest LAMP (ang. Linux, Apache, MySQL, PHP).

Moim zdaniem kolejnym fantastycznym językiem skryptowym jest Ruby. W Polsce mało popularnym, natomiast na zachodzie jest często spotykanym rozwiązaniem. Ruby posiada bardzo ciekawą składnię, zbliżoną do naturalnego języka. Został stworzony przez japońskiego programistę Yukihiro Matsumoto. Jest interpretowanym językiem obiektowym. Aktualnie wykorzystuje go 8.4% web developerów.

Jeśli ktoś szuka bardziej zaawansowanych języków programowania, języków ogólnego zastosowania, to może wybrać Pythona lub Java.

Python jest świetnym językiem ogólnego przeznaczenia. Posiada przejrzystość składni. Został napisany w Amsterdamie na wydziale Matematyki i Informatyki, a jego nazwa pochodzi od angielskiego serialu komediowego.

Pythona w web devlopmencie używa się wykorzystując jego framework Django.

Następnym na liście jest JAVA.Jest to bardzo wydajny obiektowy, silnie typowany język. Język ten jest wykorzystywany zarówno w desktopowych aplikacjach, jak również w mobilnych i webowych.

Czy przeglądarki służą tylko do przeglądania, czy jednak można je wykorzystać jako narzędzie do web developmentu.

Z naszego punktu widzenia przeglądarki są to takie same narzędzia, jak dla grafika np. Adobe Photoshop. Bez przeglądarki nie bylibyśmy w stanie wykonać projektu strony internetowej, czy aplikacji webowej. Dlatego postanowiłem napisać kilka słów o nich. Czy mamy jakieś preferencje odnośnie przeglądarek internetowych?

Jak najbardziej posiadamy preferencje. Dla nas najważniejsze są dwie przeglądarki.

1. Google Chrome
2. Mozilla Firefox

Wymienimy w naszym artykule cztery przeglądarki szeroko stosowane do przeglądania, ze względu na potrzebę sprawdzenia jak strona internetowa zachowuje się na tych najbardziej popularnych. Zresztą informacje, które przeglądarki są w użyciu i jakie wybrać można sprawdzić na dedykowanej temu problemowi stronie. Najchętniej wybierane są dwie, Google Chrome oraz Mozilla Firefox według statystyk StatsCounter. http://gs.statcounter.com/browser-market-share

Udział w rynku przeglądarek zmienia się w zależności od urządzenia końcowego. Np. inne są statystyki dla desktopa, a inne dla telefonu. Warto zajrzeć na stronę i sprawdzić dokładnie jak kształtują się udziały w rynku. Ponieważ piszemy o procesie projektowania strony internetowej i aplikacji webowej to tutaj mam na myśli wykorzystanie przeglądarki na desktopie.

Oprócz powyższych dwóch przeglądarek, użytkownicy korzystają jeszcze z Internet Explorera lub Edge oraz z Safari.

W przypadku web developmentu programiści rekomendują wykorzystanie Google Chrome lub Mozilli Firefox. Obie przeglądarki posiadają rozbudowane wsparcie dla programistów, dzięki licznym bezpłatnym rozszerzeniom.