CategoryDesign

Creating UML Sequence Diagrams with TikZ in LaTeX

I’ve been working on my LaTeX skills for some time. The goal is to move towards an all-latex solution for writing research papers, slide sets and other documents. I’m almost there. An important goal was to be able to create all sorts of figures within LaTeX. (Well, originally, the goal was to use open source softwares to create them but it turns out that LaTeX is really good at this stuff.) The package that I’m using for graphics creation is TikZ. Here we’ll cover how we can create sequence diagrams using TikZ and a plugin package.

Here’s what we’re planning on creating.

Sequence Diagram using TikZ (click to enlarge)

Continue reading

How to Create a Beamer Template — A Newbie’s Tutorial

I started switching full-time to Ubuntu (once again) a couple of weeks ago. Turns out, it’s in much better condition than when I last tried it. Anyway, one of the problems was finding a replacement for Powerpoint. I hate creating presentations for classes — in fact, I think they’re counter-productive — but I have no choice for the moment. So, I decided to give LibreOffice Impress a chance. That was an hour of my life down the drain. Finally, I returned to beamer. Of course, I had to write my own theme because I couldn’t use the same theme used by all the rest of the world. To cut this long and boring story short, I tried very hard to find a tutorial on writing beamer themes, couldn’t do so, learned it through experiment and decided to write the tutorial myself. Here is that tutorial.

Continue reading

Site Re-design

New Site Design

Last time I did a custom re-design for my site was way back during my blogspot time. That was in 2006 — five years have passed but I still like the design. When I moved to wordpress.com, I didn’t have a way of creating my own design so I stuck with the best design I could find. I moved to my own host here at CSRDU last year but didn’t really feel the need to create a custom design. The result, even with the great theming mechanism provided by WordPress, I never wrote a custom theme for my site. I always stuck with existing freely-available themes that always left me wanting more in one department or another. Either the typography wasn’t up to par or I didn’t like the comments layout. So, I always had to settle with whatever I could find.

That changed a couple of days ago when I came across a typography post on some blog which inspired me to begin my own wordpress theme. I had one clear goal in mind — improve readability. People come to my site mostly to read the tutorials. It’s not fair if I give text secondary importance focusing on the layout. So, I started customizing the sandbox wordpress theme. It has the cleanest markup and I was able to make all the changes simply through a custom CSS. I went with a fairly large serif font (Georgia) for the content with a sans-serif (Open Sans) font coming from Google Webfonts for the post titles. I also have a slight text shadow effect but it wont’ be visible if you’re using IE. There’s only around 5 images in the whole theme plus two fonts. So, the overall result is a fairly lean page with clear fonts and layout.

As always, all comments and criticism is most welcome.

Web Typography

An important but neglected aspect of designing for the web — and in many places, for print — is typography. It’s really important part of presentation. Here’s an presentation describing typography for web. It has audio/transcript of the talk in the conference too.
Web Typography Sucks | Slides and notes from SxSW 2007

Also, here’s a nice article giving brief tips on getting your type right.

5 Simple Steps to Better Typography

UML and OCL Official Specifications

I’ve been working on formalization of UML and OCL for some time. Of course, specifications are necessary for formalization but they’re also helpful for learning the tools themselves. If you’re working with UML and/or OCL, you may find these specs helpful:

UML 2.0 Infrastructure Document v2.1.1
OCL 2.0 Sepcification

CSS Layout

I wrote this article back when I was learning to cope with CSS layout. It’s not the best one around but it’s certainly the simplest. It assumes you’ve been working with CSS for font styles and colours and are comfortable with designing layouts using tables. I uploaded it on my old site but that site is no longer there, so this is an update post.

Title: CSS Layout

Abstract:
Tables are a powerful way of creating complex page layouts. That’s why many people simply refuse to let them go. Now, CSS designs have come a long way and have the same sort of power. Let go of your tables and come see how powerful CSS has become. The main problem I faced when I started learning CSS designs was how to get some of those DIVs floating to the right position while still keeping others in their place. HTML tables made it so easy but they have their drawbacks. I decided to redo my weblog template and write a small article in the meantime. There are a lot of CSS tutorials out there. I’m not going to go into the details of CSS. I’ll just take a design and implement it with precise values to show you just how it’s done. Having said that, be forewarned, this tutorial is not for the faint of heart.

Source in .zip

mooflex : Content Management System

One of the best designs of a web app I’ve ever seen. Lovely work. And they’re also offering an object oriented Javascript framework for free!

Mooflex

Scroll down to the end to see screenshots.

Having trouble with colours?

Well, worry no longer. For all you designers out there who’ve been having trouble with picking the right color, go see kuler. It’s sort of like Color Schemer. Lovely themes designed by the users. Do add your own to it.

"Outcast"

Just finished another space project. It’s uploaded on deviantArt because I can’t access Gfx.

Take a look at the full size version at http://www.deviantart.com/deviation/41935059/

Thumbnail:

 Outcast Thumbnail 200×150

Comic Sans – "only its parents could love it"

I’ve been saying this for a long long time. Here’s a quote in case you need convincing:

What article on web typography could forget the font so ugly that only its parents could love it – Comic Sans MS.

Spurned by designers and typographers worldwide, Comic Sans has few fans – and despite being part of Microsoft’s ‘Core Fonts For The Web’ package, is generally left unused by most people who know a little about typefaces.

It has found favour in certain niches – you can probably spot Comic Sans on a few eBay auctions (in garish red & yellow no doubt), as well as on personal homepages and the lesser blog sites (MySpace, LiveJournal et al).

If you absolutely must have a ‘comic’ style font, or blackboard style writing, go for Comic Sans – but there are few other applications for this font. Use with caution!

That comes from here.

© 2014 recluze

Theme by Anders NorenUp ↑