SikoSoft / home / sorted by: newest items
sort as
123 items total: displaying items 1 - 5
page: next page »
Many years ago when the first versions of Firefox came out and were already supporting transparency with PNG images, IE was still behind in the game (what's new?). It wasn't until IE7 (correct me if I am wrong) that transparency was finally (somewhat) supported in IE.
Today we are on IE8, and it is often claimed that IE now fully supports alpha transparency with PNGs. At first glance, with certain generic images, this may seem like the case, but the more you use PNGs, the more you will realize, IE still hasn't got it right.
The two images that are included show how IE8 (8.0.7600.16385 - to be exact) and Chrome5 (5.0.375.99 - to be exact) render alpha transparency in PNG images when partial opacity is applied using CSS.
Notice how IE still doesn't do this properly, by creating a solid, unappealing matte around the edges of the image. In Chrome you can see how the images are perfectly blended to their respective backgrounds without any such solid and rough edges.
While I only used Chrome for the sake of comparison, the reality is that Firefox, Opera and Safari also do render this properly.
So regardless of what Microsoft wants to tell us, or what many misinformed webdevelopers would like to believe, IE8 *still* has issues with alpha-transparency with PNG images, and as such, I don't think it's fitting to say that IE supports transparency with PNGs quite yet, since it all falls apart when you apply opacity to the images in CSS.
In closing: what gives Microsoft? I feel like I've been waiting for complete PNG support for more than 5 years now, and almost the entire time I keep getting told "it's all already there", but that is a load of hogwash, and these comparison shots demonstrate that very clearly.
comment | leave a commentposted on: Wednesday - 9:48 - 28 July 2010 · posted by: Lev
As you probably have figured out by now, and as you probably would have assumed months ago (had you known me and my patterns at all), the stable release of Theia has been delayed.
While it was supposed to come out on July 12th, I've had to postpone it a bit because I've had my knees deep in some development for a client.
I'll do my best to get it packaged and ready for distribution this week. I've already gone through about 95% of the modules and fixed up most of the newly required CSS, but there are a few spots that still need my attention and several issues I would like to fix up before releasing it. It could be any day now, but I'll just play it conservatively by saying, "I'm pretty sure it will come out some time this week". hehe
commentsposted on: Monday - 15:45 - 26 July 2010 · posted by: Lev
While wrapping up the CSS for the new version of Theia, I wanted to go over a few "issues" I had spotted. One of which was an inconsistency with the absolute positioned tool-tip tail image. After seeing it working fine on Firefox, and overlapping on Chrome, I had just intuitively assumed it was a Chrome issue.
I looked into it more today and found that it is in fact an issue with how Firefox positions elements (absolutely) when the parent element (relative) has a border. Well, at least I suspect it is the border that is causing the inconsistency since I am noticing a 2 pixel gap (1 pixel width on two sides is 2 pixels).
The attached image shows screen captures from all 5 of the big browsers. As you can see, both Chrome and Safari render the area nearly identical (since they are both webkit browsers). IE and Opera also both position the "tail" image for the tooltip at the proper position, though you can see neither of which currently support the corner-radius property. Firefox, however, positions the tail two pixels too high - unlike any of the other big guys.
So which browser is doing it right according to the specifications? I'd love a confirmation, since right now I have just gone with what the other four do, especially since (even though I don't like the browser) I know that Opera renders things correctly most often (being the only one to pass the acid3 test). If you have any insight into a work around for Firefox, let me know. I've tried prepending -moz- to the top property to see if that would work as an override, but no dice.
posted on: Thursday - 15:48 - 15 July 2010 · posted by: Lev
First off a little introduction is in order to the scenario I was in, because I am sure someone else out there will eventually be in a similar situation.
I am working on developing a system for a client which involves sending a validation code to a user's mobile phone in the form of an SMS. Because we wanted to avoid the whole hassle of forcing the user to include their country code in the prefix of their mobile number (since let's face it, most of us probably don't know it unless we've made international calls before), the idea was to simply determine this based on the country the user lives in.
Now because I always store the user's country in the database in the IS0 639-1 specification, I needed to have an XML file which basically had a simple structure of the countries code as the tag, and the calling code as the value.
I searched around for a while and didn't find any, so I decided that I was just going to instead look for a site that had the 2 letter country code and the international calling code both in a well structured manner which I could scrape from. Thus, I built a small data-mining/scraping script which pulled in all the data, used some regular expressions to interpret it and discard all the HTML and low and behold, here is the result:
XML CODE
<?xml version='1.0' encoding='UTF-8'?>
<icc>
<AF>93</AF>
<AL>355</AL>
<DZ>213</DZ>
<AD>376</AD>
<AO>244</AO>
<AQ>672</AQ>
<AR>54</AR>
<AM>374</AM>
<AW>297</AW>
<AU>61</AU>
<AT>43</AT>
<AZ>994</AZ>
<BH>973</BH>
<BD>880</BD>
<BY>375</BY>
<BE>32</BE>
<BZ>501</BZ>
<BJ>229</BJ>
<BT>975</BT>
<BO>591</BO>
<BA>387</BA>
<BW>267</BW>
<BR>55</BR>
<BN>673</BN>
<BG>359</BG>
<BF>226</BF>
<MM>95</MM>
<BI>257</BI>
<KH>855</KH>
<CM>237</CM>
<CA>1</CA>
<CV>238</CV>
<CF>236</CF>
<TD>235</TD>
<CL>56</CL>
<CN>86</CN>
<CX>61</CX>
<CC>61</CC>
<CO>57</CO>
<KM>269</KM>
<CG>242</CG>
<CD>243</CD>
<CK>682</CK>
<CR>506</CR>
<HR>385</HR>
<CU>53</CU>
<CY>357</CY>
<CZ>420</CZ>
<DK>45</DK>
<DJ>253</DJ>
<TL>670</TL>
<EC>593</EC>
<EG>20</EG>
<SV>503</SV>
<GQ>240</GQ>
<ER>291</ER>
<EE>372</EE>
<ET>251</ET>
<FK>500</FK>
<FO>298</FO>
<FJ>679</FJ>
<FI>358</FI>
<FR>33</FR>
<PF>689</PF>
<GA>241</GA>
<GM>220</GM>
<GE>995</GE>
<DE>49</DE>
<GH>233</GH>
<GI>350</GI>
<GR>30</GR>
<GL>299</GL>
<GT>502</GT>
<GN>224</GN>
<GW>245</GW>
<GY>592</GY>
<HT>509</HT>
<HN>504</HN>
<HK>852</HK>
<HU>36</HU>
<IN>91</IN>
<ID>62</ID>
<IR>98</IR>
<IQ>964</IQ>
<IE>353</IE>
<IM>44</IM>
<IL>972</IL>
<IT>39</IT>
<CI>225</CI>
<JP>81</JP>
<JO>962</JO>
<KZ>7</KZ>
<KE>254</KE>
<KI>686</KI>
<KW>965</KW>
<KG>996</KG>
<LA>856</LA>
<LV>371</LV>
<LB>961</LB>
<LS>266</LS>
<LR>231</LR>
<LY>218</LY>
<LI>423</LI>
<LT>370</LT>
<LU>352</LU>
<MO>853</MO>
<MK>389</MK>
<MG>261</MG>
<MW>265</MW>
<MY>60</MY>
<MV>960</MV>
<ML>223</ML>
<MT>356</MT>
<MH>692</MH>
<MR>222</MR>
<MU>230</MU>
<YT>262</YT>
<MX>52</MX>
<FM>691</FM>
<MD>373</MD>
<MC>377</MC>
<MN>976</MN>
<ME>382</ME>
<MA>212</MA>
<MZ>258</MZ>
<NA>264</NA>
<NR>674</NR>
<NP>977</NP>
<NL>31</NL>
<AN>599</AN>
<NC>687</NC>
<NZ>64</NZ>
<NI>505</NI>
<NE>227</NE>
<NG>234</NG>
<NU>683</NU>
<KP>850</KP>
<NO>47</NO>
<OM>968</OM>
<PK>92</PK>
<PW>680</PW>
<PA>507</PA>
<PG>675</PG>
<PY>595</PY>
<PE>51</PE>
<PH>63</PH>
<PN>870</PN>
<PL>48</PL>
<PT>351</PT>
<PR>1</PR>
<QA>974</QA>
<RO>40</RO>
<RU>7</RU>
<RW>250</RW>
<BL>590</BL>
<WS>685</WS>
<SM>378</SM>
<ST>239</ST>
<SA>966</SA>
<SN>221</SN>
<RS>381</RS>
<SC>248</SC>
<SL>232</SL>
<SG>65</SG>
<SK>421</SK>
<SI>386</SI>
<SB>677</SB>
<SO>252</SO>
<ZA>27</ZA>
<KR>82</KR>
<ES>34</ES>
<LK>94</LK>
<SH>290</SH>
<PM>508</PM>
<SD>249</SD>
<SR>597</SR>
<SZ>268</SZ>
<SE>46</SE>
<CH>41</CH>
<SY>963</SY>
<TW>886</TW>
<TJ>992</TJ>
<TZ>255</TZ>
<TH>66</TH>
<TG>228</TG>
<TK>690</TK>
<TO>676</TO>
<TN>216</TN>
<TR>90</TR>
<TM>993</TM>
<TV>688</TV>
<AE>971</AE>
<UG>256</UG>
<GB>44</GB>
<UA>380</UA>
<UY>598</UY>
<US>1</US>
<UZ>998</UZ>
<VU>678</VU>
<VA>39</VA>
<VE>58</VE>
<VN>84</VN>
<WF>681</WF>
<YE>967</YE>
<ZM>260</ZM>
<ZW>263</ZW>
</icc>
<icc>
<AF>93</AF>
<AL>355</AL>
<DZ>213</DZ>
<AD>376</AD>
<AO>244</AO>
<AQ>672</AQ>
<AR>54</AR>
<AM>374</AM>
<AW>297</AW>
<AU>61</AU>
<AT>43</AT>
<AZ>994</AZ>
<BH>973</BH>
<BD>880</BD>
<BY>375</BY>
<BE>32</BE>
<BZ>501</BZ>
<BJ>229</BJ>
<BT>975</BT>
<BO>591</BO>
<BA>387</BA>
<BW>267</BW>
<BR>55</BR>
<BN>673</BN>
<BG>359</BG>
<BF>226</BF>
<MM>95</MM>
<BI>257</BI>
<KH>855</KH>
<CM>237</CM>
<CA>1</CA>
<CV>238</CV>
<CF>236</CF>
<TD>235</TD>
<CL>56</CL>
<CN>86</CN>
<CX>61</CX>
<CC>61</CC>
<CO>57</CO>
<KM>269</KM>
<CG>242</CG>
<CD>243</CD>
<CK>682</CK>
<CR>506</CR>
<HR>385</HR>
<CU>53</CU>
<CY>357</CY>
<CZ>420</CZ>
<DK>45</DK>
<DJ>253</DJ>
<TL>670</TL>
<EC>593</EC>
<EG>20</EG>
<SV>503</SV>
<GQ>240</GQ>
<ER>291</ER>
<EE>372</EE>
<ET>251</ET>
<FK>500</FK>
<FO>298</FO>
<FJ>679</FJ>
<FI>358</FI>
<FR>33</FR>
<PF>689</PF>
<GA>241</GA>
<GM>220</GM>
<GE>995</GE>
<DE>49</DE>
<GH>233</GH>
<GI>350</GI>
<GR>30</GR>
<GL>299</GL>
<GT>502</GT>
<GN>224</GN>
<GW>245</GW>
<GY>592</GY>
<HT>509</HT>
<HN>504</HN>
<HK>852</HK>
<HU>36</HU>
<IN>91</IN>
<ID>62</ID>
<IR>98</IR>
<IQ>964</IQ>
<IE>353</IE>
<IM>44</IM>
<IL>972</IL>
<IT>39</IT>
<CI>225</CI>
<JP>81</JP>
<JO>962</JO>
<KZ>7</KZ>
<KE>254</KE>
<KI>686</KI>
<KW>965</KW>
<KG>996</KG>
<LA>856</LA>
<LV>371</LV>
<LB>961</LB>
<LS>266</LS>
<LR>231</LR>
<LY>218</LY>
<LI>423</LI>
<LT>370</LT>
<LU>352</LU>
<MO>853</MO>
<MK>389</MK>
<MG>261</MG>
<MW>265</MW>
<MY>60</MY>
<MV>960</MV>
<ML>223</ML>
<MT>356</MT>
<MH>692</MH>
<MR>222</MR>
<MU>230</MU>
<YT>262</YT>
<MX>52</MX>
<FM>691</FM>
<MD>373</MD>
<MC>377</MC>
<MN>976</MN>
<ME>382</ME>
<MA>212</MA>
<MZ>258</MZ>
<NA>264</NA>
<NR>674</NR>
<NP>977</NP>
<NL>31</NL>
<AN>599</AN>
<NC>687</NC>
<NZ>64</NZ>
<NI>505</NI>
<NE>227</NE>
<NG>234</NG>
<NU>683</NU>
<KP>850</KP>
<NO>47</NO>
<OM>968</OM>
<PK>92</PK>
<PW>680</PW>
<PA>507</PA>
<PG>675</PG>
<PY>595</PY>
<PE>51</PE>
<PH>63</PH>
<PN>870</PN>
<PL>48</PL>
<PT>351</PT>
<PR>1</PR>
<QA>974</QA>
<RO>40</RO>
<RU>7</RU>
<RW>250</RW>
<BL>590</BL>
<WS>685</WS>
<SM>378</SM>
<ST>239</ST>
<SA>966</SA>
<SN>221</SN>
<RS>381</RS>
<SC>248</SC>
<SL>232</SL>
<SG>65</SG>
<SK>421</SK>
<SI>386</SI>
<SB>677</SB>
<SO>252</SO>
<ZA>27</ZA>
<KR>82</KR>
<ES>34</ES>
<LK>94</LK>
<SH>290</SH>
<PM>508</PM>
<SD>249</SD>
<SR>597</SR>
<SZ>268</SZ>
<SE>46</SE>
<CH>41</CH>
<SY>963</SY>
<TW>886</TW>
<TJ>992</TJ>
<TZ>255</TZ>
<TH>66</TH>
<TG>228</TG>
<TK>690</TK>
<TO>676</TO>
<TN>216</TN>
<TR>90</TR>
<TM>993</TM>
<TV>688</TV>
<AE>971</AE>
<UG>256</UG>
<GB>44</GB>
<UA>380</UA>
<UY>598</UY>
<US>1</US>
<UZ>998</UZ>
<VU>678</VU>
<VA>39</VA>
<VE>58</VE>
<VN>84</VN>
<WF>681</WF>
<YE>967</YE>
<ZM>260</ZM>
<ZW>263</ZW>
</icc>
I hope this helps someone out there! If you need the same thing but using the 3 character country codes instead, let me know and I'll gladly generate one for you.
posted on: Friday - 22:18 - 09 July 2010 · posted by: Lev
As I have mentioned several times before, I wanted to do some improvements to the profile module before I release the stable version (still July 12th). Thus, if you have any suggestions for how you'd like to see things work, improvements you want added, have a particular feature or interface in mind, let me know! I am looking for feedback you may have regarding things you'd like to see done to the profile system in Theia. Obviously, I probably will not get to everything I want for the initial stable, but I can always work in stuff later on.
Should users have complete CSS control? Should users get to adjust only a few basic colors? Should they be able to customize the layout of their profile using a drag and drop interface?
You get the idea - let me know your thoughts (and yes, guests can post here once again!)
posted on: Thursday - 17:03 - 24 June 2010 · posted by: Lev
123 items total: displaying items 1 - 5
page: next page »
Copyleft 2009