Bootstrap tutorial logo

Witajcie, Na niniejszym blogu postaram się przekazać wam tajniki frameworka Twitter Bootstrap który umożliwia szybkie tworzenie estetycznych i co najważniejsze w erze smartfonów, responsywnych stron WWW, które wyglądają dobrze na komputerze, tablecie i komórce. Elementarna wiedza z zakresu HTML i CSS jest mile widziana ale myślę, że nawet kompletny laik szybko zrozumie zasadę działania Bootstrapa. […]

Czytaj!

Jak wiadomo dobry edytor tekstu znacznie ułatwia tworzenie kodu, dzięki skrótom klawiszowym nie musimy wpisywać całych znaczników HTML ani ich ręcznie zamykać. Możemy również „zawinąć” bloki z których obecnie nie korzystamy aby nam nie przeszkadzały w dalszych etapach pracy. Ważne jest także otwieranie wielu kart zamiast wielu edytorów co ułatwia przełączanie się pomiędzy nimi. No […]

Czytaj!

Jak wspomniałem w poprzednim poście, używam Sublime Text 2 i postaram się pokazać kilka jego opcji które znacząco usprawniają pisanie kodu. Tworzenie nowego pliku Nowy plik tworzymy poprzez skrót klawiszowy CTRL + N lub wybieramy zakładkę File -> New File Zapisywanie pliku Plik zapisujemy poprzez kombinację klawiszy CTRL + S lub wybieramy zakładkę File -> Save Otwieranie pliku […]

Czytaj!

Naszą przygodę zaczynamy od pobrania plików niezbędnych do korzystania z Bootstrapa. Przechodzimy na stronę Klik i pobieramy paczkę z ostatnią wersją Bootstrap: Po ściągnięciu, wypakowujemy w wybranym przez siebie miejscu. Struktura wewnątrz folderu powinna wyglądać tak: Kolejnym etapem jest otworzenie naszego edytora tekstu i stworzenie nowego pliku oraz wklejenie do niego podstawowego szablonu Bootstrapa: Tak […]

Czytaj!

Pojawiła się kolejna wersja Bootstrapa, co prawda na razie tylko RC (Release Candidate) czyli wersja która jeszcze nie finalna ale spokojnie można z niej korzystać. Jeśli korzystamy z wersji ściągniętej na dysk, możemy pobrać nowe wydanie. W przypadku korzystania z serwerów CDN można skorzystać z następujących adresów: W nowej wersji istnieje inny zapis kolumn w […]

Czytaj!

Pojawiła się stabilna wersja Bootstrap3 więc teraz wszystkie wpisy już na pewno będą się na niej opierały. Postaram się też jak najszybciej opisać wszystkie różnice pomiędzy wersją 2.3.2 a 3.0.0. Jeśli korzystacie w swoich stronach z serwerów CDN oto ich adresy z najnowszą wersją:

Czytaj!

Jak już wiecie nowa wersja wprowadziła szereg zmian i udogodnień, część klas przestała mieć zastosowanie, część zmieniła swoje nazwy ale pojawiło się też szereg nowych. Poniższe tabele pokazują różnice pomiędzy Bootstrap 2.x a Bootstrap 3.0 Najważniejsze zmiany klas Tabela pokazuje jak nazywały się klasy w 2.3.2 a jak nazywają się w 3.0 Bootstrap 2.x Bootstrap […]

Czytaj!

Jeśli korzystacie z CDNów (czyli ściągacie Bootstrapa z zewnętrznych serwerów a nie z waszego), na tej stronie znajdziecie zawsze aktualne wersje. Bootstrap CDN

Czytaj!

Ten wpis powinien pojawić się na początku kursu ale jakoś mi umknął więc będzie teraz:) Gdy tworzymy responsywną stronę internetową to normalne jest, że ukrywamy niektóre elementy na różnych urządzeniach, przykładowo slider jest praktycznie nieczytelny na smartfonach więc nie musimy go wyświetlać. Albo w drugą stronę, przykładowo robimy stronę dla pomocy drogowej, fajnie by było […]

Czytaj!