Blog

Strony internetowe

Posty z: Strony internetowe category

4 serwisy z darmową grafiką do stron www

1. Unsplash

Co 10 dni 10 nowych fotek w wysokiej rozdzielczości. Co ważne wszystkie na licencji CC0, co oznacza, że można z nimi robić wszystko. Kilka z tych zdjęć znajdziesz wykorzystanych na mojej – strony www Włocławek. Niestety, nie ma tu żadnej wyszukiwarki, kategorii ani tagów, więc szukanie szukanie czegoś konkretnego można sobie darować. Jedyne co można zrobić, to przełączyć widok na siatkę i scrollować galerię w dół, aż nam się nie znudzi i brać wszystko, co może się przydać w przyszłości.

https://unsplash.com/

Więcej...

Dlaczego WordPress?

Dlaczego uważam WordPressa za najlepszy system zarządzania treścią dla stron www i dlaczego korzystam właśnie z niego? Powodów jest kilka i poniżej postaram się je przedstawić.

Wygoda użytkowania

Łatwa instalacja i aktualizacje? Tak.

Przyjazny i spójny interfejs? Jest.

Bezpieczeństwo danych? Zapewnione.

Wersje językowe? Są.

Więcej...

9 inspirujących stron typu one-page

Nie trudno zorientować się, że jestem fanem tego typu rozwiązań (vide strona www, na której jesteś). Kiedyś strony tego typu były nie do pomyślenia. Dziś okazuje się, że poza świetnym wyglądem, dają pole do popisu dla efektów, których nie da się zastosować na typowych stronach. Co więcej, okazuje się powoli, że one-page także da się pozycjonować… Poniżej znajduje się krótka lista wybranych przeze mnie witryn, w których coś mnie ostatnio urzekło.

1. Sony – promo firmy

http://discover.store.sony.com/be-moved/

Ciekawe elementy

Bezsprzecznie najefektowniejsze są animacje składania produktów Sony z elementów, umieszczone w formie przejścia między sekcjami strony. Właściwie trudno wskazać najfajniejszą, choć mi osobiście najbardziej podoba się animacja składania głośnika.

Ogólne wrażenia

Według mnie – idealny pokaz tego, co można osiągnąć przy nielimitowanym budżecie. Sony stworzyło prawdziwie pionierską stronę, ale już na pierwszy rzut oka widać, że pracował nad nią sztab ludzi, głównie animatorów. Prawdę mówiąc, to dzieło zasługuje na osobną analizę – coś do zrobienia w przyszłości.

Więcej...

(Prawie) gotowa!

Udało się właściwie szybciej, niż w 14 dni roboczych. Wszystko działa już na tyle dobrze i jest wypełnione treścią do tego stopnia, że można nie nazywać już tego miejsca „stroną w budowie”.

Sukcesy

Udało się spełnić wszystkie początkowe założenia, a nawet dołożyć kilka fajnych elementów. Doszedł między innymi slajder (pokaz slajdów z efektami) opisujący wykorzystywane przeze mnie aspekty projektowania i tworzenia stron. Wykorzystałem do jego budowy plugin o nazwie LayerSlider. Świetna rzecz – masa możliwości, a przy tym spora wydajność.

Więcej...

Strony responsywne – o co chodzi?

Coraz więcej osób korzysta z telefonów komórkowych lub tabletów do surfowania po Internecie. Niestety, większość zasobów w Sieci nie jest dostosowana do tych urządzeń. Są one głównie ograniczone przez mały rozmiar ekranu i wymagają trochę innego podejścia w kwestii rozłożenia elementów na stronie.

Dziś, kiedy coraz więcej urządzeń ma dostęp do Internetu (telefony, tablety, laptopy, desktopy, konsole do gier, telewizory, a nawet już zegarki) i każde ma wyświetlacz w innym rozmiarze, istotne jest, aby coraz częściej skupiać się na dopasowywaniu się stron do tychże urządzeń.

Responsywność

Pojęcie to w odniesieniu do stron internetowych zdefiniowane zostało w 2010 roku i oznacza dostosowywanie się strony internetowej do potrzeb użytkownika i urządzenia, z którego on korzysta. Zazwyczaj oznacza to stosowanie układu kolumnowego, gdzie użytkownik korzystający z telefonu zobaczy treść strony w jednej długiej kolumnie, na tablecie będą to już dwie, a na dużym monitorze stacjonarnym trzy lub więcej (ale nie koniecznie – niektóre elementy strony nie wymagają wcale podziału na kolumny i często zajmują całą szerokość ekranu bez względu na jego rozmiar).

Więcej...

Póki co idzie dobrze…

Struktura strony jest ustalona i zaimplementowana.
Zrobiłem też wstępną wersję ekranu startowego, wykorzystującą efekt paralaksy z kilku warstw obrazków. Kto wie, może nawet wersja ta okaże się ostateczną. Podoba mi się kolorystyka – lubię zielony…

Pierwsze napotkane trudności

Responsywność

Sprawdziłem funkcjonalność strony na komórce (Android+Chrome). Jest OK, chociaż zauważyłem problem z ekranem startowym. Podejrzewam, że będzie potrzebna jego alternatywna wersja dla małych urządzeń mobilnych.
Trzeba będzie też w kilku miejscach poprawić marginesy, bo treść strony dotyka krawędzi ekranu.

Więcej...