tag:blogger.com,1999:blog-34454975.post116109228634895558..comments2023-06-28T16:58:41.189+02:00Comments on Web Reflection: JavaScript Pixel Font GeneratorAndrea Giammarchihttp://www.blogger.com/profile/16277820774810688474noreply@blogger.comBlogger8125tag:blogger.com,1999:blog-34454975.post-1161177976690264602006-10-18T15:26:00.000+02:002006-10-18T15:26:00.000+02:00Just look on DEMOSTRATION trasformationI mean exac...<I>Just look on DEMOSTRATION trasformation</I><BR/>I mean exactly the header DEMOSTRATION string after pixel font<BR/><BR/><BR/><BR/><BR/>However, I've just created a canvas version that's 10x faster than this one but I'm working to make this version IE friendly, stay tuned.Andrea Giammarchihttps://www.blogger.com/profile/16277820774810688474noreply@blogger.comtag:blogger.com,1999:blog-34454975.post-1161177871614674222006-10-18T15:24:00.000+02:002006-10-18T15:24:00.000+02:00you must have a TBODY... c'mon kenta, you have to ...<I>you must have a TBODY</I><BR/>... c'mon kenta, you have to use a TBODY with other browsers too ... and I'm not a newbye ;)<BR/><BR/><BR/>@ inviz<BR/>you often write without understand me ... you CAN'T have the same effect with divs and multiple widths or height.<BR/><BR/>Just look on DEMOSTRATION trasformation and replace with your method if you can ... it's not possible (not using your "solution")Andrea Giammarchihttps://www.blogger.com/profile/16277820774810688474noreply@blogger.comtag:blogger.com,1999:blog-34454975.post-1161174476967681872006-10-18T14:27:00.000+02:002006-10-18T14:27:00.000+02:00HERE you could find a DOM only(not innerHTML) impl...<A HREF="http://freeforumzone.leonardo.it/viewmessaggi.aspx?f=19716&idd=182" REL="nofollow">HERE</A> you could find a DOM only(not innerHTML) implementation .<BR/>@Andrea: for IE you must have a TBODY or it don't display nothing if you use only dom function ;)<BR/><BR/>[I found this issue when I was write my innerDom / Inner].<BR/><BR/>my implementation is optimized for speed(it use cloneNode and wait till the end to append to the page) you can do a bench if you want, but innerHTML is surelly faster.kentaromiurahttps://www.blogger.com/profile/01628828429767241919noreply@blogger.comtag:blogger.com,1999:blog-34454975.post-1161169590196815452006-10-18T13:06:00.000+02:002006-10-18T13:06:00.000+02:00divs are fully customazable! colors, any position,...divs are fully customazable! colors, any position, any size. What do you want of the more? :DAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-34454975.post-1161159367694976362006-10-18T10:16:00.000+02:002006-10-18T10:16:00.000+02:00where's the link to your js?(o I just find it:http...where's the link to your js?<BR/>(o I just find it:http://www.devpro.it/pixelfont/PixelFontRender.js<BR/>)<BR/><BR/>P.s. I just wrote a 100% compatib<BR/>le function with the swf you linked. <BR/>here the code:<BR/>http://freeforumzone.leonardo.it/viewmessaggi.aspx?f=19716&idd=182<BR/><BR/>ps you need a little css like this or what you like:<BR/><BR/>.font{<BR/>border-collapse:collapse;<BR/>padding:0;margin:0;border:0;<BR/>}<BR/>.font tbody tr td{background-color:#aaffaa;width:1px;height:1px;font-size:1px;};<BR/>.font tbody tr .on{background-color:lightsteelblue !important;}<BR/>.on{background-color:lightsteelblue !important;}kentaromiurahttps://www.blogger.com/profile/01628828429767241919noreply@blogger.comtag:blogger.com,1999:blog-34454975.post-1161095607196290492006-10-17T16:33:00.000+02:002006-10-17T16:33:00.000+02:00your idea is quite cool but CSS based divs will no...your idea is quite cool but CSS based divs will not be customizable as table is.<BR/><BR/>Probably, as Daniele said, the better way is to use canvas ... but CSS semplicity will be a problem again.<BR/><BR/>However, demostration page is slow because render generates thousand of chars but in every day pages this render should be used only for few elements and delay will not be visible as is on demo page that's not a real every-day web page :)<BR/><BR/><BR/>A joke ? probably ... a new way to write fonts ? Maybe.<BR/><BR/>When Flash exports one Pixel Font its overload is about 25Kb, with this engine the packed overload is about 3Kb for a "complete" ASCII table.<BR/><BR/>I hope I'll find time to create a better canvas version to compare results :)Andrea Giammarchihttps://www.blogger.com/profile/16277820774810688474noreply@blogger.comtag:blogger.com,1999:blog-34454975.post-1161093952059998732006-10-17T16:05:00.000+02:002006-10-17T16:05:00.000+02:00well, if this is just for fun, than it could be a...well, if this is just for fun, than it could be a funny idea.<BR/><BR/>what about absolute positioning? It's very fast. <BR/><BR/>Create a relative-positioned block with sizes of future sign and put pixels into there. You can have an optimization curve in this way: for example 3 pixels in a line could be handled as 1x3 div. Abso-Rela is very crossbrowser stuff. <BR/><BR/>But again this is just crazy XD.Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-34454975.post-1161093320165584922006-10-17T15:55:00.000+02:002006-10-17T15:55:00.000+02:00just a first comment by myself ... i'll work for a...just a first comment by myself ... i'll work for a canvas based version that will be (I hope) really faster but will not be compatible as this <I>browser killer</I> version :D<BR/><BR/>The good thing is that created fonts will work perfectly with canvas based version, the bad one is that canvas aren't, today, so portable (I need to look at google porting, maybe they've solved).<BR/><BR/>See you :)Andrea Giammarchihttps://www.blogger.com/profile/16277820774810688474noreply@blogger.com