Recreating Airbnb's nav in @bubble a.cl.ly/xQuxkDy4

Not too shabby! Still got things to change to get closer to the look, but not too bad for now!

I am happy with the look so far.

#nocode #buildinpublic #learninginpublic

Today was my first go at recreating a part of a real website.

I tried to recreate the navbar on @airbnb using @bubble here is a quick look:

a.cl.ly/L1u9voB6

Not too shabby, ehy? Not too far off! hahaha I am tired now. I need sleep.

#nocode #buildinpublic #learninpublic

I wasn't supposed to style anything, just add an image with an explanation as to why I chose it. But, I need to practice styling too.

But, the main focus here is to build skills in choosing the right images.

#nocode #buildinpublic #learninpublic

My task was to go with two overlays and the last one I tinted. Checkout my results here:

#nocode #buildinpublic #design

The last lesson on #design today in @figma was to go back to my previous assignment and fine-tune the colours chosen to compliment my image.

Focusing on brightness and saturation. Check it out:

(top is before and the bottom is after adjustments)

#nocode #buildinpublic

I have to put what I have learnt about both typefaces, fonts and colours into practice. Using @figma

Here is the starting template for my assignment.

#nocode #design #buildinpublic

I have to put what I have learnt about both typefaces, fonts and colours into practice. Using @figma

Here is the starting template for my assignment.

#nocode #design #buildinpublic

My practice examples from my lesson on letter spacing, line height and font weights using @figma

Now, I have to submit my work :)

#nocode #buildinpublic #learninpublic

Day 40 of #100DaysOfNoCode

Today I selected my next learning path.

I picked API Fundamentals!

I don't know much about APIs so this will be interesting.

#nocode #learninpublic #buildinpublic

I created my first #wireframe using @figma.

I used 12 columns to help with the layout seen here: a.cl.ly/OAu8X4GP

Here is my wireframe:
bit.ly/3BH8lCb

#nocode #buildinpublic

Yeaaaah @NocodeTalks you are my 200th follower and you are welcome to my mad house. Where I #buildinpublic and talk through my confusions and battles as I learn to #nocode hehe

In my first look at @webflow I have learnt some simple steps to get started.

Adding content to the page
Adding padding and Margin
Uploading images

Here is my very first and very simple little landing page, cutie, thing:

sineads-trendy-test-site.webflow.io

#buildinpublic #nocode

Day 30 of #100DaysOfNoCode

I built an online marketplace in @softr_io!

Check it out below!

day30.softr.app

#nocode #buildinpublic

I used @notion to build an action plan to present to my sister and her partner's business to get them up to date and show a better active online presence -

Check it out:

bit.ly/3cXyuCj

#buildinpublic #nocode #100daysofnocode #buildweekend