A look back

A look at my old blogs from 3 years ago

8/12/18

Holy moly this website looks pretty good for grade 7 me.

Compared to my other blog, this website looks pretty good, and it was only made around 3 or so weeks apart. Of course, i've stopped working with AngularJs and Bootstrap, and started a functional programming language called Elm under the work of my dad. It's pretty good. I hope that I'll be able to make a blog using that language soon haha.

Looking both ways

I've noticed that I have spent more and more time on making my blogs. The next blog I made, out of angular 2 and bootstrap, was pretty crazy and I only managed to make one or two blog posts on it. I can't even set it up anymore lmao cuz i forgot - I used routing so I have to create a localhost, and all my dependancies are kinda weird and outdated and idk it's confusing. I should try to get it to work though, for old times sake.

Hopefully I can get my Elm blog up and running soon. Like i have to learn a lot first, but it'll be fun. Looking back on this website gave me a lot of nostalgia, and hopefully I can look back on this later in life and have a quick laugh. Like Wow my footer is so cringy lmao.

Closing words

I don't even know why I made myself add another blog post to my old websites. I guess it's mainly for the future me to see what I was like when I was 16: my strange reflective tones. Damn but I should really get the angular 2 website running - I had some lit stuff there. Well, see you in a few years, when I decide to walk down memory lane again. (I guess the only think I'm scared about is cdnjs somehow dying, rendering most of my dependancies unuseable rip. But I have faith.)

Font-awesome!

Font awesome is pretty cool!

7/31/15

I Font icons!

Font-awesome is like Glyphicons, but it is...not like Glyphicons. Font-awesome uses SVG, scalable vector graphics, while Glyphicons uses something else. I do not know, but it still provides "sharp and clean symbols".
The thing I like about font-awesome is that it is free, and it has 585 fonts. Glyphicons provides limited fonts for free, and the rest is given if you pay. Glyphicons is growing in glyphs, as well as font-awesome. For now I will jump around, since the there are different icons in each, sometimes.

Plugins and other nice websites

Here are some things on the web I like.

7/23/15

Raining.fm

This may or may not help you, but Raining.fm has nice relaxing rain audio to help...when you need to feel rainy.

Codecademy

A very nice website to learn a whole lot of programming languages.

Color by Hailpixel

A color-picking website that has a very intelligent way of choosing colors. Color is a great and easy to use color picker.

Glyphicons

Yay Glyphicons! To use Glyphicons, you need to pay, but it has been made free for Bootstrap, so that means most glyphs are free to use. Yay!!

Css-tricks

Css tricks has more than just css! With Blogs, snippets, videos, and even tutorials about a lot more languages, Css-tricks is a website to check out.

AngularJs

I feel bad for you if you are making a website yet do not know AngularJs. It is a extremely helpful tool, adn explaining it will take too long

Bootstrap

This shouldn't even be here. Bootstrap is the most popular HTML, CSS, and JS framework for responsive webpages, so you should know this already. If you don't go get it. Now.

Highlight.js

Want to make code snippets in your website? This is what highlight.js is useful for. With over 60 styles and 125 languages, highlight.js is the plugin for you. With highlight.js, you can easily make code snippets like this:

<pre><code class='html'><!--html code here--></code></pre>

Chartist.js

An open source plugin that makes charts. Not from the html <canvas> tags, but from SVG, Scalable Vector Graphics. This means that it can be zoomed in and out without any degradation, can be printed in any resolution, and will not be obsolete (SVG will soon become very popular on the web!). Luckily we don't need to code much SVG, since XML knowlwdge will then be needed. Jquery, html, and maybe css are all you need to make a beautiful chart.
I am afraid to say that I still cannot make a chart out of Chartist yet, but I will get there! :)

Simptip

Made with sass, this is a plugin that makes tooltips, like This one. Here's some demos:
I have a tooltip on the top
Tooltips can span all directions; top, left, right, and bottom, but no corners.
Tooltips can come on colors; success as green, info as blue, warning as yellow, and danger as red.

Animate.css

Made by Daniel Eden, Animate.css is a plugin that makes animations very easy. By adding a few classes, This boring text can be turned into This text.
Did you know that the website title has it's own animation? Using simple javascipt, clicking the title makes it animate an animation called rubberBand

AngularJs -- a lot of learning

I learned a LOT about angularJs!

7/22/15

Basically AnguarJs is a huge function that adds a bunch of things in a pre-defined object called $scope. "Why then is Angular Js so helpful?", you may say. Well It has a lot of extra built-in things that makes html a lot easier, and there are also a bunch of things such as animations. (I still have yet to learn that)

 Responsive Nyan Cat video!

Watch Nyan cat-in a responsive <iframe> tag

7/17/15

Nyan Cat!

July 28, 2015
Joshua is sorry, but because of unfortunate bugs inside Google and Youtube, embedding youtube videos will mess up the enire javascript. Joshua apologizes. Well, here is a responsive nyan cat picture, at least. The link for nyan cat can be found here.

I would like to thank Glyphicons for providing the free glyph you see at the left of the title. Glyphicon halflings are not normally free, but the creator made it free for Bootstrap, which means free glyphs for everyone, so as a thank you, we should link back to Glyphicons whenever possible.

Blog Finished

Joshua Ji has finally finished the ambitious blog design!

7/17/15

Well, about time the blog has finished. I spend loads of time trying to get everything perfect, especially including the animations. Dad said that Angular JS provides a lot of easy animations to do, so I should learn Angular JS. Oh well. Sure.