Safari has an anti-aliasing issue that’s been around for a LONG time and it seems everyone is content to use an ugly workaround.
i’m just finishing up a site that makes use of the nice Wow.js & Animate.css combo. while doing final cross-browser checks i noticed Safari giving an abrupt change in text style as the fade-in finished.
see the video demo below …
continue reading ⇨ | software, design & style September 16, 2014 tagged: fix, WebCore, thin font, styles, sample, transition, Animate.css, Apple Safari 7, Google Chrome, workaround, PC, how-to, Blink, bold, selector, sample code, transitions, work-around, GPU accelerated, Apple Safari, HTML 5, 2009 bug, video, Google Blink, bold font, declaration, example, animations, default, GPU acceleration, apple, Safari bug, demo, Apple vs Microsoft, iOS, WebKit WebCore, bold text, CSS rule, CSS, CSS 3, sub-pixel rendering, hardware GPU accelerated, howto, Safari rendering bug, CSS fix, readable, CSS animations, web fonts, CSS selector, ugly, -webkit-backface-visibility, fallback, hardware GPU acceleration, html, Safari text bug, CSS hack, readability, website, animate, WOFF, HTML tag, youtube, -webkit-font-smoothing: antialiased, sudden, programmer, mac, Safari anti-aliasing bug, CSS workaround, unreadable, Windows, animated text, TrueType, Chrome browser, Mac OS X, antialiased, suddenly, dev, programming, Safari antialiasing bug, jagged, sudden change, Chrome, fade, ClearType, Safari browser, OS X, subpixel, abrupt, developer, software, Safari issue, jagged text, abrupt change, Safari, fade in, grid, Firefox Browser, OS X Mavericks, subpixel rendering, bold appearance, web developer, web, Safari problem, thin, fading in, pixel, fading text, font smoothing, Safari 7, OS X 10.9, -webkit-font-smoothing, subpixel-antialiased, www, WebKit, too thin, wow.js animation, web site, CSS transition, Wow.js, Safari 6, Mavericks, -webkit-backface-visibility: hidden, -webkit-font-smoothing: subpixel-antialiased, html5, software development
deciding that my new 2012 Macbook Pro deserved a nice home, i went in search of the perfect messenger bag… well, as perfect as my price range would allow!
at the last minute, i decided to take a risk and order the booq Mamba Courier 15 in black. i had previously never heard of booq, …
continue reading ⇨ | design & style, consumerism December 14, 2012 tagged: gray, stuff i like, keyring, notebook, Etsy, grey, style, compartments, courier bags, pockets, charcoal, serial number, laptop, apple, buckle, Amazon Prime, sewn, shoulder bag, bag, buckles, red, individual serial number, shoulder bags, design, Amazon, black, booq, messenger bags, mac, details, messenger bag, Mamba, rating, macbook, attention to detail, Apple MacBook Pro, terralinq, stars, macbook pro, padded sleeve, MacBook 15", InCase, stitching, review, sleeve, 2012 MacBook, be.ez LE Reporter, heathered, shopping, padding, 15" laptop bag, Hard Graft Flat Pack
i created the abstract design above in Photoshop for a custom skin to put on my new Macbook Pro and had it printed through DecalGirl.com.
never been a fan of the bulkier “shell” style cases, though they do offer more protection. hopefully this will at least keep it scratch-free. i’ll update this post with how it …
continue reading ⇨ | design & style, consumerism December 11, 2012 tagged: adobe photoshop, brushed metal, 15" laptop, graphics, scratch, aluminum, unibody, cover, mac, scratches, shell, abstract, custom printing, macbook pro, scratch-free, black, apple, printing, macbook pro 15, designer, sticker, art, printed, photoshop, colorful, Apple MacBook Pro, carbon fiber, graphic, random, full color, notebook, creative, carbon fiber decal, review, rainbow, laptop, custom, carbon fiber skin, skin, RGB, PSD, decal, protector, wrap, spectrum, abstract art, design, protective, metal, mac laptop, graphic design, case