Witajcie mirki.
Mam taką sytuację:
1. Mam stronkę z responsive design.
2. Kiedy przewijam do takiego widoku: http://i.share.pho.to/8c3c3cad_o.png i klikam w TEST3, to otwiera mi się to w taki sposób: http://i.share.pho.to/f7ebfceb_o.png a chciałbym, żeby zdjęcie i przycisk wyłączania nie chowały się za belkę u góry strony, tzn. żeby to wyglądało w taki sposób: http://i.share.pho.to/9cf315fc_o.png
3. Rozmawiałem z kolegą, który pisał CSS i powiedział, że samym CSSem tego nie da się uporządkować, a trzeba robić to w
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Eggy: dziękuję bardzo. Trochę skomplikowane, sam bym na to nie wpadł chociaż próbowałem zagnieżdżać jakoś funkcję. Będę już wiedział na przyszłość. :)

Pomęczę Cię jeszcze trochę jeśli można ;). Nie to, że nie rozumiem tego co mi wysłałeś, ale jest możliwość napisania to jakoś łatwiej bez używania 'click'? Może opiszę szerzej co próbuję zrobić.

Klikam w przycisk i nadaje jakiemuś elementowi klasę np. "showfromtop".
Klikam drugi raz i i nadaje mu
  • Odpowiedz
@PrawyKuba: Bez używania evetów, nie da się czegoś takiego osiągnąć. No bo niby skąd przeglądarka ma wiedzieć co zrobić po kliknięciu w przycisk? Musisz zdefiniować listiner, czy to przez metodę .on() z jQuery, czy przez .addEventListiner()
Jak chcesz usunąć/dodać klasę możesz użyć .removeClass() i .addClass(). Ewentualnie możesz użyć .toggleClass() ale wtedy będziesz miał tylko jeden callback http://codepen.io/Eggy/pen/xVYpLO
  • Odpowiedz
Mirasy, już tracę wiarę w połączenie tego jsa, żeby śmigało na Chromie. Canvas za każdym razem ładnie działa na FF, ale na Chromie w 1/3 przypadków nie rysuje. Any ideas?

function preloadimagetocanvas(){
..var canvas = document.getElementById("canvas");
..var context = canvas.getContext("2d");
..var
  • 10
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@marcinzwwa: masz tylko 2 funkcje, więc skrypt spokojnie może sobie siedzieć w head
funkcja jest odpalana na onlodzie obrazka, więc nie powinno być tu żadnego problemu
  • Odpowiedz
Hej!
Czy warto uczyc sie #angularjs ? (dodaje ponownie bo nie otagowalem #javascript )
Chodzi mi o zastosowanie w aplikacji webowej, powiedzmy, ze rozbudowanej.
Znam #jquery i troche nie moge zaskoczyc filozofii angulara, ale duzo dobrego o nim przeczytalem i mysle, ze moze warto sie nauczyc? Nie pracuje w #webdev ale to moje hobby i powiedzmy, ze probuje stworzyc cos, co moze kiedys zarobi
  • 16
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

czemu tylko 2 ?


@Jurigag: Twórcy angulara zrozumieli to co inni tzn. two-way binding nie zdaje egzaminu. Wersja 2 przechodzi na model zbliżony do tego w redux/flux. Tak naprawdę Angular 2 ma bardzo niewiele wspólnego z Angular 1. Rzeczywiście jest tak jak piszesz - v1 będzie wspierany jeszcze przez jakiś czas, ale jego dni są policzone.
  • Odpowiedz
@trustME: IMO trzeba się uczyć języka a nie frameworka. W innym wypadku wszystko co się dzieje "pod spodem" pozostaje magią i rozwiązanie trywialnych problemów sprowadza się do kopiowania odpowiedzi ze stackoverflow. Gdy umiesz język to framework jest tylko narzędziem.

Sądzę, że zabawę z frameworkami lepiej zacząć od lżejszych rzeczy niż Angular np. od biblioteki Backbone, która może nie jest już na topie, ale to nadal dobre, rozwijane narzędzie (albo
  • Odpowiedz
Jest jakiś szczególny powód, żeby używać jQuery zamiast VanillaJS? Na razie nie miałem zbyt wielu okazji, żeby pisać coś w JavaScripcie, ale jak już pisałem, to ograniczałem użycie jQuery, bo nie widziałem sensu, żeby je stosować (szczególnie, że 'getDocumentById' wcale nie jest dużo dłuższe niż to samo w jQuery). Teraz współpracownicy czepiają się, że nie używam jQuery ("bo skoro już mamy bibliotekę, to jej używajmy"). Jaki to ma sens?
#javascript
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Jest jakiś szczególny powód, żeby używać jQuery zamiast VanillaJS


@zranoI: Kiedyś tym szczególnym powodem było łatwiejsze i cross-przeglądarkowe API. Dzisiaj różnice między przeglądarkami już się trochę zatarły, aczkolwiek nadal jego API jest "lepsze" niż API DOM:
- .on zamiast .addEventListener, zdarzenie 'load' zamiast 'DOMContentLoaded'
- composite pattern
-
  • Odpowiedz
@newblob: pewnie chodzilo o to zeby mozna bylo tego uzywac w kontekscie D&D, gdzie elementy interfejsu moga w jakis sposob zamrozic silnik przeliczania styli.
  • Odpowiedz
Mirki,
co "mniej więcej" z #javascript musi znać front end developer? Ogarniam #jquery ale z javascript u mnie chyba średnio (poziom taki na jakim kończy się większość tutoriali). Dodatkowo jakie frameworki powinien znać front end developer?
Dziękuję
#pytanie #webdev
  • 10
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@mozz: wzorce projektowe i vanilla js + jakiś jeden sensowny framework. IMO nie ma sensu się uczyć frameworków na zapas.

Jeden framework to następne szybko lapiesz

O to to.

No i dochodzi trochę powszechnie używanych narzędzi - git, jshint, node + npm, etc.
  • Odpowiedz
@kimikini: @Pytoo: patrzylem na d3 i na moje oko to zbyt rozwiniete rozwiazanie (patrze na rodzaje wykresow chociazby, pewnie i sam framework jest ciezki), ja potrzebuje zwykle line charts z animacjami, hoverami, responsywnoscia itp i to daje mi charts.js co polecam, bo i z update data sobie poradzilem ;)
  • Odpowiedz
#webdev

Jak zrobić żeby div rozpoczynał się "poza ekranem" czyli na początku obrazek typu tło i zaraz za zjechaniem w dół dopiero się pojawia, naprzykład jak na tumblr.com, to już pewnie #javascript #jquery
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@krzysztofu: tak sobie tlyko wtrące mocno offtopicowo - jak przygotowujesz stronkę pod urządzenia mobilne, to warto stosować selector :active dla elementów typu , itp. chodzi o to, że w momencie tapnięcia na przeglądarkach mobilnych css dodaje selector :active do elementów i tam możemy np. odwrócić kolory elementu listy czy dodać jakąś animację.

to ZNACZĄCO poprawia look'n'feel w przypadku przeglądania stron mobilnych.
  • Odpowiedz
Dlaczego jak dodam jQuery mobile do strony

to przestaje mi działać skrypt taki:

$(document).ready(function(){

$('.gotop').click(function(e){
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@qwertyu: SecurityError: Failed to execute 'replaceState' on 'History': A history state object with URL 'osiedle-html/index.html' cannot be created in a document with origin 'null' and URL 'osiedle-html/index.html'.

Tylko coś takiego jest, nic więcej.
  • Odpowiedz