Szybki tutorial ze zbudowaniem accordiona z użyciem css i html, bez js, skierowany raczej do początkujących - chociaż, jak zauważam, nawet doświadczeni koderzy zapominają o tych "triczkach".

Na początek szkielet, załóżmy, że chcemy 3 panele:

Czym jest to (nie)szczęsne RWD?

RWD to technika projektowania stron w taki sposób, aby dostosowywały się do urządzenia, dzięki czemu możemy na telefonie oglądać równie (lub mniej) funkcjonalną stronę jak na PC.

Nie jest to takie hop siup zrobić dobrą stronę RWD, a przy rozbudowanych serwisach wygodniejszym rozwiązaniem jest aplikacja mobilna. Ale nie wybiegajmy za daleko i skupmy się na podstawach RWD.

Czas start!

Na początek musimy sprawić, żeby nasza strona chciała się skalować na różnych urządzeniach.

Lepiej sformatowany artykuł z podlinkowaniem możecie znaleźć tu:http://psds.pl/grunt-js-i-automatyzacja-pracy/

Słowem wstępu - czym jest Grunt?

Grunt.js jest task runnerem w którym możemy stworzyć listę zadań (użyjąc gotowych lub napisać swoje) wykonywane pod odpaleniu odpowiedniego polecenia. Pozwala nam to oszczędzić sporo czasu, zautomatyzować naszą prace i pozbyć się czasem nudnej i żmudnej pracy.