Posts

CSS Grid Demo Website

Image
I created these for my website using my own assets. I followed the tutorial from  this  Youtube video. I made some modifications to make it the way I wanted it to be such as using only a small grid image background and have them repeated thought their containing elements.

Simple Cityscape Drawings

Image
Some simple artworks. I like drawing so I normally use them as assets for my projects. I figure I'd create new ones that I could possible use as assets for my future project. These drawings are example of how I would take a more minimalist approach more than my usual minimalist style.

When to Start Learning Javascript?

It seems like the right time to start learning Javascript for me. I'm not yet satisfied with how much html and css I know but though I like CSS because it has a lot to do with visual design, programming is my first passion. I remember I started learning about programming before I did my first real artwork at age 16. What happened between those years and now? I don't really know but I'm back.

My First Functional Website

Image
The Lorem Planes A fictional site I've created uploaded to my personal domain. It has a responsive design and theme based on my design aesthetics. Also contains the first line of JavaScript I've learnt.

The Emmet Documentation

I'm so fixated on this documentation right now https://docs.emmet.io/ Input: p*3>36 Result: Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptate dolorum quam, earum tempora incidunt error, at nostrum, porro officiis ratione unde animi quidem ut saepe similique. Atque, deleniti vitae fugiat at provident ipsum aliquid! Officia, odit? Consequuntur ducimus quibusdam deserunt necessitatibus consequatur modi? Modi ex error vel iusto nulla nobis repellendus. Delectus ipsum odit rem sapiente cum deleniti cumque similique. Nisi voluptate molestiae veritatis iusto quaerat dolore sed esse perspiciatis labore mollitia. Tenetur ullam error quae voluptate voluptas minima eos. In perferendis accusamus blanditiis vitae impedit fugiat ipsum dicta laudantium hic cumque quae natus harum, porro dolores, magni quisquam vero, aliquid incidunt est provident at expedita veniam totam?

This Book on CSS Grid

Image
Why I like to have a little manual 😎 Available only in Kindle. Some stuff in it are probably a bit outdated.

PaintShop Pro

Image
This is my preferred graphics software for desktop and I finally decided to purchased it. I've been using this for a long time mainly because it is what feels intuitive for me to use. Personally it feels more comfortable to use for me than Photoshop and certainly seems more user friendly than Pixlr and Gimp. As an artist first, I need to have a graphics software to always use as opposed to just using whatever is available. Of course becoming a good enough graphics artist is a big part of my plan in becoming a web developer.

This Responsive Website Tutorial

Image

This Line of HTML Code

So I was perplexed as to how my wip website doesn't appear responsive in mobile. It turns out I need to do a few tweaks. Just this line of code worked <meta name="viewport" content="width=device-width> Obviously, this is so noobish of me. And I have to learn about html escape characters just to post this.

Firefox Quantum Developer Edition

Image
There are many useful tools that comes with the developer edition. It seems I am coming back to this browser after a very long time. The one tool that I really like and find useful right now is the responsive design device selector. I also like that the default theme is a night mode.