Wykop.pl Wykop.pl
  • Główna
  • Wykopalisko200
  • Hity
  • Mikroblog
  • Zaloguj się
  • Zarejestruj się
Zaloguj się

Popularne tagi

  • #ciekawostki
  • #informacje
  • #technologia
  • #polska
  • #swiat
  • #motoryzacja
  • #podroze
  • #heheszki
  • #sport

Wykop

  • Ranking
  • Osiągnięcia
  • FAQ
  • O nas
  • Kontakt
  • Reklama
  • Regulamin
ddk1910
ddk1910

ddk1910

Dołączył 9 lat i 10 mies. temu
  • Obserwuj
  • Akcje 1734
  • Znaleziska 667
  • Mikroblog 1067
  • Obserwujący 2
  • Obserwowane 4

33

CSS Grid DARMOWY poradnik - pisz zoptymalizowane, responsywne strony www!

CSS Grid DARMOWY poradnik - pisz zoptymalizowane, responsywne strony www!

Podsyłam Wam mój poradnik, w którym wprowadzam do podstaw CSS Grida - ciekawego i coraz popularniejszego sposobu tworzenia szablonów stron. Nie potrzebujecie do niego nic - Bootstrapa, ani innych dodatków obciążających stronę :) Wystarczy HTML i CSS :) Na końcu artykułu podsyłam źródła do nauki.

ddk1910
z
selfmadeking.pl
dodany: 13.06.2018, 12:00:47
  • 19
  • #
    webdev
  • #
    frontend
  • #
    programowanie
  • #
    technologia
  • #
    css
  • #
    naukaprogramowania
ddk1910
ddk1910
ddk1910
Autor
13.06.2018, 12:01:40
  • -2
Jeśli macie jakiś feedback na temat strony, artykułu czy coś nie rozumiecie z poradnika - piszcie śmiało :)
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

ddk1910
ddk1910
ddk1910
Autor
13.06.2018, 12:38:49
  • -3
@sunlifter: Oczywiście, że ma ogromny związek. Wystarczyło przeczytać do końca mój artykuł, to byś wiedział ;)

Piszesz stronę bez ładowania dodatkowych bibliotek - strona szybciej się ładuje, czyli jest zoptymalizowana. Nie musisz dodawać jquery, jeśli nie chcesz + Bootstrapowych wymagań typu poperjs, CSSy Bootstrapowe i reszta.

Porównaj sobie startowy template Bootstrapa oraz czysty plik .html i .css :) Jest ogromna różnica.
Poza tym kod HTML jest czystszy, nie masz zbędnych divów, klas, masz
ddk1910
ddk1910
ddk1910
Autor
13.06.2018, 12:56:58
  • 0
@sunlifter: Nie wiem o co Ci chodzi :) Podeślij artykuły, gdzie jest przedstawione, że Bootstrap jest lepszy niż CSS Grid lub to, że CSS Grid "leży wydajnościowo", bo coś średnio mi się to widzi :) Ciekawe w jaki sposób, gdy porównamy czysty szablon html, css vs startowy szablon Bootstrapa :) I kto jeszcze "nie zaleca" CSS Grida? Ty? :)
ddk1910
ddk1910
ddk1910
Autor
13.06.2018, 13:00:51
  • -2
jquery i reszta ma do tego to, że względem takiego Bootstrapa, który je potrzebuje (jquery,popperjs,bootstrapowy js), CSS Grid jest wydajniejszy i nie wiem wziąłeś te swoje wymysły.. Czekam na argumenty w postaci artykułów :)
ddk1910
ddk1910
ddk1910
Autor
13.06.2018, 13:27:49
  • -2
@sunlifter: meh czyli to tylko Twoja indywidualna opinia, bo piszesz dalej w Bootstrapie :) "Motywy" i Bootstrap? wut? We wszystkim są startowe motywy, które można użyć jak jest się leniem i jedzie z czyiś motywów, a nie własnych :) Ja wolę napisać swój - czysty, wiem co jest do czego, a nie wykorzystywać czyjś kod i podpisywać pod siebie.

Linków do artykułów na temat tego, że nie zaleca się CSS
ddk1910
ddk1910
ddk1910
Autor
13.06.2018, 19:13:00
  • -2
@hieronimek:
https://getbootstrap.com/docs/4.1/getting-started/introduction/
"Many of our components require the use of JavaScript to function. Specifically, they require jQuery, Popper.js, and our own JavaScript plugins. Place the following
ddk1910
ddk1910
ddk1910
Autor
13.06.2018, 19:16:17
  • -3
@sunlifter: :)
Pierwszy "błąd" brak gzip, a na wszystkich testerach gzip pokazuje mi, że mam włączony
https://checkgzipcompression.com/?url=http%3A%2F%2Fselfmadeking.pl%2F

A rozmowa jest o tym, że podajesz informacje fałszywe, nie podesłałeś do teraz żadnego (tym bardziej godnego uwagi) artykułu, który potwierdza, że CSS Grid jest mało wydajny i niezalecany ;) Tak jak wspomniałeś - jest niezalecany. Ale przez Ciebie ( ͡° ͜ʖ ͡°)
ddk1910
ddk1910
ddk1910
Autor
13.06.2018, 20:49:11
  • -3
@sunlifter: Kończę to. Piszesz o aroganckim tonie, a sam jesteś arogantem - piszesz coś, nie przedstawiając żadnych argumentów. Zachowaj w takim razie dla siebie takie opinie, skoro nie potrafisz czymkolwiek poprzeć te brednie. Ja mam Ci coś udowadniać? Komercyjne projekty? To Ty zacząłeś się czepiać, a do teraz nie podałeś ani jednego argumentu dla swoich słów. Czym jest CSS Grid, że ma lagować komputer przy szablonie sklepu? Normalnie cyrk...

492

CSS Grid Changes Everything

CSS Grid Changes Everything

TL;DW Natywne wsparcie grid layoutu przez CSS jest już obecne we wszystkich przeglądarkach, stąd nie ma potrzeby by używać Flexboxa, czy grid layoutu z frameworków - wystarczy, samo CSS.

matcheek
z
youtube.com
dodany: 06.08.2017, 18:04:10
  • 78
  • #
    webdev
  • #
    technologia
ddk1910
ddk1910
ddk1910 13.06.2018, 13:02:30
  • -1
Podrzucam mój tutorial do CSS Grida, gdzie między innymi porównuję CSS Grida z Bootstrapem :)
CSS Grid poradnik
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

13

Poznaj zDzisia - nową stronę, służącą do dzielenia się informacją.

Poznaj zDzisia - nową stronę, służącą do dzielenia się informacją.

Ja wykopuję, Wy zakopujecie. Tak było już kilka razy i pewnie tak zostanie ALE mam prośbę; ponieważ do swojego pomysłu podchodzę poważnie i poświęcam mu sporą część życia oraz już całkiem sporo pieniędzy, proszę o konstruktywną krytykę, która pomoże mi się rozwinąć - zamiast krótkiego "spam". Z...

D_R_O_Z_D
z
wykop.pl
dodany: 27.02.2018, 20:07:37
  • 12
  • #
    zainteresowania
  • #
    ekonomia
  • #
    wykop
  • #
    motoryzacja
  • #
    samochody
  • #
    nauka
ddk1910
ddk1910
ddk1910 28.02.2018, 06:32:06
  • 3
Wszedłem w twoje ogłoszenia. I co? Opis i kilka suchych zdjęć auta. Po co mi to? Przecież nawet nie mogę do ciebie napisać czy cokolwiek. Mam czytać sobie tylko o autach które wstawisz? Jaki to ma sens. Chciałbym je kupić i co. Ta strona jest bez sensu albo aktualna funkcjonalność. Wygląd również jest dosyć cienki. Czytam opis postu, wow coś fajnego, kilkam a tam strona do zrobienia w 10 minut.. i to
  • 1
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

846

KSW 41: internauci nie kryją oburzenia. Wykupili dostęp, ale nie obejrzeli gali

KSW 41: internauci nie kryją oburzenia. Wykupili dostęp, ale nie obejrzeli gali

Za każdym razem XD

Uriel0987
z
sportowefakty.wp.pl
dodany: 24.12.2017, 11:49:01
  • 212
  • #
    ksw
  • #
    sport
  • #
    mma
  • #
    ksw41
  • #
    heheszki
ddk1910
ddk1910
ddk1910 24.12.2017, 19:01:42
  • -7
@matikati:
Szanuję, szanuję :) Sama prawda, dzieciaki tylko narzekają, że im piracki stream przerywa ;) Jakoś od 3 gali nie mam problemów z oglądaniem z ich strony na słabym lapku z Internetem 2-4 Mb/s.. Haters gonna hate i tyle.

850

Udostępniam bezpłatnie materiały szkoleniowe IT - Java, Oracle, PostgreSQL...

Udostępniam bezpłatnie materiały szkoleniowe IT - Java, Oracle, PostgreSQL...

Są to materiały które stworzyłem na potrzeby komercyjnych szkoleń prowadzonej przeze mnie firmy edukacyjnej, ale nie stracę jak się nimi podzielę z innymi. Zachęcam do komentowania. Bardzo sobie cenię konstruktywne uwagi, ponieważ pomagają mi one ulepszać swoją pracę :)

javaman
z
jsystems.pl
dodany: 18.08.2017, 13:50:13
  • 80
  • #
    technologia
  • #
    programowanie
  • #
    programista15k
  • #
    java
  • #
    zainteresowania
  • #
    informatyka
ddk1910
ddk1910
ddk1910 18.08.2017, 19:44:03
  • 1
Szkoda, że nie ma czegoś takiego jak przejście do kolejnego tematu, tylko trzeba cofać się :)
Dodatkowo nieczytelne są fotki z Twoim kodem w lekcjach, niestety słabo jest się w nie wczytać, bo są i nawet lekko rozmyte przy przybliżaniu. Fotki można byłoby zrobić jako "galerię" że klikam fotkę to mi przybliża. Bo tutaj jest tylko jako img. Poza tym poprzeglądam w wolnej chwili artykuły, bo akurat zaczynam z Javą.
Pozdrawiam!
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

  • <
  • 1
  • 3
  • 4
  • 5
  • 6
  • Strona 6 z 6
  • >

Paweł Kormon

  • Wrocław

Osiągnięcia

  • Rocznica
    od 08.09.2025

    Rocznica
  • Gadżeciarz
    od 31.12.2021

    Gadżeciarz
  • Mikroblogger
    od 21.03.2019

    Mikroblogger

Wykop © 2005-2026

  • O nas
  • Reklama
  • FAQ
  • Kontakt
  • Regulamin
  • Polityka prywatności i cookies
  • Hity
  • Ranking
  • Osiągnięcia
  • Changelog
  • więcej

RSS

  • Wykopane
  • Wykopalisko
  • Komentowane
  • Ustawienia prywatności

Regulamin

Reklama

Kontakt

O nas

FAQ

Osiągnięcia

Ranking