Code Monkey home page Code Monkey logo

cssttr's Introduction

CSS to the Rescue


Weekly Cactus

Met deze website kan Marijn zijn liefde voor cactussen uiten. De website staat in het teken van één van de mooiste planten ter wereld! Met een home pagina die de cactus op een aparte manier in het zonnetje zet. En een blog om te kijken hoe het met mede-cactus-liefhebbers gaat, inclusief een 'step indicator' om te zien hoe de cactus groeit. Bij een site als deze kan een weekly rate natuurlijk niet missen. Is dit alles niet genoeg? Log dan in voor meer cactussen!

Planning

Voltooide taken week een:

  • Schetsen voor de pagina indeling
  • CSS grid tutorials kijken
  • CSS grid toepassen
  • Opstarten vanuit 1 column
  • CSS mix-blend-mode
  • CSS technieken bepalen waar ik meer over wil leren
  • Component 'menu' stylen
  • Component 'picture-with subtitle' stylen
  • Home pagina stylen
  • Begin focus meenemen in de CSS

Nog te doen komende twee weken:

  • Component 'chat' stylen
  • Component 'login' stylen
  • Component 'media-item' stylen
  • Component 'rating' stylen - SVG animaties
  • Component 'step-indicator' stylen
  • Blog pagina stylen
  • Weekly rate pagina stylen
  • Wanna see more pagina stylen
  • :focus verder uitwerken
  • Custom properties toevoegen
  • Typografie verbeteren
  • Key Access + sticky keys

by suus

cssttr's People

Contributors

rikschennink avatar vasilisvg avatar

Watchers

James Cloos avatar s44s avatar

cssttr's Issues

Fontstack

font-family: Questrial;

Kan deze niet gewoon op de body gedeclareerd worden? En anders kan je misschien beter CSS custom propertied gebruiken. Dan kan je de font-stack later makkelijker aanvullen (nu is ie namelijk incompleet)

Netjes

Het ziet er allemaal netjes uit. Alleen heb ik het idee dat er niet zo heel veel bij is gekomen. Klopt dit of zie ik veel over het hoofd?
Heb je de interactie al getest met mensen? Vinden ze dit plezierig?

Mooi hoor!

Het ziet er mooi uit, zo te zien is CSS wel jouw ding. Er zijn nog wel wat kleine puntjes waar je op kunt letten. Soms staan er kleine slordige dingetjes in, en soms is het niet helemaal duidelijk waarom je iets gebruikt. Maar ga zo door! Ben heel benieuwd hoe het er uit gaat zien!

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.