Category: Designing

Create Masonry Layout with CSS (Grid with variable-sized contents arranged in columns)

Create Masonry Layout with CSS (Grid with variable-sized contents arranged in columns)

Source code for examples in this article can be found at https://github.com/umaranis/css-masonry-layout In Masonry layout, variable-sized items are arranged in columns. It is different from a regular grid in the sense that it doesn’t have fixed-sized rows. Pinterest is a popular example of the masonry layout. The layout looks beautiful and makes efficient use of…

Read More Read More

Review: Pixar in a box Tutorial by Khan Academy

Review: Pixar in a box Tutorial by Khan Academy

‘Pixar is a box’ is an excellent tutorial at Khan Academy developed in collaboration with Pixar Animation Studios. It is about some of the Math concepts that we learn in school and how they apply to making animated movies. The content is meant for secondary school students (and above ). Tutorial sketches a broad outline…

Read More Read More

Completed ‘HTML5 Game Development’ course from Udacity

Completed ‘HTML5 Game Development’ course from Udacity

I have been taking Massively Open Online Courses at Coursera, but this is the first one at Udacity. The two platforms take different approaches… Coursera is more like a virtual classroom while Udacity feels like a very well designed interactive tutorial. Udacity is self-paced with very short video clips interspersed with questions and quick programming…

Read More Read More

Infographics summarizing one year of support for IBM Maximo

Infographics summarizing one year of support for IBM Maximo

Infographics is a very engaging and visually appealing way of representing information. Recently I created one myself to summarize one year of support operations for IBM Maximo implementation at one of the clients. It is created in Adobe Illustrator. I have intentionally reduced the resolution to make text illegible.  

Reached “Design – All Star” in design .toolbox

Reached “Design – All Star” in design .toolbox

 .toolbox is a really fun environment to learn basic design concepts as well as the fundamentals of creating Silverlight applications using Expression Studio. Today, I finished both the tracks (i.e. principles and scenarios) and achieved all 15 badges. The high quality tutorials and evaluations, and a very nice theme make it really enjoyable. Check…

Read More Read More

Fundamentals of Design

Fundamentals of Design

Microsoft has developed an amazing e-learning website called .toolbox for creating Silverlight applications using Expression Studio. The site focuses on design aspects rather than development. Being a developer, I am always intrigued by design tools like Flash, Blend and Photoshop and want to improve my design skills.  So I have started going through the tutorials…

Read More Read More