TechBytes | Real-Time Experience, Hi-Performance Advice

Technology for Better Business

M2Technology is an IT Consulting firm that provides a variety of Managed IT Services including Web and Exchange Hosting, Windows Networking, Data Backup and End-User Support Services tailored to the specific demands of business.
Based out of Pittsburgh, Pennsylvania, we provide Microsoft Network Services, IT Consulting, MS Exchange Hosting, Business Class Web Hosting, Custom Web Design, Enterprise SPAM and Virus Filtering ... and a lot more.
To learn more about the IT services we offer, download our information brochure in Adobe Acrobat PDF format: The M2Advantage. (To view this document you may need to download the free Adobe Reader found here)

Web Design – CSS

Posh CSS

  1. Interactive CSS3 Lighting Effects Monday, 12 December 2011, 5:07 pm
    An experiment by Tom Giannattasio in using CSS3 to create interactive lighting effects. Best viewed in Safari. (via Ben Bodien) Read more at attasi.com →
  2. CSS Mask-Image  Text Thursday, 3 November 2011, 5:04 am
    There are currently 2 webkit CSS properties that I’ve grown to love and hope gain more traction & browser support. My favorite would have to be background-clip:text, but it currently degrades poorly. A close second is mask-image, which you can apply to text. Read more at trentwalton.com →
  3. CSS Drop-Shadows Without Images Friday, 8 April 2011, 8:42 pm
    Drop-shadows are easy enough to create using pseudo-elements. It’s a nice and robust way to progressively enhance a design. This post is a summary of the technique and some of the possible appearances. (via Mark Forscher) Read more at nicolasgallagher.com →
  4. Create a vertically centred horizontal navigation Monday, 31 January 2011, 11:00 am
    There is a way to have a centred horizontal navigation without knowing an explicit width, and without adding CSS. It’s also remarkably easy. Read more at csswizardry.com →
  5. CSS background image hacks Monday, 17 January 2011, 2:30 pm
    Emulating background image crop, background image opacity, background transforms, and improved background positioning. A few hacks relying on CSS pseudo-elements to emulate features unavailable or not yet widely supported by modern browsers. Read more at nicolasgallagher.com →
  6. 3D Text Thursday, 6 January 2011, 5:50 pm
    It is unbelievable to me that this is created entirely with CSS. From Mark Otto: “3D text using nothing but CSS. No extra markup, no :before or :after mess, and no images. Just progressively enhancing CSS to add some flair to your work.” Read more at markdotto.com →
  7. Flexible Nav Thursday, 30 December 2010, 4:39 pm
    Remember when you needed Flash to create cool navigation menus? Ya, me neither… ;) Read more at playground.deaxon.com →
  8. Controlling text size in Safari for iOS without disabling user zoom Tuesday, 21 December 2010, 12:50 pm
    Read more at www.456bereastreet.com →
  9. How To Create a Sweet CSS3 Vertical Navigation Friday, 17 December 2010, 6:33 pm
    Pretty cool effect using no images or JS at all. :) Read more at spyrestudios.com →
  10. Webkit Clock Wednesday, 8 December 2010, 10:05 pm
    Not just the clock, but everything on this page is awe-inspiring. What a great showcase of CSS3 and Webkit. It does use some JS, but no images are used (which is amazing considering what’s in it!). Read more at onotakehiko.com →