Blog

Transformacja menu (li / select)

Transformacja menu (li / select)
Jeżeli chcemy w prosty sposób stworzyć inteligentne (lub jak kto woli: responsywne) menu strony, które z  postaci listy wypunktowanej będzie się przeistaczało na listę rozwijalną na stronach responsywnych polecam skorzystać z opracowanego przeze mnie kodu. Lista rozwijalna to nic innego jak formularz o konstrukcji select – option (ang. drop down list).Ogólnie to stosuje się dwie metody....
Czytaj więcej
Permalink
JavaScript
, ,
1192

Projektowanie stron responsywnych

Projektowanie stron responsywnych
Responsive Web Design to jedna z propozycji, będącą odpowiedzią na rosnące potrzeby w zakresie obsługi różnorodności wyświetlaczy używanych do przeglądania zasobów Internetu. Pojęcie to zostało po raz pierwszy użyte przez Ethana Marcotte'a w artykule o dokładnie takiej samej nazwie. Poruszył on w nim zagadnienia dotyczące projektu elastycznej siatki, elastycznych obrazów oraz zapytań medialnych i połączył je...
Czytaj więcej
Permalink
Web
, , ,
1386

Nowoczesne strony internetowe

Nowoczesne strony internetowe
W niniejszym artykule przeanalizujemy parę kwestii, które pozwolą nam określić bliżej czym jest lub czym może być nowoczesność, jako cecha na stronach internetowych. Pierwsza z nich będzie dotyczyć tego jak można rozumieć nowoczesność w web designie.Druga będzie dotyczyć kwestii wizualnej, czyli tego kiedy estetyka strony sprawia wrażenie nowoczesnej a trzecia, jak można się spodziewać -...
Czytaj więcej
Permalink
Web
, , , , ,
1959

PM HTML5 Template

PM HTML5 Template
Pod tą tajemniczą nazwą kryje się szablonik, od którego można zaczynać pracę z nowym projektem HTML5. Paczkę przygotowałem głównie dla siebie aby nie pisać i nie kopiować z poprzednich projektów podstawowego szablonu z nagłówkiem, stopką etc.Opcjonalnie można skorzystać z Grid Systemu, który miałem już przyjemność wcześniej wam zaprezentować. Mam nadzieję że szablon ten zaoszczędzi wam...
Czytaj więcej
Permalink
Aplikacje, JavaScript, Web
, , , , , ,
877

Podmiana tekstu JavaScript

Podmiana tekstu JavaScript
Dzisiaj chciałbym wam pokazać jak szybko podmienić dany tekst na stronie za pomocą JavaScript. Skrypt ten może być używany jako tzw. wytrych, czyli skrypt którego stosowanie nie do końca jest eleganckie z programistycznego punktu widzenia ale najczęściej jest najtańszym i najszybszym osiągnięciem celu.Podmiana tekstu w ten sposób przypomina znaną z edytorów tekstu funkcję Zamień na...
Czytaj więcej
Permalink
Aplikacje, JavaScript, Web
, , ,
938

Kiedy JavaScript a kiedy PHP

Kiedy JavaScript a kiedy PHP
Ciekawe czy jako początkujący web developerzy zastanawialiście się głębiej nad tym kiedy stosować skrypty po stronie klienta Client-Side Scripting a kiedy te wykonywane po stronie serwera Server-Side Scripting. Nie mam tutaj oczywiście na myśli oczywistych przypadków, np. formatowanie oraz obsługę zdarzeń w przeglądarce powinniśmy wykonywać po stronie klienta. Mam na myśli przypadki co do których...
Czytaj więcej
Permalink
Aplikacje, Bezpieczeństwo, Web
, , ,
1769

Odtwarzacz filmów z playlistą w HTML5

Odtwarzacz filmów z playlistą w HTML5
Częstą potrzebą wydawców stron jest umieszczenie zbioru filmików lub nagrań audio na jednej z podstron w formie jaką znamy z odtwarzaczy multimedialnych z jakich korzystamy na komputerach klasy PC i smartfonach. Mówię tu o takim rozwiązaniu w którym mamy do dyspozycji przycisk Play/Pauza, przewijanie, przechodzenie do następnych plików etc.Jak na razie, takiej wtyczki jeszcze nigdzie...
Czytaj więcej
Permalink
Aplikacje, Multimedia, Web
, , , , , ,
1590

Serwisy z których często korzystam

Serwisy z których często korzystam
W trakcie tworzenia kolejnych stron lub aplikacji internetowych często korzystam z tych samych serwisów bądź narzędzi dostępnych online. Oczywiście każdy ma swoje mniejsze lub większe przyzwyczajenia, które są determinowane przez nasze cele i doświadczenia.W tym wpisie pokażę wam kilka ciekawych witryn, które usprawniają pracę nad projektami. Niektóre dotyczą szczegółów, które mają tylko zrobić konkretny zrzut...
Czytaj więcej
Permalink
Aplikacje, Grafika, Web
, , , ,
1285

Jak działają strony internetowe?

Jak działają strony internetowe?
Przeglądamy strony internetowe, sprawdzamy pocztę i otrzymujemy powiadomienia z Facebooka na komórkę. To wszystko działa w oparciu o jeden i ten sam mechanizm. Postaram się najkrócej opisać na czym to wszystko polega jeżeli ktoś przespał lub ominął akurat te zajęcia z Informatyki.Nie chcę przesadzić ze szczegółami technicznymi ale też nie chcę z was robić lamusów...
Czytaj więcej
Permalink
Hosting, Web
,
1487

Zabezpieczenie stron przed skopiowaniem

Zabezpieczenie stron przed skopiowaniem
Jak czytam przypadkowe tutoriale o blokadzie prawego przycisku myszy lub o wymyślnych technikach, które mają zabezpieczyć stronę przed skopiowaniem wykorzystując skrypty które działają w kilku procentach przeglądarek to dosłownie ręce mi opadają. Tego typu zabiegi mogą co najwyżej utrudnić przeciętnemu Kowalskiemu w skopiowaniu naszej strony.Prawda jest taka, że jeżeli ktoś ma chociaż podstawowe pojęcie o...
Czytaj więcej
Permalink
Bezpieczeństwo, Web
Brak tagów
1067

Instalacja WordPress na serwerze

Instalacja WordPress na serwerze
Instalacja systemu WordPress na serwerze to jednocześnie instrukcja jak stworzyć własny serwis internetowy w parę chwil. Skoro to czytacie to wiecie co to jest WordPress i serwer dlatego przejdźmy od razu do części praktycznej.Nie ma sensu pisać o wymaganiach WordPressa, ponieważ każdy poważny dostawca hostingu spełnia je od kilku lat. Konieczne jest posiadanie bazy MySQL,...
Czytaj więcej
Permalink
Hosting, Web
, , ,
755

Fonty na stronie WWW

Fonty na stronie WWW
Przy projektowaniu typografii witryn internetowych, często korzysta się z krojów pisma dostępnych w systemie, usprawiedliwiając to między innymi oszczędnością transferu danych. Jednak używanie czcionek systemowych ma zasadniczą wadę – na różnych systemach mamy dostępne zwykle inne zestawy czcionek i rządzą nimi odmienne zasady nazewnictwa.Aby strona wyglądała zawsze identycznie, powinno się stosować czcionki, które są ładowane...
Czytaj więcej
Permalink
Grafika, Web
, , , , ,
958

Idealna aplikacja internetowa

Idealna aplikacja internetowa
Jakiś czas temu wpadłem na pomysł stworzenia aplikacji internetowej do obsługi faktur, magazynu i płatności. Na początku może się to wydawać śmieszne, skoro kilkadziesiąt, jak nie setki podobnych aplikacji już istnieje i co więcej, są ciągle rozwijane przez duże firmy.Zamiast tworzyć kolejnego klona, od samego początku podszedłbym do problemu w nieco inny sposób, mianowicie: usability...
Czytaj więcej
Permalink
Aplikacje
, ,
706

jQuery – podstawy i tutorial

jQuery – podstawy i tutorial
Wiem, że w sieci jest wiele mniejszych lub większych tutoriali na temat tej biblioteki. Mimo to postanowiłem w kolejnych wpisach przybliżyć parę technik, dzięki którym będziemy z łatwością posługiwali się tym językiem. Aby tradycji stało się zadość mała definicja na samym początku.Co to jest jQuery? Jest to biblioteka programistyczna JavaScript, czyli nic innego jak gotowe...
Czytaj więcej
Permalink
Aplikacje, Web
, ,
1114

Najpiękniejsze strony firmowe – 2015

  • beoplay
  • brightbyte
  • dietaikonauten
  • dior2015
  • jacuetdrozd
  • lamborghini
  • sony
  • versace

Selekcja na 2015 rok. Dodawanie nieprzeciętnych stron internetowych do ulubionych w przeglądarce mam już w nawyku. Postanowiłem podzielić się z Wami moimi kolejnymi odkryciami. Prezentuję realne, działające, firmowe strony internetowe.

  1. beoplay.com
  2. brightbyte.co.uk
  3. dietaikonauten.com
  4. dior.com
  5. jaquet-droz.com
  6. lamborghini.com
  7. sony.pl
  8. versace.com

Jak zwykle, zachęcam do obejrzenia stron „na żywo”. I do sprawdzenia listy z 2014 roku, którą została opublikowana dokładnie rok temu.

Sprawdź najnowszą listę na 2017 rok.

Permalink
Grafika, Web
, , , , , , ,
3290

Systemy zarządzania treścią (CMS)

Systemy zarządzania treścią (CMS)
Jeżeli przyszło wam kiedyś edytować stronę statyczną to już wiecie z jaką pracą się to wiąże. Kolejno: logujemy się na konto FTP, ściągamy pliki, edytujemy w notatniku, wysyłamy na serwer, zauważamy błędy, ściągamy, poprawiamy wysyłamy na serwer, zauważamy kolejne błędy i tak w kółko...W efekcie, zmiany, które chcieliśmy wprowadzić na stronie, nagle okazują się nie...
Czytaj więcej
Permalink
SEO, Web
, , , , ,
951