Category: Technical Page 12 of 15

Web Design and CSS, how hard can it be?

On September 2, 2007

So, audaciously, I decided to do the theme for my pet Rails project. How hard can CSS and Photoshop really be? Having made basic layouts and modified various themes, I thought my CSS skills were adequate, and Photoshop is, after all, just another Windows application.

With the help of my talented fiancee and flatmate, the Photoshop side of things went fairly well for a banner image. Not too hard, find a good image and apply some layers, effects and text.

When time came to hit the CSS, I felt confident. Based on my vague trial and error understanding of floats etc, I managed to spend a fair bit of time messing around, painfully, slowly getting a good layout in Firefox, only to be frustrated by an awful rendition in Internet Explorer. Then trying to make a compromise layout between the two that looked reasonable in both, only to have a slight change throw everything into disarray. Repeat ad nauseum.

Clearly, I my confidence was misplaced, and my CSS skills sucked. Time to actually learn something. I turned to my yet un-opened copy of “Beginning CSS Web Development – From Novice to Professional” by Simon Collison, recommended by a ThoughtWorks buddy, Warren. I read it pretty much cover to cover on Saturday. It was quite a good read, practical with useful examples and a light tone. Lots of good stuff within:

Clear explanation of the basics
Coverage of different browsers
Some insight into a web designer’s mind
A number of useful page layouts
Different options for form layouts
Some advanced CSS tricks
A nice worked example of cutting up a Photoshop mock-up and turning it into image slices, CSS and HTML.

Overall, the book was pretty much exactly what I needed to get back on track and bring my misbehaving CSS under control.

Here’s a few things I learnt that solved some of the most pressing woes I was having with CSS:

Margins collapse into each other. Ie, if you have two elements next to each other and each has a 10px margin, the total distance between the two will only be 10px. Adding 1px of padding will mean the borders of the two elements don’t touch and hence won’t collapse
Generally avoid padding on fixed width elements. Instead, wrap them in another element such as a div, and put the padding on it. That way, you avoid needing to do any hacks for the broken box model in older versions of IE.
You can put an ID on each pages’ BODY, and that way, you can easily target elements on individual pages using their body’s ID.
Often a good way of doing layout with floats is to keep the document as much using the normal flow layout, and then put in appropriate margins or padding to make space for floats, rather than floating the whole document.
The order of values in short declarations like ‘margin: 1px 2px 3px 4px;’ is top, right, bottom, left.
It is a good idea to stick to the limited set of web-safe fonts, and also use a number of fallbacks for font family to cover all viewers.

My app’s theme is not finished yet, but CSS has now become more a pleasure than a frustration.

BarCamp Sydney this Saturday

By James

On August 22, 2007

In C#, JRuby, Personal, Ruby / Rails, Talks, Technical

It is BarCamp in Sydney this Saturday. I haven’t been to one of these unconference style events before, but I’ve heard good things about it from my colleagues. I’m quite excited to go along and see what it is like.

If you’re in Sydney and interested in stopping by, details are as follows:

When: Sat 25th August 2007 from about 9am
Where: University of Technology, Sydney (Jones St entrance)
More details…

One of the novel aspects of BarCamp is that all participants are encouraged to present or start a discussion around something that interests them. For my part, depending on what people are interested in, I was thinking of one of the following:

new stuff in the .net space (C# 3.0, .NET 3.5, LINQ, WPF, WCF, etc) and showing some demos
giving a bit of a Ruby/JRuby introduction with help from Ola’s JavaBin slides
or, if people are keen, a discussion around JRuby vs C# 3 vs Java vs ?? and their stacks for different situations and problems

By the way, the conference is free, and it is not too late to sign up 🙂
Hope to see you there!

Slides from ‘Learning to live with the static-typing fascist and the dynamic-typing fan-boy in your enterprise…’

By James

On August 15, 2007

In C#, Ruby / Rails, Talks, Technical

Here’s the slides from Jim‘s and my recent presentation at Tech Ed 07 on the Gold Coast and in Auckland:

LearningToLiveWithTheStaticTypingFascistAndTheDynamicTypingFanboy-TechEd07.pptx (Powerpoint 2007)

LearningToLiveWithTheStaticTypingFascistAndTheDynamicTypingFanboy-TechEd07.ppt (Powerpoint 2003)

You may also be interested in having a read of the abstract.

TechEd 07 – Some interesting snippets

By James

On August 14, 2007

In C#, Ruby / Rails, Technical

Silverlight

Silverlight runs on MAC and PC.
There is now a CLR for the Mac.
Microsoft is not currently planning to provide Silverlight for any unix platform (although there is MoonLight).
Silverlight 1.0 is basically a media player. It has hooks for javascript etc and some might say it has similar functionality to the Flash movie player.
Silverlight 1.1 has the real programming API. All further Silverlight references are to 1.1.
Silverlight will do a (currently undefined) simplified subset of WPF.
Silverlight gives acess to DOM in the browser.
Currently, the alpha allows 1mb local storage per page. In future, the storage is probably going to be shared across a domain rather than on a page by page basis.
Silverlight provides the capability to open a file on disk for read to allow for file uploads etc.
Interop between JavaScript and hosted Silverlight app is quite easy.
Silverlight looks a bit fiddly to set up, requiring javascript and sometimes xaml bootstrap – but being improved.

Software Factories

Allow solution and project structures to be auto-generated based on wizards.
Can provide code snippets and some (often template-based) code auto-generation.
Comes with documentation in help files and some context specific stuff.
Can include GUI designers that generate code.
People can develop their own domain specific factories.

DSLs
Currently, Microsoft’s take on DSLs is GUI editors, not written language or code. At the Software Factories talk, a GUI tool in Visual Studio for drawing your business entities and relationships was billed as a DSL.

Windows Workflow Foundation (WF)

Activity based with GUI designer for connecting and composing activities.
Custom activities and compositions can be developed and inherit from base classes.
Single threaded and mainly queue based, with some events sprinkled through.
Activities can reference data from other activities using a mechanism vaguely like data binding.
Hosted in the CLR, so can be part of a console app, ASP.NET, WinForms etc.
Handles pickling and reconstitution of long running activities.
Base Activity classes provide virtual hooks. Eg, ‘Execute’ for doing the work, ‘Cancel’, and ‘Compensate’ for handling rollback scenarios.

New in the Enterprise Library 3.1

Validation Application Block: provides simple, attribute based property validation. Easy integration with standard ErrorProvider on WinForms and WebForms and WPF is possible. Looks ok but somewhat basic – don’t think it supports warnings for example. It has GUI tool support and also capability to specify related objects which need to be validated.
Policy Injection Application Block: provides aspect oriented programming (AOP) style coding using attributes. All new AOP objects need to be created using the block’s object factory. Looks useful – there is out of the box support for validation, caching and logging in AOP fashion.

Tech Ed Talks

By James

On August 2, 2007

In C#, Personal, Ruby / Rails, Talks, Technical

Jim Webber and I will be co-presenting at Tech Ed Australia and Tech Ed New Zealand this year. Here’s the low down:

Learning to live with the static-typing fascist and the dynamic-typing fan-boy in your enterprise…

Gold Coast
Thursday 9 Aug
5pm – 6:15pm

Auckland
Tuesday 14 Aug
2:20pm – 3:35pm

“What’s best for your enterprise? Is it the ‘glue that never sets’ and flexibility of dynamic languages like Ruby, or the tried and true, hard and fast rules and tool support of static languages like C# 3.0? Are there different trade-offs for green field development and integration?

And more importantly, which is best, the Mac or PC?

In a dynamic, and combative presentation, Jim and James will let their alter-egos run amok and answer these questions from the perspective of a seasoned enterprise architect and a l33t hax0r. By the end of this session you will understand the interplays between the two personality types, have had a few laughs, and picked up a few tips on how to use both technology
sets in harmony in your enterprise. “

Hope to see you there!

Ultimate Laptop Protection

By James

On July 24, 2007

In Personal, Technical

Better than money can buy. Made by my dad 🙂

Consulting

By James

On July 15, 2007

In Personal, Technical

A present from my adorable fiancée 🙂

Adding a New Rails Project under Subversion

By James

On July 1, 2007

In Ruby / Rails, Technical

I generally use Subversion for source control when given the choice. In day to day usage, I like to use Tortoise SVN as it gives you a GUI with tick boxes for files to check in. However, it’s handy to use the command line tool for project setup and automation.

Often, there is a subversion repository already set up and running on another machine. In this situation, I generally:

Check out the repository at the top level into a temporary directory through Tortoise, add a new directory ([appname]) for the new project, and check it in.
Generate the new rails app (rails [appname]).
Check out [appname] from the repository into the local directory [appname] which contains the Rails project.
Add and check in all files through Tortoise.
Run the following commands from the command line to remove logs and tmp from the repository:

svn remove log/*

svn commit -m "removing all log files from subversion"

svn propset svn:ignore "*.log" log/svn update log/

svn commit -m "Ignoring all files in /log/ ending in .log"

svn remove tmp/*

svn propset svn:ignore "*" tmp/

svn update tmp/svn 

svn commit -m "Ignoring all files in /tmp/"

There’s more Rails/Subversion info to be found on the Rails wiki.

The Castle Project – Rails for .NET

By James

On June 12, 2007

In C#, Ruby / Rails, Technical

The Castle Project is an interesting open source alternative to ASP.NET / ADO.NET. Among other things, the Castle Project provides a Rails-like development framework for .NET. It has an ActiveRecord implementation built on top of NHibernate, a very Rails-like MVC setup called MonoRail, and uses NVelocity for template style views. It’s worth checking out. This screencast gives a bit of an overview.

There’s tough competition around the corner though, with Orcas already in beta, providing XAML, LINQ and O-R mapping.

Is .NET or Java dying?

By James

On June 5, 2007

In C#, Java, Ruby / Rails, Technical

Are C# and .NET losing ground as Martin Fowler suggests? Or is Java’s market share dropping? What about Ruby? And what about the Australian market in particular?

Here’s what I’ve been able to find.

Job Trends
Which technologies have the most demand for people?

From Indeed.com, which claims to search “millions of jobs from thousands of job sites”, but I suspect may have a USA focus:

“Best Talent Index May 2007” from Best People Solutions gives an Australian perspective:

Here’s job counts from the (largest?) primarily Australian job search site Seek on 5 June 2007, 3pm (today):

Keyword(s)	Number of positions found
Java	3,414
“.NET” or “dot net”	2,744
“c#” or “c sharp”	1,722
ruby	100

As an aside, I remember doing a search on Seek for “ruby” about 6 months ago, and getting under 20 jobs mentioning it.

Search Engine Number of Hits

Extract from the TIOBE Programming Community Index for June 2007:

Position Jun 2007	Position Jun 2006	Programming Language	Ratings Jun 2007	Delta Jun 2006	Status
1	1	Java	20.025%	-1.10%	A
2	2	C	15.967%	-2.29%	A
3	3	C++	11.118%	+0.45%	A
4	4	(Visual) Basic	9.332%	-0.85%	A
5	5	PHP	8.871%	-0.72%	A
6	6	Perl	6.177%	+0.17%	A
7	8	C#	3.483%	+0.25%	A
8	7	Python	3.161%	-0.30%	A
9	10	JavaScript	2.616%	+1.16%	A
10	19	Ruby	2.132%	+1.65%	A

I think this gives a good idea of web buzz, but suggest that most non-IT companies do not publish information about their projects and chosen technologies and languages on the web.

Conclusion
The data collected suggests that:

Both .NET and Java are major players in the job market with thousands of positions advertised, implying wide industry adoption of both.
Neither .NET nor Java seem to be undergoing any significant decline in jobs.
Java has much more information about it on the internet, although .NET is slowing gaining ground and Java slowly losing it.
Ruby is comparatively tiny but growing rapidly in terms of jobs and information on the internet.

Thanks
Thanks to Jason Yip and Suzi Edwards for their help finding/sourcing information.