DEV Community: Uchena Miller

My issues regarding my personal website (media Queries)

Uchena Miller — Mon, 15 Jun 2020 14:31:17 +0000

I'm getting in the habit of documenting my work.

I have been working on my portfolio site for the past 2 months now; I'm practically finished with the code only a few thing left but for the past couple of days I've been having an issue making the site responsive for small devices. I purposely been procrastinating.
I think that i'm doing it all wrong and I am at the point of giving up.

Still trying to figure out where did I went wrong, I used
@media screen and(max-width: 480px).

List of Issues

Width
- The width is not fluid and there is an overflow on the X axis.
- Content doesn't align properly when width of screen changes below 480px.
Height
- I have to keep changing the View Height if I change width. No synchrony.
Images
- the site uses svg content, they stay in place but doesnt scale down correctly and sometimes they disappear.

and these are the main issues among many others.
I used flexbox.

If you can have any suggestions, links, and videos please feel free to share. I'm making this a thread to follow up with my journey until the release of my website.

You can also follow me on twitter @ https://www.twitter.com/WebDev_Chen

When do I start?

Uchena Miller — Mon, 08 Jun 2020 19:44:51 +0000

Ever wondered when's a good time to start learning something new?

Well the truth is NEVER!

In my months of being a front-end developer, I've had issues on deciding when to start taking on new projects and or learning a new framework, language, platform or any other thing regarding going forward.

I'm highlighting this because I know that many of us face with problems like this. My best advise is to just start because if you wait for the right time, you'll never get it done.

IF NOT NOW THEN WHEN

Front-End Architecture

Uchena Miller — Thu, 21 May 2020 20:48:40 +0000

Structuring your projects with processors and naming conventions.

So, lately I have been having an issue with naming my CSS classes and organizing my projects. I did a research and it was fairly constructive.

It lead me to a thing called BEM (Block, Element, Modifier) which is a known naming convention for organizing your style sheets and making your CSS easier to read among you and whoever looking through your source code.

How it works?

1. You name the main blocks of your page like this for instance: class="button".

2. Then, name the elements inside each block using two underscores (to show that
it’s part of the block): class="button__icon".

3. And in case you have a variant of that block, use two dashes to name a
modifier: class="button button--red".

File Structures

In structuring my projects I use the tree-house directory structure, which I picked up from some past research. Also, I use a Distribution folder along with a SASS folder (if using) in my Root folder, For Ex:

/Front-End-Architecture (root)
/Dist folder
/Images
...
...
/Javascript
/main.js
...
...
/CSS (compiled CSS)
main.css
/Sass folder
/main.scss
/_partials
/..

SASS Setup

Sass (Syntactically Awesome Style-sheets) is a CSS pre-processor.
I recently started noticing the importance of Sass by doing project tutorials to gain a better insight and understanding of the in-and-outs of the SASS Pre-processor.

The Points I want to highlight about my research in Front-End Architecture
is finding how resource full partials are; not only just mixins, functions and variables.

Using Sass partials are the way to go when I need to structure my styles accordingly.

Here is a list of the partials I use and how I use them.

_base.scss (this includes my variables, mixins and functions)
_config.scss (this includes my resets)
_utlities.scss (these are to help maintain my project/s)
_components.scss (this includes anything reusable such as buttons, navbars, cards etc. )

For the main.scss folder I use is for my main project structure, things that I would only use for that specific projects and also to @import my partials.

Read, Like and Share your thoughts and your way of architecture. Ill be in the comments :)

Changing Operating Systems

Uchena Miller — Wed, 13 May 2020 16:49:24 +0000

I think its time to move on from windows to Linux OS