- Najlepsze
- Wszystkie komentarze
konto usunięte
0
@ponczek_z_marmoladom: może się już nauczył ( ͡° ͜ʖ ͡°)
Witam w moim kolejnym wpisie,
Dzisiaj coś na temat logo do strony. Zależało mi na stworzeniu przezroczystej bitmapy i tak jak @Tomek89Tar podpowiadał, użyłem do tego inkscape. Trochę zabawy było z umieszczeniem tego w odpowiednim miejscu, ale też podołałem. Kolejny krok to umieszczenie czcionek fontello na stronie.
I jeszcze jedna mała rzecz - ustawiłem szerokość strony na 1000px to chyba dobre rozwiązanie do uporządkowania wyglądu zanim nauczę się robić responsywność.
Jak zwykle
Dzisiaj coś na temat logo do strony. Zależało mi na stworzeniu przezroczystej bitmapy i tak jak @Tomek89Tar podpowiadał, użyłem do tego inkscape. Trochę zabawy było z umieszczeniem tego w odpowiednim miejscu, ale też podołałem. Kolejny krok to umieszczenie czcionek fontello na stronie.
I jeszcze jedna mała rzecz - ustawiłem szerokość strony na 1000px to chyba dobre rozwiązanie do uporządkowania wyglądu zanim nauczę się robić responsywność.
Jak zwykle
- Najlepsze
- Wszystkie komentarze
@Oczomyjka: dzięki, dla ludzi z wprawą i doświadczeniem to pewnie nawet krócej niż 30 minut, ale ja mam satysfakcję jak dochodzę do wszystkiego małymi krokami
@Oczomyjka:
Przecież właśnie się uczy. Tworzenie samemu strony od podstaw to najlepsza droga do nauczenia się.
@uczesiehtml
Ustawienie na sztywno szerokości na początek jest dobrym pomysłem - wiele stron nadal jeszcze tak ma.. Daj tylko 960px albo 1200px bo te wartości dzielą się na 2,3,4,5,6,8 bez reszty i będzie łatwiej dzielić wiersze na kolumny.
Poczytaj o grid system np w bootstrap to załapiesz szybko o co chodzi.
Przecież właśnie się uczy. Tworzenie samemu strony od podstaw to najlepsza droga do nauczenia się.
@uczesiehtml
Ustawienie na sztywno szerokości na początek jest dobrym pomysłem - wiele stron nadal jeszcze tak ma.. Daj tylko 960px albo 1200px bo te wartości dzielą się na 2,3,4,5,6,8 bez reszty i będzie łatwiej dzielić wiersze na kolumny.
Poczytaj o grid system np w bootstrap to załapiesz szybko o co chodzi.
Cześć w moim wpisie nr 6,
Dzisiaj krótko, ale treściwie. Odkryłem jakie możliwości daje budowanie strony na divach - coś pięknego. Mam jeszcze trochę bałagan po starym kodzie, ale i tak całość wygląda o niebo lepiej niż wcześniej. Z drugiej strony (tak jak w jednym z wcześniejszym wpisów dowiedziałem się, że kod strony jest na tyle mały, że lepiej go napisać od nowa niż poprawiać) zastanawiam się czy nie lepiej napisać wszystko
Dzisiaj krótko, ale treściwie. Odkryłem jakie możliwości daje budowanie strony na divach - coś pięknego. Mam jeszcze trochę bałagan po starym kodzie, ale i tak całość wygląda o niebo lepiej niż wcześniej. Z drugiej strony (tak jak w jednym z wcześniejszym wpisów dowiedziałem się, że kod strony jest na tyle mały, że lepiej go napisać od nowa niż poprawiać) zastanawiam się czy nie lepiej napisać wszystko
- Najlepsze
- Wszystkie komentarze
@uczesiehtml: i prawidłowo, ucz się dobrych praktyk i buduj strony w oparciu o div.
Co do rozjeżdżania korzystaj z narzędzi online np. http://responsivetest.net wpiszesz tylko rozdzielczość i możesz zobaczyć jak twoja strona wygląda na różnych monitorach, możesz też stosować rozszerzenia do przeglądarek. A i obowiązkowym dodatkiem jest Firebug. Wszystko możesz zmieniać w locie i sprawdzić co dzieje się z elementami strony.
W chrome są obecnie wbudowane narzędzia dla webdeweloperów i
Co do rozjeżdżania korzystaj z narzędzi online np. http://responsivetest.net wpiszesz tylko rozdzielczość i możesz zobaczyć jak twoja strona wygląda na różnych monitorach, możesz też stosować rozszerzenia do przeglądarek. A i obowiązkowym dodatkiem jest Firebug. Wszystko możesz zmieniać w locie i sprawdzić co dzieje się z elementami strony.
W chrome są obecnie wbudowane narzędzia dla webdeweloperów i
@uczesiehtml Sam możesz sprawdzić jak wygląda strona pod różnymi rozdzielczościami - zmniejsz okno przeglądarki :)
Jeżeli potrzebujesz bardziej zaawansowanej metody to w firefox wejdź w Menu (w prawym górnym rogu) -> Narzędzia -> Widok responsywny. Możesz tam zobaczyć jak wygląda strona w konretnej rozdzielczości. Pamiętaj tylko, że to jest tylko na przeglądarki desktopowe. Nie dotyczy to smartfonów bo na smartfony trzeba dodatkowe rzeczy zrobić, ale to może na przyszłość sobie zostaw:)
Jeżeli potrzebujesz bardziej zaawansowanej metody to w firefox wejdź w Menu (w prawym górnym rogu) -> Narzędzia -> Widok responsywny. Możesz tam zobaczyć jak wygląda strona w konretnej rozdzielczości. Pamiętaj tylko, że to jest tylko na przeglądarki desktopowe. Nie dotyczy to smartfonów bo na smartfony trzeba dodatkowe rzeczy zrobić, ale to może na przyszłość sobie zostaw:)
Cześć Wszystkim w moim wpisie nr 5,
Dzisiaj postanowiłem się wziąć za porządkowanie kodu i dostosowanie go do dobrych praktyk. Pierwszą rzeczą jest stworzenie i co za tym idzie, nieco zmodernizowałem jego wygląd. Myślę, że cała linia zamiast rozdzielonych prostokątów wygląda o wiele lepiej. Poza tym, udało mi się w miarę schludnie wcisnąć przycisk do facebooka właśnie w (wszystkie odnośniki odpowiednio podepnę [mam nadzieję] w niedalekiej przyszłości) :)
Poczytałem trochę o SVG i
Dzisiaj postanowiłem się wziąć za porządkowanie kodu i dostosowanie go do dobrych praktyk. Pierwszą rzeczą jest stworzenie i co za tym idzie, nieco zmodernizowałem jego wygląd. Myślę, że cała linia zamiast rozdzielonych prostokątów wygląda o wiele lepiej. Poza tym, udało mi się w miarę schludnie wcisnąć przycisk do facebooka właśnie w (wszystkie odnośniki odpowiednio podepnę [mam nadzieję] w niedalekiej przyszłości) :)
Poczytałem trochę o SVG i
- Najlepsze
- Wszystkie komentarze
@uczesiehtml
Generalnie SVG to format grafiki wektorowej. Jest darmowy program inkscape do tworzenia grafiki wektorowej. Pewnie są inne, być może lepsze, ale ja korzystam z niego więc mógłbym trochę doradzić jak z niego korzystać itd.
Formatu SVG raczej się nie wrzuca na stronę - trzeba przekonwertować na PNG (oczywiście jest taka
Teraz tak mam z SVG, nie wiem czy jest to teraz "w modzie" czy może używa się czegoś totalnie innego
Generalnie SVG to format grafiki wektorowej. Jest darmowy program inkscape do tworzenia grafiki wektorowej. Pewnie są inne, być może lepsze, ale ja korzystam z niego więc mógłbym trochę doradzić jak z niego korzystać itd.
Formatu SVG raczej się nie wrzuca na stronę - trzeba przekonwertować na PNG (oczywiście jest taka
Cześć,
Witam w moim kolejnym wpisie. Dzisiaj popracowałem trochę nad poprzednim tematem czyli tagiem . Miałem trochę problemów z ich rozmieszczeniem na stronie (chciałem mieć wszystkie w jednej linii). Każdemu nowemu elementowi nadawałem nowe "class", pakowałem to w i w css dodawałem display: inline jednak nie pomagało, kod się powiększał i powiększał, aż doszedłem do wniosku, że idę w złą stronę. Wyrzuciłem połowę tego co napisałem i tagowi w css nadałem float: left.
Witam w moim kolejnym wpisie. Dzisiaj popracowałem trochę nad poprzednim tematem czyli tagiem . Miałem trochę problemów z ich rozmieszczeniem na stronie (chciałem mieć wszystkie w jednej linii). Każdemu nowemu elementowi nadawałem nowe "class", pakowałem to w i w css dodawałem display: inline jednak nie pomagało, kod się powiększał i powiększał, aż doszedłem do wniosku, że idę w złą stronę. Wyrzuciłem połowę tego co napisałem i tagowi w css nadałem float: left.
- Najlepsze
- Wszystkie komentarze
@uczesiehtml: Czemu odnośnik do styli przed sekcją ?
@TheBestThing: Mój błąd, już zmienione
Cześć,
Witam w moim trzecim wpisie.
Dzisiaj coś na temat tagu . Fajnie jest wiedzieć jak jest zrobione pole do pisania tu na mirko. Teraz wiem, że jest to tag z np: atrybutami rows i cols żeby określić domyślną wielkość pola. Na swojej stronie stworzyłem dwa elementy . Oczywiście do ich pełnej funkcjonalności potrzeba jeszcze php co jeszcze długo przede mną, ale cieszę się, że zrobiłem coś takiego na sucho. Mam w dalszym
Witam w moim trzecim wpisie.
Dzisiaj coś na temat tagu . Fajnie jest wiedzieć jak jest zrobione pole do pisania tu na mirko. Teraz wiem, że jest to tag z np: atrybutami rows i cols żeby określić domyślną wielkość pola. Na swojej stronie stworzyłem dwa elementy . Oczywiście do ich pełnej funkcjonalności potrzeba jeszcze php co jeszcze długo przede mną, ale cieszę się, że zrobiłem coś takiego na sucho. Mam w dalszym
- Najlepsze
- Wszystkie komentarze
@uczesiehtml:
Musisz pamiętać, że każdy element może mieć wiele klas więc możesz dać tym dwóm formularzom klasę z inline i niezależnie od tego dać im różne klasy, żeby inaczej wyglądały. Klasy oddzielasz spacją czyli
Mimo wszystko wydaje mi się, że jednak
Musisz pamiętać, że każdy element może mieć wiele klas więc możesz dać tym dwóm formularzom klasę z inline i niezależnie od tego dać im różne klasy, żeby inaczej wyglądały. Klasy oddzielasz spacją czyli
class="klasa1 klasa2".Dodatkowo możesz też przecież użyć atrybutu style na elementach i dać .... Takie ostylowanie ma największy priorytet, ale staraj się tego unikać bo się bałagan robi.Mimo wszystko wydaje mi się, że jednak
Cześć Wszystkim,
To mój drugi wpis. Dzisiaj zrobiłem przycisk do polubienia na facebooku (jeszcze nie ma profilu na fb, ale niedługo go dodam i połączę z tym przyciskiem;>). Zastanawiam się czy za dużo bałaganu nie robię w kodzie dodając wszędzie class i id, ale z drugiej strony jeśli chcę różne albo albo mieć różnie sformatowane to chyba muszę nadawać im id i class... Nie udało mi się też podpiąć przycisku tak aby
To mój drugi wpis. Dzisiaj zrobiłem przycisk do polubienia na facebooku (jeszcze nie ma profilu na fb, ale niedługo go dodam i połączę z tym przyciskiem;>). Zastanawiam się czy za dużo bałaganu nie robię w kodzie dodając wszędzie class i id, ale z drugiej strony jeśli chcę różne albo albo mieć różnie sformatowane to chyba muszę nadawać im id i class... Nie udało mi się też podpiąć przycisku tak aby
- Najlepsze
- Wszystkie komentarze
Cześć Wszystkim,
Jestem zielonka, ale miałem już tu kiedyś konto. Przejdę do rzeczy od razu:
Postanowiłem nauczyc się html, css a w przyszłości może js. Wszystkiego uczę się sam z dostępnych w necie portali i tutoriali. Jeśli ktoś chce pośmieszkować, kazać mi usunąć konto, skrytykować lub zmotywować albo coś poradzić to zapraszam tutaj :) Na pierwszy wpis to wszystko. Zapraszam też do obserwowania tagu #uczesiehtml
#programista15k #wykopowiprogramisci
Jestem zielonka, ale miałem już tu kiedyś konto. Przejdę do rzeczy od razu:
Postanowiłem nauczyc się html, css a w przyszłości może js. Wszystkiego uczę się sam z dostępnych w necie portali i tutoriali. Jeśli ktoś chce pośmieszkować, kazać mi usunąć konto, skrytykować lub zmotywować albo coś poradzić to zapraszam tutaj :) Na pierwszy wpis to wszystko. Zapraszam też do obserwowania tagu #uczesiehtml
#programista15k #wykopowiprogramisci
- Najlepsze
- Wszystkie komentarze