-
There is transparency and the right way to do transparency !
Oct6
Posted by agrublev in Angel Grablev
Unfortunately the standard css opacity/transparency feature that comes with css 2.x has a couple of flaws, first of all it is not fully cross browser in some cases. In general the more intense of a system you are trying to set up using opacity in css the more likely it is something will go wrong. For example if you nest any element within an element that has a lower opacity, the nested elements will inherit the parent and not allow you to set their opacity to a 100%. Hence I learned a little trick from back in the Oniracom days. The “pixel repeater”, the idea is you make a 1px by 1px transparent png, and you make it repeat inside a div (both in the x and y direction) for the background: property. Yes you should most definitely apply a png fix of your choice for internet explorer 6. Check out G. Love’s website for a nice sample!
-
Image Formats (and why we use different ones)
Oct3
Posted by agrublev in Angel Grablev
Following are the most commonly used graphics file formats for putting graphics on the World Wide Web and how each differs from the others. This would be very helpful for starters on web designing having questions on there mind on what graphic file format they will use.
• JPEG/JPG
Short for Joint Photographic Experts Group, the original name of the committee that wrote the standard. JPG is one of the image file formats supported on the Web. JPG is a lossy compression technique that is designed to compress color and grayscale continuous-tone images. The information that is discarded in the compression is information that the human eye cannot detect. JPG images support 16 million colors and are best suited for photographs and complex graphics. The user typically has to compromise on either the quality of the image or the size of the file. JPG does not work well on line drawings, lettering or simple graphics because there is not a lot of the image that can be thrown out in the lossy process, so the image loses clarity and sharpness.
• GIF
Short for Graphics Interchange Format, another of the graphics formats supported by the Web. Unlike JPG, the GIF format is a lossless compression technique and it supports only 256 colors. GIF is better than JPG for images with only a few distinct colors, such as line drawings, black and white images and small text that is only a few pixels high. With an animation editor, GIF images can be put together for animated images. GIF also supports transparency, where the background color can be set to transparent in order to let the color on the underlying Web page to show through. The compression algorithm used in the GIF format is owned by Unisys, and companies that use the algorithm are supposed to license the use from Unisys.*
• PNG
Short for Portable Network Graphics, the third graphics standard supported by the Web (though not supported by all browsers). PNG was developed as a patent-free answer to the GIF format but is also an improvement on the GIF technique. An image in a lossless PNG file can be 5%-25% more compressed than a GIF file of the same image. PNG builds on the idea of transparency in GIF images and allows the control of the degree of transparency, known as opacity. Saving, restoring and re-saving a PNG image will not degrade its quality. PNG does not support animation like GIF does.Although PNG is not fully “cross-browser” the unit fix sure does a great job at fixing this, but in my humble opinion png rocks, it combines gif and jpg to bring you the best of both worlds PLUS it has features that neither of the two can reach! I still use gif and jpg, but after countless generated images I have my reasons for using each. Hopefully after you generate a couple, you will get a feel for why you use each!
-
NoToGoOgLe.com - Logo
Oct2
Posted by agrublev in Angel Grablev
I designed this logo a while back. To be honest, one of my good works. I like the choice of colors, and it seems a bit playful. The font is strong yet comforting.
Page 1 of 1 pages
Categories
Browse
Elsewhere
About me
Welcome to my Blog. My name is Angel Grablev, I am a Web Developer and i work as a software developer for UCSB. I have been professionally been developing websites for over 4 years, and I have been interested in web development since i was 7 years old.