Web Content Accessibility Guidelines 2.0

Us web developers has individual guidelines for ourselves, but there really is a real guidelines out there and its called WCAG 2.0 as in Web Content Accessibility Guidelines to develop a healthy functional and accessible product for a range of audiences.

You can read through them in the w3.org website for thorough explanations.

Here is a good checklist too by Wucag

I can always go back and have a read through for a refresher.

Adding Custom Context menu in Windows and my Rename Tool

I have been thinking of putting a custom context menu entry in my program, and this is the registry place to put your values into.

How to Add Any Application Shortcut to Windows Explorer’s Context Menu

And all you need to do is code your application to add them in your Visual Studio set up install function using the RegistryKey class in C# (at least), or use Inno Installer program to add a section as [Registry], the Inno Setup help is available if you need a reference.

I am thinking of creating a program that lets you rename all the filenames in a folder by adding a prefix or suffix or using regular expressions by right clicking the folder and call upon the program and a windows pops-up confirming your intention to rename.

Its very handy little tool , Im just in the process of putting them together. So the step would be:

  • Make the program
  • Create an installer for the program most likely use Inno Installer
  • Let the installer create the registry entry for you using { yourprogram.exe 1% } where the 1% is the folder path.
  • And run your program base on the folder path otherwise the user can select the folder to rename files.


Creating a C# application set up project with custom action

I have been looking to get  my C# application in Visual Studio to be packaged for easy installation.

I found a really good article that explains the steps and other custom action to be included in the installation set up as well.

It also bundles up the .NET Framework of your choosing as you install the program. Mainly Im trying to run a code that injects registry entry to the register while install is in process. As there are tons you can do to added functionality to your application using the registry in Windows.

Check this link out: http://www.c-sharpcorner.com/UploadFile/1492b1/creating-an-msi-package-for-C-Sharp-windows-application-using-a-v/

Credit to the Author of course I will look into this article for reference whenever I need to bundle up my application.

Important note: The Visual Studio Set up project isnt included in VS2012 and up, as they have a different installer used, you might need to download the old installer project at this location:


From a Developer to a mind shifting cloud computing in AWS

As a developer that only develops application, there are a tons of things one should know outside the development stage and coding and these in itself is sometimes is as big or even bigger than all your programming knowledge put together. Your algorithm, your patterns, your OOP design, etc.

Then there are these: deployment, optimisation, unit testing, usability, ethics in code maintainability, platform agnostic, scalability,performance, and the availability to target audience and the platform knowledge to deploy them.

We cant be expert on everything but we have to have a solid foundation in which every technology is built upon. A product is born in Information Technology through the needs to have a better solution and automate certain task that are repetitive. Think of a boiler plate in your development having them around is essential but understanding how it works is even more important so when something of need arises that a feature is unavailable, you can open up the bonnet , adjust , or move things around accordingly.

I am a beginner in AWS/ or any Cloud Computing Environment and its something I want to be familiar in, Im just lucky that I have a decent amount of knowledge in Networking otherwise I will definitely have a big challenge at hand.

I found an article: https://wblinks.com/notes/aws-tips-i-wish-id-known-before-i-started/

who has experienced delving into AWS as a developer as a beginner, his tips and advice is very valuable for us beginner AWS user. Check him out.

AWS: VPC detailed explanation and use cases

Virtual Private Cloud in Amazon Web Service.

Fundamentals in creating your own Virtual Data Center using VPC in AWS. I have always wonder as a developer how would your audience consume your product? I thought of AWS (IaaS), then you got EC2, a virtual machine that can service any request you set it up to. But to build a whole bunch of them and provides different services to your customers or your internal consumption, that would look like a data center that we know naturally, only the know-how people can establish and a simple developer such as ourselves is a huge challenge to difficult to near impossible.

Enter VPC. The author above puts a very thorough explanation on how to use it and what is.

Also you might wanna have read through this the difference between VPN, VPS, VPC:

Credit to the Authors who put a lot of effort to creating reference and tutorials like this for us new comers!

Hello Semantic UI Front-End Framework!

While doing my own quick template as I am experimenting with variety of frame work available including bootstrap, bourbon neat (sass), I find myself just nit picking every features that each framework has.

Bootstrap is good but it didnt let me choose any particular feature I want, for example the nav-bar in Bootstrap seems pretty generic, I want the behavior but I dont want the look and feel. I suddenly remember Semantic UI and its looking pretty promising from way back since 2013.

It lets you nit pick like I said any features you like including their grid responsive system similar to bootstrap grid system. It also have themes you can choose and combine with your current template which is really neat.

Check out this website for incorporating it in your project be it React, Nodejs or angularjs or just normal template project like I am doing now


More coming up.

Shorthand CSS Rule Reference

Im having trouble understanding and memorizing short-hand rule so I thought I made myself a quick reference.

background: (color) (image: use url()) (repeat: repeat-x,y,no-repeat) (attachment: scroll,fixed,local,initial,inherit) (position(x,y): in pixels or left top right bottom combination of 2s, or center)

border: (width) (style) (color | initial | inherit)

border-radius: (top-left-radius) (top-right-radius) (bottom-right-radius) (bottom-left-radius)

columns: (width | auto) (column count | initial | inherit)

flex: (grow: 0 - N) (shrink: 0 do not shrink) (basis: this is the width, auto | initial | inherit | value px %)

flex-flow: (direction: row,row-reverse,column,column-reverse,initial,inherit) (wrap: wrap, nowrap, wrap-reverse, initial, inherit)

font: (font-style) (font-variant font-weight) (font-size/line-height) (font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit)

@font-face: (font-name) (url)
Note: use any font-name and reference them to your css eg. .my-container{ font-family: font-name }
position: No shorthand for position use SASS mixin.

transition: (transition-property) (transition-duration) (transition-timing-function) (transition-delay)

Sass – Bourbon – library useful mixins

Bourbon is gem library used for css to help developers and designers style their html.

To install the gem make sure ruby and gem is installed. Afterwards type:
@gem install bourbon

Then go to your sass/scss folder and bring up command line for it. and type: @bourbon install
it should create a folder with all your bourbon functionality and in your scss put `import ‘bourbon/bourbon’` at the beginning and you can code away with the help of mixin/functions for accelerated developing.

Bourbon: Useful Mixins
– background: tint(red, 40%); –> Mix with white
– background: shade(blue, 60%); –> mix with black
– .element {
@include position(relative, top right bottom left);
– size(20px); outputs width: 20px; height: 20px;

Check these beginners tutorial for using bourbon + neat:




If you want to accelerate your SASS development even further:

Credit to the authors.

2017 © Ideas, designs and algorithms