Sign Up Form
A sign up form with alternative login through Facebook or Twitter
Read more about this project on trhs.io 🔗
Simple, but beautiful cookies aceeptance/expiration modals, created with HTML and SASS.
Another milestone achieved, I am halfway to 100! This is a 768px+ session expired modal, on devices below the specified with it will show a "move to a bigger display"-notification. Made with HTML and SASS.
This app features dark-mode, styled-components, redux, react, react-router and more. Redux is overkill for this simple app, but I think it's important to refresh old and new knowledge.
Using React and Redux, Moment and Materialize I created this "system logs" app which has a lot of functionalities!
Fun project which really makes me want to make recreate it in React/Vue and make my own project management tool!
A feature list showcasing why you should use "boardme". Created with HTML and SASS. Original design was Desktop only, made some adjustment to make it usable for mobile.
This card component to an imaginary app is made using the BEM methodology. Built with HTML and SASS.
40 down, 60 to go. This is a Clock app, which uses 3 different APIs to fetch, quotes, time data and location data.
Pretty simple session today, using HTML and SASS I created cards based on a design from UIDesignDaily
Partially completed TODO App, built with React, Recoil and styled-components. Will get back to completing it at a later point.
A UI section of a messaging app. Fun with styling radio buttons, input fields and "close-icon".
Today's project allowed me to experiment with SASS @mixins. By using @mixins I am able to reduce the amount of repetitive code.
Did not learn anything new, this was simply a very standard newsletter subscription modal/form for a recipe blog/site.
Got a chance to re-use yesterdays (day 31) email validation script to make a simple validation.
This app is where it gets fun for me. I am able to pull in information from a completely different source, map it out and display it however I want. Just like magic!
Cool little website section which can showcase blog posts or features! Created using my standard HTML/SASS workflow and BEM.
A fun christmas gift/shopping modal. Created using my standard HTML/SASS workflow.
All caught up after completing 3 challenges today. This was a desktop design landing page that I decided to turn mobile at the very end of the challenge.
Another round of playing catch-up, simple dashboard component with hover and click animations using CSS
To catch up on the projctes after a weekend away from home I created this profile card component.
Made this one a little more personal. I used my top 6 favorite iOS apps to make up this app list modal/component! I also made a tooltip from just CSS! Using the before and after pseudo-selectors to display a "verified" tooltip on hover!
It's always fun to create progress bars in various formats. This card, created with HTML and SASS shows an example of a customer review component.
Very easy challenge today, a simple "stats card"-component, is responsive and made using HTML, SASS and BEM methodology.
A simple UI component/accordion from the awesome collection at UI Design Daily
Today's components are not my best work, today was more about completing SOMETHING rather then something perfect.
Switching it up, this is just a simple 3-piece alert/notification component. Built using HTML and SASS
HTML, CSS and JS Social Media Dashboard with a dark-mode switcher. Made about one month ago, published today as part of TOR100 Day 14.
I have become substantially more proficient with CSS positioning and making things go where I want them to! JS to toggle --open class for the animation.
Great project using HTML, SASS and JS to create a coming soon page with a Local Storage based countdown/timer.
A UI Component used to display posts, articles or similar. Created with HTML, SASS and JS!
Landing page for "Clipboard". Better use of BEM on this project, but still exploring the best way to use it.
Structure, and positioning images and vectors "wherever" needs to improve, but great project nonetheless.
Pretty basic component/landing page, but the placemenet of, and making the SVG responsive was tricky!
What seemed like a very simple challenge ended up being the most hackiest. It works, but I'll have to revisit this challenge at a later stage, to start over and make it cleaner.
Another interesting challenge from Frontend Mentor. Great use of CSS Grid some keyframe animation and my first project using CSS BEM.
Landing page created using HTML and SASS, SASS made it a whole lot easier to structure and style nested elements, and makes the code modular and cleaner.
This simple project made me very aware of how lucky we are to have CSS extension languages like SASS.
Second project, simple landing page with a sign up form. Created a very basic form validation that checks if fields are empty or not.