Fyrdility
		
			by Alexis Deveria
					
	
	
	
		Home
		About
		Work
		Contact
	
 	
	


	
		
		
		
						
			May I recommend...
		
			
				When Can I Use...Browser Compatibility Tables - Interactive
Compatibility tables for features in HTML5, CSS3, SVG and other
upcoming web technologies
				
				CSS3 Template Layout Script - jQuery plugin that provides support
for the CSS3 Template Layout Module
				
				Border-radius Generator - Tool to generate CSS-only rounded
corners for multiple browsers
			
			See all projects
			
						
	
			
				
				
					Why IE9 will support SVG
					July 31st, 2009 
	
					
						UPDATE: More reasons added thanks to promising news
After putting some thought it in, I believe there’s a very good
chance that IE9 will include native SVG support. Here’s my
reasoning:

The EU’s pressure on MS to support more standards in IE.
There’s few other really stable specifications left unsupported
in IE8.
SVG Web library should increase SVG usage on web, more usage means
more reason for MS to support it.
With SVG Web around, any potential competition with  Silverlight
should be a non-issue.
[September 19] Microsoft becomes a sponsor of SVG Open 2009. Several
IE members are seen attending panels.
[November 12] Microsoft sends their first email to the public SVG
working group mailing list

What do you think?
					
	
					Tags: Internet Explorer, SVG Part of the Web development series.
|   2 Comments »
					
					
					
					
					
					
				
	
				
				
					SVG Update
					July 30th, 2009 
	
					
						
I’m a big fan of SVG, and have in the past worked on several
projects involving the format. I haven’t really done anything
with it recently though, but there’s been important developments
recently that I feel really deserve mentioning. 
SVG Web
SVG Web – Is a brand new work-in-progress but highly advanced
JavaScript library that provides support for SVG in Internet Explorer
(using Flash). 
This is especially nice because getting SVG to show in IE before
required users to either install the (no longer supported) Adobe
plug-in, or to render it as another graphic file. No more! Since so
many people already have Flash, it’s a great way to bring SVG to
the masses.
The other advantage to this is that more SVG on the web will encourage
Microsoft to support it natively in IE9, since one of their arguments
for not supporting it has been that it’s not prevalent enough.
Native support may also mean SVG-in-CSS support, which is something
else I’m a big fan of and which can unfortunately not be
emulated using the SVG Web library.
Scour
Anyone that has created an SVG file using GUI software and then opened
the file in a text editor will have noticed large amounts of redundant
data. The data makes sense for the editor, but is really wasteful when
you want to use the file on the web. 
Enter Jeff Schiller’s Scour. This Python script parses SVG
files, removes all unnecessary data, and leaves a nice, clean, minimal
file that looks exactly the same as the original. If you’ve used
“Save for web” in Photoshop before, you get the idea.

So what are you waiting for? Grab your Inkscape, design a masterpiece,
Scour it, SVG-Web it, and share your vectory goodness with the world!
					
	
					Tags: Flash, Internet Explorer, SVG Part of the Web development
series. |   3 Comments »
					
					
					
					
					
					
				
	
				
				
					Fyrdility 2.0
					June 17th, 2009 
	
					
						Fyrdility has a new design. Hope you like it!
I actually took some time with this one, rather than just
incrementally making changes as I had before. I’m likely to
still tweak it here and there, but I’m happy with the overall
design as it is right now.
The design uses the same basic colors as the last one, while being
(hopefully) more visually appealing. There’s also less
experimentation (currently no border-radius or SVG background image),
since I wanted to keep most features cross-browser compatible.
However, IE6 support is gone, as you may have suspected from all the
alpha-transparent PNGs. As my IE6 visitor usage is under 2%,
it’s a privilege I am thankfully able to afford.
Note that future changes/additions will likely see more SVG/CSS3
features, since I am a big believer these technologies as well as the
use of progressive enhancement. I just want to make sure I put them to
proper use, and not just for sake of it (as I have been guilty of
before). 
I’d also like to add more interface improvements, as I love
working with jQuery and improving the visitor experience. The biggest
challenge I suspect is to find a way to improve things for visitors
that are already used to standard blog/website conventions. I myself
am not a fan of new features on sites that should make the experience
better, but end up just confusing me or that give a sense of
disorientation. 
Your feedback is appreciated, especially let me know if you notice any
accessibility issues or you feel your experience could be improved
somehow.
					
	
					Tags: blog, Fyrdility, redesign, web design Part of the Web
development series. |   3 Comments »
					
					
					
					
					
					
				
	
				
				
					Feed for When Can I Use
					May 27th, 2009 
	
					
						
Any minor changes I have made to WCIU so far have been undocumented.
They didn’t seem worth blogging about and tweeting about them
seemed a bit silly too. Since the information may be useful to people,
I’ve decided to create a simple RSS feed that will be updated
whenever a change is made to WCIU. 
The updates will include bug fixes and any new interface options, but
most importantly they will include information on browser releases and
their new support for features. Thus by subscribing to the feed, you
won’t miss any new developments on support for your favorite
features.
Additional options may appear in the future, like only seeing
information for news on specific features. Will see.
					
	
					Tags: feed, rss, when can i use Part of the Web development
series. |   1 Comment »
					
					
					
					
					
					
				
	
				
				
					Browser Comparison on When Can I Use
					May 26th, 2009 
	
					
						
I have added a new mode of displaying feature support information on
“When Can I Use” resulting in the ability to select two
browsers and only see what the differences are in feature support.
This allows you to pit two different browsers against each other to
see which one outdoes which in what areas, but it is also useful to
get a quick overview on which new features can be used in an upcoming
release. For example, selecting Chrome 1 and 2 will let you see which
new features are now available in Chrome 2. 
This new mode will also tell you how much better one browser version
is than another, note this is highly unscientific and doesn’t
take into account support of features not mentioned on When Can I Use.
Still, it’s kind of entertaining. Also, the mode generates URLs
from your selection, so feel free to share your results with others. 
Currently it only shows differences in support, I plan on also
providing the option of displaying support common in both versions, as
well as missing support. There may be a few other rough edges that
need fixing, please let me know if you see anything that looks odd.
					
	
					Tags: browsers, comparison, CSS3, HTML 5, SVG, when can i use
Part of the Web development series. |   5 Comments »
					
					
					
					
					
					
				
	
				
				
					Ready for use: CSS3 Template Layout
					April 23rd, 2009 
	
					
						
I’m happy to announce the latest project I’ve been working
on:
A jQuery plug-in to provide support for the CSS Template Layout
Module. For those of you unfamiliar with this specification, it
provides a relatively easy way to make a table-like layout using CSS.
Until recently it was known as the “CSS Advanced Layout
Module”.
The spec is still a “working draft”, so it can still
change significantly. But while that status hasn’t stopped
browsers from implementing other CSS3 modules, so far none have tried
implementing this one. 
Inspired by Eric Meyer’s Call for a layout system as well as his
suggestion that many CSS features can be  made to work using
JavaScript, I went to work. Why wait for browsers to implement
something when we can have JavaScript take care of it today?
The advantages to using this system include:

Source independence, so there’s lots of possibilities with the
same markup
All the benefits of a table-like design without the drawbacks
Instant overview of how the basic layout works just by looking at the
CSS
No need for div-heavy CSS frameworks just to accomplish a simple
design
Easy rearranging for different media (print, mobile)

The disadvantage to using JS rather than native support means of
course that those with JavaScript disabled won’t see the
intended layout. However, considering the HTML content can me put in
almost any order, there is still a lot of flexibility in how it will
appear to non-JS users.
The script has been tested and confirmed to work in the following
browsers:

Internet Explorer 7+
Firefox 2+
Opera 9.6+
Safari 3.1+
Chrome 1+

For download, demos, and usage, see the Project page. Contributions
welcome!
					
	
					Tags: CSS, CSS3, JavaScript, jQuery, template layout Part of the
Web development series. |   65 Comments »
					
					
					
					
					
					
				
	
				
				
					CSS Naked Day ‘09
					April 9th, 2009 
	
					
						My first participation in CSS Naked Day! 
Hope you like black on white text. 
					
	
					 Part of the Web development series. |   No Comments »
					
					
					
					
					
					
				
	
				
				
					Apple’s extensions: Good or bad for the open web?
					March 18th, 2009 
	
					
						Some interesting twittering earlier today on the subject of
Apple actually being worse than Microsoft for the Open Web. Seems like
quite a provocative statement to me, and a concept worth discussing.
 Read the rest of this entry »
					
	
					Tags: Apple, browsers, CSS, Safari Part of the Web development
series. |   5 Comments »
					
					
					
					
					
					
				
	
				
			
				« Older Entries
				
			
	
			
			
			
			
	
		Powered by Coffee, Marmite, jQuery and WordPress

		
	
	Copyright © 2007-2009 Alexis Deveria All Rights Reserved




		

var gaJsHost = (("https:" == document.location.protocol) ?
"https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost +
"google-analytics.com/ga.js'
type='text/javascript'%3E%3C/script%3E"));


try {
var pageTracker = _gat._getTracker("UA-6914891-1");
pageTracker._trackPageview();
} catch(err) {}

Midi Mime Types SiteMap Contact Subscribe © 2014 JimmyLandStudios