Witajcie!
Wiem, piszę po dosyć długiej nieobecności, ale zwyczajnie nie miałem czasu na zajęcie się blogiem.
Dziś chciałbym poruszyć kwestię optymalizacji kodu CSS.
Wielu koderów pisze kod CSS w sposób, który naprawdę mocno może obniżyć komfort przeglądania strony.
Przykładowo jeśli mamy plik CSS, który posiada ok. 8000 linii kodu i jest napisany w ten sposób:
body {
background: #000000;
color: #ffffff;
}
Jest to chyba najmniej optymalna wersja pisania w CSS (zbyt duże odstępy w pionie i poziomie) przez co osoba o słabym łączu będzie dłużej czekać na załadowanie się strony.
Osobiście jeśli kierujecie optymalizacją to mam dla was parę rad.
sobota, 14 listopada 2015
poniedziałek, 23 września 2013
HTML5
Witam.
W związku z pojawieniem się HTML5 opiszę tu kilka ważnych zmian oraz schemat opracowany przeze mnie budowy szablonu.
Pierwsza zmiana !
Zamiast <!doctype bla bla bla.....>
Mamy po prostu <!doctype html>. Tak to wszystko :)
Następnie przy tagu html mamy polecenie dir oraz lang. Informuje to o języku strony (lang) oraz że tekst pisany jest od lewej (w tym przypadku) strony.
Czyli zamiast <html> mamy <html lang="pl" dir="ltr">.
W związku z pojawieniem się HTML5 opiszę tu kilka ważnych zmian oraz schemat opracowany przeze mnie budowy szablonu.
Pierwsza zmiana !
Zamiast <!doctype bla bla bla.....>
Mamy po prostu <!doctype html>. Tak to wszystko :)
Następnie przy tagu html mamy polecenie dir oraz lang. Informuje to o języku strony (lang) oraz że tekst pisany jest od lewej (w tym przypadku) strony.
Czyli zamiast <html> mamy <html lang="pl" dir="ltr">.
niedziela, 9 czerwca 2013
CSS
Hello World!
Najpopularniejsze słowa jeśli chodzi o m.in. poradniki.
Ale do rzeczy. Dzisiaj utworzymy nasz plik CSS (w naszym wypadku będziemy starać się pisać zgodnie z CSS3).
Klikamy Plik > Nowy lub ctrl + n.
Następnie wybieramy Składnia > C > CSS .
Mamy już nasz dokument CSS tzn. stylesheet.
Najpopularniejsze słowa jeśli chodzi o m.in. poradniki.
Ale do rzeczy. Dzisiaj utworzymy nasz plik CSS (w naszym wypadku będziemy starać się pisać zgodnie z CSS3).
Klikamy Plik > Nowy lub ctrl + n.
Następnie wybieramy Składnia > C > CSS .
Mamy już nasz dokument CSS tzn. stylesheet.
sobota, 18 maja 2013
Szablon HTML/XHTML
Witajcie!
Dzisiaj przedstawię wam oraz wyjaśnię jak powinien wyglądać szablon HTML/XHTML tak, aby spełniał dzisiejsze wymagania oraz jakich programów używać. Powiemy sobie również trochę o HTML5.
Od czego zacząć?
No właśnie od czego? Wielu ludzi chce się zabrać za kodowanie, ale nie wie od czego zacząć.
Musimy mieć program do kodowania stron internetowych ( może być systemowy notatnik, ale nie polecam... - dlaczego? no choćby dlatego, że nie ma tam kodowania utf-8, które obejmuje polskie znaki, a tak po za tym to w programach stworzonych do tego mamy wiele ułatwień ).
Więc jaki program wybrać?
Polecam Notepad++, który możesz ściągnąć z tej strony.
Oprócz notepad++ podobno dobrym programem jest eclipse, aczkolwiek nie korzystałem ( jestem przywiązany do notepad'a++, który posiada wszystko co jest potrzebne )
Dzisiaj przedstawię wam oraz wyjaśnię jak powinien wyglądać szablon HTML/XHTML tak, aby spełniał dzisiejsze wymagania oraz jakich programów używać. Powiemy sobie również trochę o HTML5.
Od czego zacząć?
No właśnie od czego? Wielu ludzi chce się zabrać za kodowanie, ale nie wie od czego zacząć.
Musimy mieć program do kodowania stron internetowych ( może być systemowy notatnik, ale nie polecam... - dlaczego? no choćby dlatego, że nie ma tam kodowania utf-8, które obejmuje polskie znaki, a tak po za tym to w programach stworzonych do tego mamy wiele ułatwień ).
Więc jaki program wybrać?
Polecam Notepad++, który możesz ściągnąć z tej strony.
Oprócz notepad++ podobno dobrym programem jest eclipse, aczkolwiek nie korzystałem ( jestem przywiązany do notepad'a++, który posiada wszystko co jest potrzebne )
piątek, 17 maja 2013
Słowa wstępu
Cześć !
Na początek mały wstęp.
Po co zawracam Ci "dupę"?
Chcę pokazać oraz podzielić się własnym doświadczeniem w zakresie języków HTML, CSS, PHP, MySQL oraz jeśli chodzi o grafikę to oczywiście photoshop ( na prośbę może być równiez gimp ).
Czy mam doświadczenie?
Oczywiście, kodowaniem zajmuję się od prawię 5 lat ( z przerwą ), więc mam nadzieję, że komuś się przyda :)
Czy posiadasz własną stronę?
Tak posiadam, dokładniej własny design. Adres pojawi się, gdy skończę robić swój szablon.
Kim jesteś?
Jestem "zwykłym szarym chłopcem", oprócz kodowania interesuje mnie także gra na gitarze, jazda na rowerze ( moja pasja :D )
Od czego zaczniesz?
Myślę że napiszę poradnik jak dobrze zrobić szablon tak, by nie było błędów.
Następnie jakiś mini-poradnik dotyczący grafiki, a później skrypty.
Masz jakieś osiągnięcia?
Oczywiście, m.in. stworzyłem pierwszą stronę znanej firmy w przemyśle hip-hopowym.
Aktualnie pracuję nad własnym systemem CMS ( niedługo wersja alpha ! ).
Jak często pojawią się artykuły?
Na dzień dzisiejszy nie wiem, aczkolwiek mam nadzieję że często :)
To na tyle do wstępu. Mam nadzieję, że blog przyda się początkującym.
Na początek mały wstęp.
Po co zawracam Ci "dupę"?
Chcę pokazać oraz podzielić się własnym doświadczeniem w zakresie języków HTML, CSS, PHP, MySQL oraz jeśli chodzi o grafikę to oczywiście photoshop ( na prośbę może być równiez gimp ).
Czy mam doświadczenie?
Oczywiście, kodowaniem zajmuję się od prawię 5 lat ( z przerwą ), więc mam nadzieję, że komuś się przyda :)
Czy posiadasz własną stronę?
Tak posiadam, dokładniej własny design. Adres pojawi się, gdy skończę robić swój szablon.
Kim jesteś?
Jestem "zwykłym szarym chłopcem", oprócz kodowania interesuje mnie także gra na gitarze, jazda na rowerze ( moja pasja :D )
Od czego zaczniesz?
Myślę że napiszę poradnik jak dobrze zrobić szablon tak, by nie było błędów.
Następnie jakiś mini-poradnik dotyczący grafiki, a później skrypty.
Masz jakieś osiągnięcia?
Oczywiście, m.in. stworzyłem pierwszą stronę znanej firmy w przemyśle hip-hopowym.
Aktualnie pracuję nad własnym systemem CMS ( niedługo wersja alpha ! ).
Jak często pojawią się artykuły?
Na dzień dzisiejszy nie wiem, aczkolwiek mam nadzieję że często :)
To na tyle do wstępu. Mam nadzieję, że blog przyda się początkującym.
Subskrybuj:
Posty (Atom)