Forem: Ami Amigo

Amigo CSS - A New CSS Framework

Ami Amigo — Wed, 09 Feb 2022 06:00:42 +0000

This past Sunday I launched my first open source project, a new CSS framework - Amigo CSS

Amigo CSS is a simple, custom-first and intuitive CSS framework for CSS lovers.

Amigo CSS is tailored for:

Beginners
Developers' creative freedom

Let me know what you think. I recommend to first check the philosophy behind Amigo CSS at our website amigocss.com

5th Week Streak on Dev.to

Ami Amigo — Mon, 06 Jul 2020 03:53:43 +0000

This was supposed to be a different post about a small project am doing this weekend. However, I won't be able to finish the project before midnight. Hence, I am writing this tiny blog post so that I don't break the blogging streak.

Last week I receive this from Dev.to and it has kept me motivated to keep on writing...

Congratulations, Ami Amigo! You received the 4 Week Streak badge! Awarded for consistency of writing. Congrats on achieving this streak! Consistent writing is hard. The next streak badge you can get is the 8 Week Badge.

On that note, Let's keep on writing

Bootstrap 5 is out!

Ami Amigo — Sun, 28 Jun 2020 15:48:22 +0000

Just a short announcement for those who didn't know.

Bootstrap 5 is out! The most recent version of the most popular CSS framework, Bootstrap is out.

https://v5.getbootstrap.com/

I never liked Bootstrap that much, but this version may be worth a try.

Here are few highlights of Bootstrap 5:

Vanilla JavaScript replaces jQuery
Hugo replaces Jekyll
etc. etc.

A few videos on YouTube already:

Get Started With Bootstrap 5 Alpha

97Palettes.com - Based on Microsoft Colors

Ami Amigo — Sun, 21 Jun 2020 04:22:42 +0000

Happy Sunday! Dev Community

Another weekend...Another project!

So this week I was super inspired by the Microsoft's Fluent UI and came up with this little project:

97Palettes.com

I also got some heavy inspiration from FlatUI Colors

My stack for this small project was:
Bulma CSS
SweetAlert JS
Clipboard JS

Join me...I build little web projects every weekend.

For this Sunday, here is the project 97Palettes.com

Until next weekend...Chao!

I build small web apps every weekend - Join Me!

Ami Amigo — Sat, 13 Jun 2020 02:58:05 +0000

Okay, This is going to be short

To strengthen my skills in web development, I have decided each weekend I will be making a small web app.

I began last weekend...and this was what I made 97colours.com. A small tool you could use to compare colors. I also wrote a short blog here

All the projects I will be making ...the plan is to finish and publish them within a few hours, preferably less than 3 hours.

So what am I making this weekend? Stay tuned! Also, join me for the ride! It's gonna be fun!

Why I hate Endless Scrolling!

Ami Amigo — Thu, 11 Jun 2020 22:34:41 +0000

So many websites and blogs nowadays implement what is called endless or infinite scrolling.

For those who might not know...endless scrolling means just as the name suggests...you just keep scrolling to the bottomless page...there's literally no end unless you don't give up.

I have no idea what is the design principle behind endless scrolling. If you make a website or a blog...you want people to be able to access the information delightfully. If I feel as if there is no way I am going to find out where something is, of course as a user I will be frustrated.

Now here is normally a scenario...you visit a blog and a few posts interest you and you wonder how many posts are in this blog. In infinite scroll...there is no way you will know how many posts or articles are in the said blog. So you begin scrolling and scrolling and scrolling and scrolling...yes you see so much information but for the curious like me...wouldn't you like to know where this scrolling end? How many more posts or articles here that I might be interested in? So you continue scrolling only to find out you have already wasted like 5 minutes and the scroll bar now is like a quarter of an inch...you give up! Frustrated of course for not satisfying your own curiosity...Or if you accidentally open one post...you're back to square one because infinite scrolling won't remember where you last were.

YouTube had the same problem a few years ago, in the recommended/suggested videos...you could scroll till you were tired. Right now I think they have lowered the number of the suggested videos.

So what's the solution?

For a blog, please put down page numbers (pagination). This will allow a user to know how many pages are there or how many posts...I can just navigate from page 1 to page 2 or I can go all the way to the first post ever created. As a user I will feel as if I am in control...plus I can easily save that specific page and revisit it later...something which is impossible with endless scrolling.

Stop making online experiences with endless scrolling! They're terrible for the user.

Can you imagine if Google had endless scrolling? It would have been terrible! ...They know better that's why they show you pages at the bottom of the search...to give you an idea of how many pages are there. And in doing so they save you so much time...because an average user will normally be satisfied with the results on the first page.

That's my rant!

97colours.com

Ami Amigo — Fri, 05 Jun 2020 04:54:35 +0000

Dear Dev Community,

A super simple web app? I made that allows you to compare between two colors...and hopefully choose the one that appears better...

97colours.com

As always, feedback welcomed

For the curious like me:
Tech stack: AngularJS, Bulma CSS

97colours.com

Thanks

An almost 200 pages website I created (design and development) for a small company

Ami Amigo — Mon, 17 Feb 2020 18:53:26 +0000

www.intensivejournal.org

Please take a look at the website I created for a small company in Beachwood, Ohio.

The project took me about 5 months, working part-time while finishing up my CS degree.

For those who are curious, these are the technologies and tools I used:

HTML
CSS
Kit language for HTML Includes
SASS
Vanilla JavaScript (Barely used...about 10 lines of code)

CodeKit (Mac) and PrePros (Windows) for pre-processing the .kit files and .scss files

Other services:
Getforms for forms
Pexels for pictures
IonIcons for icons

I would appreciate your comments about what I did better and what I need to improve.

Here is the website again, www.intensivejournal.org

You can reach me at mnandi19@jcu.edu
Twitter: https://twitter.com/amiamigo97
Instagram: https://instagram.com/amiamigo97