11 Classic CSS Techniques Made Simple with CSS3
CSS3? What's that?!
I'm sure you've heard of CSS in general. CSS3 isn't that much different, in terms of syntax; however, the power of CSS3 is much greater. As you'll see in these eleven techniques, you can have multiple backgrounds, dynamically resize those backgrounds, border radiuses, text shadows, and more!
Here's what the official (or at least, what I consider official) website of CSS3, css3.info, has to say about CSS3:
CSS3 is the new kid in the stylesheet family. It offers exciting new possibilities to create an impact with your designs, allows you to use more diverse style sheets for a variety of occasions and lots more.
Here are the 11 techniques that I'll be showing you how to recreate with CSS3. I'll show you how to create them using CSS2 (or JavaScript), and then with CSS3 properties. Remember - these effects will only work in modern browsers that implement these CSS3 features. Your best option is to view these with Safari 4.
- Rounded Corners
- Box Shadow
- Text Shadow
- Fancy Font
- Opacity
- RGBA
- Background Size
- Multiple Backgrounds
- Columns
- Border Image
- Animations
Convert Image to Base64 String and Base64 String to Image
This article will help you to learn how we can convert an image into a base64 string and base64 string back to image.
Image to Base64 String
public string ImageToBase64(Image image, System.Drawing.Imaging.ImageFormat format) { using (MemoryStream ms = new MemoryStream()) { // Convert Image to byte[] image.Save(ms, format); byte[] imageBytes = ms.ToArray(); // Convert byte[] to Base64 String string base64String = Convert.ToBase64String(imageBytes); return base64String; } }
10 Design Practices to follow in your Website / Blog
After seeing some bad design practices in many blogs and websites, I am writing this article here. Are you tired of changing so many designs in your website? If yes, you should have a look on this article to make sure that you will never change the design again and again.
Subscribe via Email
Categories
- 2D Graphics (8)
- Photoshop (8)
- Miscellaneous (15)
- Internet (9)
- Using Software (6)
- Web Hosting (1)
- OS (19)
- PC (2)
- Programming (1)
- .Net (1)
- Resource (2)
- Icon (2)
- Web Design & Development (14)
- Adobe Flex (1)
- CSS (1)
- HTML (3)
- Java (1)
- Javascript (6)
- PHP (2)
- SEO (1)
Archives
Calendar
Recent Posts
- vBulletin Variables List
- Design a Transparent Website Layout in Photoshop
- 15+ jQuery Popup Modal Dialog Plugins and Tutorials
- Windows 7 Sidebar for XP/Vista
- How to turn off AutoPlay (AutoRun) in Windows XP?
- How to repair Internet Explorer 6 in Windows XP
- Flex Alert! Listen to the buttons
- Computer Image File Formats
- How Hard Drives work
- Object Oriented Programming with JavaScript : Timer Class
Recent Comments
- reverse phone lookup on Birdies A Free Twitter Icon Set
- confused on Put a background to your USB flashdrive
- reddy on Put a background to your USB flashdrive
- Aravind.N on Put a background to your USB flashdrive
- James Patrick on Put a background to your USB flashdrive
Link Exchange
Meta
Stats
- Total Stats
- 1 Author
- 59 Posts
- 14 Comments
- 44 Post Categories
- 21 Spam Blockeds
Web Directory
