Treść przeznaczona dla osób powyżej 18 roku życia...
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Istnieją jakieś strony gdzie można nauczyć się frontu ( na początek html + css + js) inaczej niż po przez tutoriale dla osób, które nie mają doświadczenia w programowaniu ? Zależy mi na szybkim i efektownym uczeniu, a nie czytania kursu, w którym każdy element tłumaczony jest jak osobie ułomnej, bo takie odnoszę wrażenie przeglądając strony o froncie
#naukaprogramowania #webdev #css #html #js
  • 15
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#css Mam taki problem. Mam responsywną stronę na WP. Rozwijane menu z lewej, które w pozycji neutralnej nie sprawia problemu. Jednakże po rozwinięciu którejś pozycji menu nie mieści się na ekranie co powoduje pojawienie się paska przewijania. Przez to szerokość strony trochę się zmniejsza co powoduje problemy (przeskoki) na niektórych podstronach. Jak temu zaradzić?
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Robię swoją stronę, wybrałam do tego #tumblr ze względu na ładne szablony. Tworząc podstrony chciałabym, aby moje zdjęcia były w np. 3 kolumnach, a nie tylko jednej. Czy ktoś mógłby mi pomóc to zrobić? #webdev #css
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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.
  • Odpowiedz
W co uderzyć po przerobieniu JS HTML I CSS w kursach Pana Mirosława Zelenta?
Szukam bardziej jakichś zadań z możliwością sprawdzenia poprawności kodu niż nudnych video.
W darmowych kursach #codeacademy i #kodilla nie ma niczego nowego a według testu pluralsight dalej jestem "novice". XD
Zaś co do samego #pluralsight to kursy może i są przydatne ale nie ma do nich zadań i bywają trudne w zrozumieniu
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

a według testu pluralsight dalej jestem "novice"


@Dassault: a czego się spodziewałeś? ( ͡° ͜ʖ ͡°)

Standardowo: wymyśl sobie jakiś projekt, najlepiej jakieś narzędzie, którego tobie brakuje (żeby ci się chciało) i po prostu zacznij je robić, posiłkując się google, stackoverflow, mozilla developer network i css-tricks.

Przede wszystkim musisz się nauczyć języka angielskiego i umiejętności samodzielnego wyszukiwania informacji - i nie jest to żadna złośliwość czy
  • Odpowiedz
#webdev #frontend #css
Za czasów Windows Vista myślałem czy dało by się w HTML + CSS zrobić taki efekt jak okna w Viście, że tapeta się rozmywa ale tylko na obszarze gdzie jest okno.
Wtedy chyba jeszcze się nie dało ale od tego czasu pojawił się filter: blur i blend-mode.

Mógłby ktoś w codepen albo innym zrobić takie demo? Ja nie wiem jak to zrobić
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • Doceń
@budyn: Też jestem nim ostatnio zawiedziony trochę. Bardzo krótkie artykuły; jakieś śmieszne artykuły o Unity3D, kilkuzdaniowe teksty o testach, które nic nie wnoszą.

Lessa wrzuciłem, bo uznałem, że to ciekawe wprowadzenie i napisał te 3 artykuły. Jak się je postawi obok siebie, to jest trochę treści.
  • Odpowiedz
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
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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
  • Odpowiedz
%, px, em, rem, ch, ex, vw, vh, vmin, vmax

To powyżej to jednostki dla fonta i elementów na stronie, niejeden uczący się mirek może w tym wszystkim się pogubić i tu pytanie do bardziej doświadczonych. Jakie z tych jednostek wykorzystujecie i czy jesteście przyzwyczajeni do kilku czy raczej korzystacie z różnych w zależności od danego projektu strony? Którymi najlepiej operować by mieć jak najłatwiej w tworzeniu strony pod kątem responsywności? Czy
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Dante15 Ustalasz font-size na 62,5%, a później operujesz na rem. Czcionki używaj najlepiej jednej głównej plus jakieś podstawowe, które są na każdym systemie jakby główna się nie wygrała. No i korzystaj rozsądnie z nagłówków w HTML'u.
  • Odpowiedz
#webdev #html #css #javascript
Murki muszę dorobić wersję multijęzyczną do statycznej strony (html/css/js).
Jaką metodę/narzędzie polecacie? Pytając wujka G. wpadłem na kilka rozwiązań:
- CSS - ukrywanie treści
- http://i18next.com/ - wygląda ciekawie, ale chyba wykracza poza moje potrzeby
- skorzystanie z google api do detekcji lokalizacji i serwowania przetłumaczonej treści
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mirki spod tagów #frontend #css #html

Uczę się css i html i dostałem takie zadanie:

Należy utworzyć dwa szablony widoków (widok listy oraz widok szczegółowy) dla poniższych danych:

-
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@uczesiehtml

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
  • Odpowiedz
Cześć,

Jestem nowy w programowaniu webowym. Sporo już udało mi się zrobić z pomocą stackoverflow i bezpłatnych tutoriali.
Doszedłem do momentu dopasowywania strony pod każdą rozdzielczość.

Mam diva w którym jest rysunek który chce kolorować. Pod nim buttony (dropdown buttony, wszystkie tej samej klasy, umieszczone w tym samym divie (albo w divie zagnieżdżonym w poprzednim, obojętnie)) które jak najadę to wysuwa się paleta do malowania poszczególnych elementów mojego rysunku.
  • 14
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@elektron235: w czystym css musiałbyś ustawić Button na 100% width, który jest w x% divie, a do tego użyć font size w vw a nie px. Chyba że buttony mogą układać się pod sobą zamiast być w jednej linii, wtedy display: block-inline chyba powinno pomóc
  • Odpowiedz
@Vitin: ok, mam to co chciałem :-) na powyższe pytanie (jak wypełnić 100% głównego diva linią buttonów) i tak możesz odpowiedzieć w wolnej chwili, bo ja sobie poradziłem metodami partyzanckimi czyli doborem odpowiedniego paddingu (w vw) i czcionki (w vw). Ale wyświetla się poprawnie.

A @kuskoman dziękuję za wskazanie interesującej technologii którą już zaczynam ogarniać :)

Bardzo dziękuję Wam za pomoc. Wykop > stackoverflow hehe ;-)
  • Odpowiedz