• Home
  • Technologie
    • Bezpieczeństwo
    • Sprzęt
    • Oprogramowanie
    • Mobile
  • Kryptowaluty
  • Marketing
    • Reklama
    • Social Media
  • Finanse
  • Felietony
  • [IP]
  • Kontakt
    • Reklama w OSnews
    • Pakiet Public Relations
    • Content Marketing w OSnews
OSnews.pl
OSnews.pl
  • Home
  • Technologie
    • Bezpieczeństwo
      Prawda czy fikcja? Popularny były haker twierdzi, że ma 7 miliardów dolarów w BTC

      Prawda czy fikcja? Popularny były haker twierdzi, że ma 7 miliardów dolarów w BTC

      Certyfikat SSL, a hosting – dlaczego warto poszukać serwera z darmowymi certyfikatami?

      Certyfikat SSL, a hosting – dlaczego warto poszukać serwera z darmowymi certyfikatami?

      75-latek dorabiał do emerytury na szyfrowaniu cudzych danych

      75-latek dorabiał do emerytury na szyfrowaniu cudzych danych

      Ujawniono najczęściej używane hasła w 2016 roku

      Ujawniono najczęściej używane hasła w 2016 roku

    • Sprzęt
      Tanie laptopy poleasingowe – czym się charakteryzują i co je różni od nowego sprzętu z marketu?

      Tanie laptopy poleasingowe – czym się charakteryzują i co je różni od nowego sprzętu z marketu?

      Jaki tablet dla dziecka?

      Jaki tablet dla dziecka?

      Pancerne laptopy – sprzęt, który sprawdza się w każdych warunkach

      Pancerne laptopy – sprzęt, który sprawdza się w każdych warunkach

      Zadbaj o swój kręgosłup i spraw sobie wygodne krzesło biurowe

      Zadbaj o swój kręgosłup i spraw sobie wygodne krzesło biurowe

    • Oprogramowanie
      Jak zrobić dobrze wyglądające wideo nawet jeśli nie jesteś profesjonalistą

      Jak zrobić dobrze wyglądające wideo nawet jeśli nie jesteś profesjonalistą

      Ta firma potrafi śledzić ruch przy pomocu dźwięku zamiast światła

      Ta firma potrafi śledzić ruch przy pomocu dźwięku zamiast światła

      Dzięki Google nasze smartfony będą na tyle inteligentne, że będą rozpoznawać ludzi i przedmioty w filmach wideo

      Dzięki Google nasze smartfony będą na tyle inteligentne, że będą rozpoznawać ludzi i przedmioty w filmach wideo

      Tłumacz Google wspomagany sztuczną inteligencją działa z trzema nowymi językami

      Tłumacz Google wspomagany sztuczną inteligencją działa z trzema nowymi językami

    • Mobile
      Prawdziwie multimedialny Samsung Galaxy A5 (2017)

      Prawdziwie multimedialny Samsung Galaxy A5 (2017)

      LTE w smartfonie - nie tylko do social media

      LTE w smartfonie - nie tylko do social media

      Nadchodzące premiery smartfonów - Samsung Galaxy S9, LG G7 i inne

      Nadchodzące premiery smartfonów - Samsung Galaxy S9, LG G7 i inne

      Kupujemy smartfon. O czym pamiętać?

      Kupujemy smartfon. O czym pamiętać?

  • Kryptowaluty
  • Marketing
    • Reklama
    • Social Media
  • Finanse
  • Felietony
  • [IP]
  • Kontakt
    • Reklama w OSnews
    • Pakiet Public Relations
    • Content Marketing w OSnews
  • Follow
    • Facebook
    • Twitter
    • RSS
Jak stworzyć stronę responsywną?
Home
Technologie

Jak stworzyć stronę responsywną?

osnews Technologie 0 comments

Artykuł sponsorowany

Z tego artykułu dowiesz się, co każdy początkujący webmaster powinien wiedzieć o responsywnych stronach.

Responsywne strony — to rozwiązania webowe, których układ dostosowuje się do wyświetlania na różnych urządzeniach — komórkach, laptopach lub monitorach o różnych rozdzielczościach, tabletach itd. Z tego artykułu dowiesz się, co każdy początkujący webmaster powinien wiedzieć o responsywnych stronach.

Dzisiaj prawie każdy ma telefon komórkowy, więc tworzenie aplikacji, które są dostosowane pod ich ekrany stało się standardem. Dzisiaj strona www, która nie dostosowuje się do ekranów urządzeń mobilnych świadczy o braku profesjonalizmu jej twórcy.

Jak działa responsive template?

Zanim responsywny układ stał się tak popularnym, wielu webmasterów tworzyło osobne wersje stron dla komórek w subdomench. To rozwiązanie miało zarówno zalety jak i wady. Jedną z głównych wad było tworzenie kopii całej strony pod subdomeną, co przeciążało zasoby serwera. W dodatku nie było możliwości, by utworzyć osobne subdomeny dla urządzeń o różnych szerokościach ekranów.

Dlatego w CSS3 pojawiło się lepsze rozwiązanie. Dostosowanie strony do rozmiarów ekranu odbywa się poprzez sprecyzowanie, które mają się ładować dla jakich rozdzielczości ekranu.

Atrybut @media w pliku *.css pozwala na określenie, kiedy zawarte między klamrami będą ładowane. To oznacza, że wszystkie style zawarte między znacznikami { i } atrybutu @media wykonają się jedynie dla urządzeń o ustalonej szerokości ekranu (w naszym przykładzie — 800px a 1280px). Dla wszystkich innych — będą pomijane.

Podany powyżej kod sprawi, że blok określony klasą .text będzie pozostawał widoczny przez cały czas, w ten czas gdy zależnie od ekranu urządzenia, na którym będzie wyświetlane okno przeglądarki, zostanie załadowany kod opisujący wyświetlanie nagłówka klasy .mobile-text lub .non-mobile-text.

Bootstrap

Podczas tworzenia szablonów z responsywny układem od podstaw, bez względu na to czy są to szablony Joomla lub szablony Magento, często korzysta się z frameworka do stylizowania aplikacji sieciowych, tzw. pakietu stylów css, który trzeba tylko dołączyć go do aplikacji oraz zmodernizować układy widoków by szablon wykorzystywał klasy i identyfikatory opisane w plikach .css frameworka.

Jednym z najbardziej popularnych dziś rozwiązań tego typu jest Bootstrap. Na oficjalnej stron tego frameworka można pobrać gotowe pliki .css i .js i dołączyć je do strony. Ponieważ kod tego frameworka jest napisany przejrzyście przez doświadczonych programistów, jest on łatwy w edycji i pozwala aby bezproblemowo nadać stronie indywidualne cechy. Ponadto jest to całkowicie darmowe rozwiązanie. W dodatku na stronie Bootstrap znajdziesz mnóstwo dokumentacji na temat tego narzędzia, różne tutoriali itd.

  • Tags
  • strony internetowe
  • strony-www
  • szablony
Facebook Twitter Google+ LinkedIn Pinterest
Następny wpis Jesteś operatorem kablowym lub ISP? Sprawdź jak zwiększyć swoją atrakcyjność na rynku!
Poprzedni wpis Na co zwracać uwagę przy zakupie regałów magazynowych?

Warto przeczytać

Rzeczy, o których warto pamiętać tworząc stronę internetową Technologie
10 września 2021

Rzeczy, o których warto pamiętać tworząc stronę internetową

Tworzenie stron WWW dla każdego biznesu Technologie
6 sierpnia 2021

Tworzenie stron WWW dla każdego biznesu

Profesjonalna strona firmowa - co powinna zawierać? Technologie
2 kwietnia 2021

Profesjonalna strona firmowa - co powinna zawierać?

Tagi

android apple bezpieczeństwo biznes cenzura Debian edukacja facebook Firefox firma google gry hardware imprezy intel internet iphone kaspersky KDE kraj Laptopy Linux media microsoft mobile mozilla open-source oprogramowanie piractwo prawo press-release programowanie prywatność reklama Samsung smartfon Smartfony software standardy Ubuntu UNIX usa windows Wydania Wydarzenia

O blogu



OSNews to serwis poświęcony nowym technologiom oraz ich roli we współczesnym biznesie. Opowiadamy o przydatnych usługach, zmianach na rynku oraz najnowszym oprogramowaniu, które ułatwi Tobie pracę.
  • Home
  • Technologie
  • Kryptowaluty
  • Marketing
  • Finanse
  • Felietony
  • [IP]
  • Kontakt
  • Back to top

Meta

  • Zaloguj się
  • Kanał wpisów
  • Kanał komentarzy
  • WordPress.org

Kontakt

Masz jakieś pytania? Chcesz podzielić się swoimi uwagami na temat serwisu? Nie ma sprawy, po prostu napisz do nas maila.

OSNews.pl
Conrada 30
01-920 Warszawa
redakcja@osnews.pl
© OSnews.pl 2016-2019. All rights reserved.