Code Monkey home page Code Monkey logo

fix-the-flow-interactive-website's Introduction

Fork deze leertaak en ga aan de slag. Onderstaande outline ga je gedurende deze taak in jouw eigen GitHub omgeving uitwerken. De instructie vind je in: docs/INSTRUCTIONS.md

Visual Thinking

Visual thinking wordt een platform met onderwijsmateriaal voor docenten en studenten om visual thinking in hun lessen en tijdens de studie toe te kunnen passen.

User Story

"Als docent wil ik favoriete werkvormen kunnen opslaan zodat ik later makkelijk mijn favoriete werkvormen kan terugvinden."

Beschrijving

Bij deze opdracht heb ik een site moeten maken waarin in animaties verwerk. Ik heb een uitklapbare searchbar gemaakt

image

Kenmerken

image

Licentie

GNU GPL V3

This work is licensed under GNU GPLv3.

fix-the-flow-interactive-website's People

Contributors

trisjan avatar koopreynders avatar joostf avatar

fix-the-flow-interactive-website's Issues

zoem in nav items

er zit een zoem in je nav items en deze heeft een scale. wanneer je er op hovert dan wordt dan krijght het een blur. pas dit aan of gebruik een andere techniek om je hover-items te herkenen.

Feedback 💃

Hey Trisjan!

Ziet er goed uit, er viel mij gelijk wat op:
image
Omdat je inputveld vrij klein is kan je niet door op de hele balk te klikken de input selecteren, als je de input net zo groot maakt als de hele balk kan je overal klikken om de focus daar te krijgen :)

In plaats van deze code (slim gevonden overigens):

const toggleButton = document.getElementsByClassName('toggle-button')[0]

Kan je ook dit doen:

const toggleButton = document.querySelector('.toggle-button')

Twee dingetjes hierover:

var element = document.getElementById("hoi");
  • gebruik let of const (weet je het verschil al?), var is 'ouderwets'
  • gebruik semantische/omschrijvende ids en namen voor variabelen

Goed bezig, ga zo door!

plaatsing Categorieën

Ik zou de catogorieen in de nav (mobiel) zetten. zodat alles aale menu / filters op 1 plek zitten

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.