DEV Community: Shristi Singh

Nevertheless, Read this

Shristi Singh — Thu, 11 Mar 2021 06:08:15 +0000

When I first started, I was 14 or 15, the little dabble and dazzle of Java. No one around me, had even slightest clue of coding and how really far it can take one. Coding, the overall development mania, fascinates me, because like all arts, it is CREATION. Even if this sounds wicked, it makes me feel powerful. The amaze I felt when the machine prompted stuff for very first time to this day when I get a Material UI component right.

The fascination is constant and so is the frustration. The term

love-hate relationship

was coined for programmers only. True story.
WE love creating stuff but also, we think every minute of taking a dagger and stabbing the web page.

When I started, it was humble Java and HTML routines(CodePen and SoloLearn have been a blessing).
I had no guidance till I was 17, I do believe everyone who taught me has been amazing, in different ways and I enjoyed being the loud snob, who knows stuff among who didn't for a long time. It's past, I am a better person now. But a great teacher changes a lot. In my final year in school, my computer teacher got me too realize that I know so little, his constant push and plain truth got me even more interested and that's how I am now an Undergrad in COMPUTER SCIENCE.
I have been learning a lot and there is so long to go, before imposter syndrome creeps in again, I would just say even if one doesn't remember all of a sudden HOW TO CENTER A DIV!! It is okay.
Google got our back!

OKAY so I didn't write my struggles and what I have achieved as a woman in Tech, cause I AM SORRY, but it irks me.

There will always be people to tell you their detrimental POV and where "they" see you, but they are not a compiler so I am never going to listen.
It is amazing truly to see these powerful women working up and about, in spite of what some awful beings have got to say.
But my way of tackle has always been rage in silence and don't care at all. The barks never slow the elephant parade!

So this is to WOMEN in tech, who code and create like they have been, given the existence of humanity.

And rest of you all, who keep commenting AND trying to pull people down, you need to woman up and learn!

(THIS POST IS KIND OF ALL OVER THE PLACE, SORRY)

How to: Easy Spider-man Parallax page

Shristi Singh — Sat, 08 Aug 2020 17:14:38 +0000

This post covers two ways, one is the traditional CSS way, other the Bulma way!
Check The Final Result here
(Scroll down for code)
Okay so this is a very simple BEGINNER friendly stuff, I just chose it cause, well to display, how much Bulma simplifies everything, there is like handful CSS, most of it being, links to background.

A parallax website includes fixed images in the background that you can keep in place and you can scroll down the page to see different parts of the image. With basic knowledge of HTML and CSS, you can give a parallax effect to a website.

Using the parallax effect in web designing is really popular and it gives beautiful look and feels to the web page. It is a great option for an opening page or a random display page.

How to make this better?

Put media queries and use different images for different view ports.
Experiment with block styles, add a flashy header, play with Image box.
Add clips!

Also I figured out it was too simple to deserve a tutorial, so I'll pass, but in case of any query, ping me, would be happy to help.

Without further delay, you can see normal CSS on Codepen.
Find the Bulma code on GitHub.
You can compare the two, and you will find lack of efforts with Bulma along with more styles.

Boba!

Ps. Next up a DARK website!(Screams in German)

Choosing a CSS framework

Shristi Singh — Sat, 01 Aug 2020 15:26:44 +0000

Once I was done playing with pure CSS and hitting my head every time I had to center div element or resize that img, I heard the words of (not then) magic. CSS FRAMEWORK.

You must be wondering, everyone uses Bootstrap, why would I be trying without it?

Okay to be very very honest, I was scared of the most known framework, Bootstrap. That is one of the sole reasons I kept on brewing my tea of web on pure CSS fire. But ever so much of a fun game it was, one can not simply dwell on it forever.

So I began my hunt for a framework for ME. Bootstrap though was the king of the domain, I had already sidelined it. One of major reasons. The monotony. Most sites were built in Bootstrap, and hence looked basically same.

Few Google searches and after trying different snippets from like of w3.css and bit of bootstrap(okay, yeah) and a little of Foundation, Pure- I came across the FINAL DESTINATION to my mess- Bulma.
Bulma was a love at first sight. I scanned their entire official site and religiously went through the documentation, made my cheatsheet and few great pages.

I followed a tutorial on Skrimba that is by the way mentioned on Bulma's official page and okay Skrimba is so cool! Literally. The site is so pretty and well innovative methods too! Plus Plus! I just had to stay.

If you are someone looking for a framework for better CSS game, well, Bulma--a pure CSS, no javascript-- framework can be the one for you.

I'd be posting few front end development posts with project videos and source codes, covering everything Bulma has and I will share the cheatsheet at the end if you need, so you don't have to struggle through the entire documentation, like I did.

If nothing you can follow the videos and fork the code and get few great projects on your profile!
Don't forget to do your own thing.
Keep designing!

Boba!