Skip to content
27/05/2011 / dimarzionist

CSS 3 Transitions (Chrome only!)

Click on every small black box: CSS 3 Transitions Example (warning: webkit only)

08/04/2011 / dimarzionist

HTML 5 Experiments: progress

Fully functional in Chrome for now:

19/07/2010 / dimarzionist

Nokia Test – Are you using Scrum

Are you using Scrum or just doing Cowboy Agile / Agilefall?

Part I.

  • Iterations must be timeboxed to less than 4 weeks
  • Software features must be tested and working at the end of each iteration
  • The Iteration must start before specification is complete

Part II.

  • You know who the product owner is
  • There is a product backlog prioritized by business value
  • The product backlog has estimates created by the team
  • The team generates burndown charts and knows their velocity
  • There are no project managers (or anyone else) disrupting the work of the team
07/07/2010 / dimarzionist

jQuery 1.4.x and JSON

If you’ve recently updated to jQuery 1.4.x on your projects you will need to ensure all your $.getJSON functions still working, because of the changes in the way how jQuery handles incorrectly formatted JSON – now it will just silently die, without giving you a chance to understand what was wrong with the data it received.

To ensure JSON you’re getting/generating use one of many JSON validators like JSONLint

02/07/2010 / dimarzionist

CSS3: Why we like it?

16/06/2010 / dimarzionist

HTML 5: IFrame is back

It’s officially back.

In HTML 5 elements do not support attributes such as frameborderscrolling.

The iframe element has three new attributes called sandboxseamless, and srcdoc which allow for sandboxing content, e.g. blog comments.

New sandbox attribute enables a set of extra restrictions on any content hosted by the iframe.

Possible values:

  • allow-same-origin
  • allow-forms
  • allow-scripts

Seamless attribute allows the inline frame to appear as though it is being rendered as part of the containing document. For example, borders and scrollbars will not appear. This is a boolean attribute. If the attribute is present, its value must either be the empty string or a value that is an ASCII case-insensitive match for the attribute’s canonical name, with no leading or trailing whitespace (i.e. either seamless or seamless=”seamless”).

Possible values:

  • [Empty string]
  • seamless
15/06/2010 / dimarzionist

More real world facts on IE and heavy table based layout

The illustration to one of the previous posts about web-site performance. Two images below showing the same page rendering timeline (captured using Fiddler 2). Red line on both images indicates the moment in time when user will see the actual page data. The whitespace means browser just waiting for some script/image/media to be loaded doing nothing.

Heavy page (around 500k with all scripts and media) with table-based layout:

Same page after refactoring to CSS layout and some bits of JavaScript refactoring: