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
i’ve been running an Android tablet in my Jeep for navigation and entertainment now for a while. it’s removable but always goes with me as it’s even replaced my stereo. i had been curious how i could integrate the tablet and ham radio but not made it a priority.
recently a couple of things spurred me on. first, i ran across the Mobilinkd bluetooth TNC project and it looked like it might be exactly the hardware i needed for an affordable price …
continue reading ⇨ | hardware, adventures & outdoors September 12, 2014 tagged: outdoors, location beacon, dual band, 144.39 MHz, ham rig, TNC, communications, amateur, review, Automatic Position Reporting System, Mobilinkd Bluetooth TNC, Ardent Data Systems, vehicle computer, aprs.fi, dual-bander, 144.390 MHz, Kenwood, Terminal Node Controller, voice, PTT, software, GPS, SPOT, band plan, 4x4, APRS-IS, integrated TNC, packet simplex, bluetooth, TM-V71A, AX.25, APRS data, config, data, Global Positioning System, SPOT satellite messenger, VHF, Jeep Grand Cherokee, passcode, cable, band, carpc, TM-V71, packet, firmware, configuration, Tablet, beacon, AvMap, frequency, hobbies & interests, call sign, mini-din, Kenwood APRS, carputer, RC-D710, packet radio, Google Play Store, setup, Android Tablet, beaconing, Geosat, simplex, callsign, mini-din cable, APRSdroid, geeky, D710, internet, app, set-up, Google Android, SmartBeaconing, AvMap Geosat, iGate, Windows, FCC, TRRS, APRSdroid app, hardware, V71A, IP, apps, product review, how-to, coords, 4x4Ham, digipeat, open source, Kenwood rig, TRRS plug, smartphone, howto, Kenwood TM-V71A, internet packet, TinyTrak, 3d printing, integrated, coordinates, 4x4Ham.com, repeater, application, Kenwood HAM radio, TRRS connector, Android Phone, Jeep, Kenwood RC-D710, X.25, Byonics, 3d printed, offroad, location, Offroad Passport, 144.39, ham, Windows Tablet, ferrite bead, Windows Phone, linux, APRS, Mobilinkd, Byonics TinyTrak, aprsjeep, off-road, location reporting, offroadpassport.com, 144.390, ham radio, modem, comms, amateur radio, radio, Automatic Packet Reporting System, Mobilinkd TNC, OpenTracker, software development
i did a quick re-style of my consulting site (http://devbutton.com) yesterday.
it’s just a simple “business card” site. funny how making something for yourself never seems to be a priority. one-day i’ll update it with a project case study or something relevant. fortunately 99% of my consulting work comes from referrals, so the site serves only …
continue reading ⇨ | software, design & style October 2, 2012 tagged: devbutton.com, ASP, phpstorm, mini site, fontawesome, ASP.Net, programming, website, graphic design, C#, re-design, site, html, Dev Button LLC, twitter bootstrap, web site, html5boilerplate, screenshot, usability, .php, html5bp, consulting, user interface, DevButton, jetbrains, referrals, webstorm, boilerplate site, boilerplate, jetbrains phpstorm, jQuery, bootstrap, redesign, kickstrap, humans.txt, adobe photoshop, design, UI, light theme, IDE, theme, dev button, business card, photoshop, integrated development environment, development, software development
Imagine you have Telerik’s Sitefinity CMS powering the main portion of your website, but have a public 3rd party e-commerce system, an internal 3rd party CRM system interface, and yet another internal 3rd party HR employee portal. Wouldn’t it be nice if the graphics guy could update the company logo on all the sites, or …
works in Firefox, IE, Safari, Chrome (and others). also works in Windows when dragging a shortcut to the desktop.
at the minimum create an 8-bit 16×16 .ico format icon file
name the file favicon.ico and put it in the root of your website add this code between the <head> and </head> tags of your html: <link rel=”shortcut icon” … continue reading ⇨ | software, design & style May 20, 2011 tagged: iphone, browser tab, PSD, PNG, photoshop, bookmark, website, Photoshop template, touch, programming, bookmarks, site, web app, touch icon, technology, Safari, favicon.ico, web applications, iPad, web, pixel, favicon, desktop, iTouch, rounded, apple touch, .ico, FireFox, Android, glass, apple touch icons, web site, geeky, IE, mobile, glass effect, Windows, head tag, graphic design, Internet Explorer, how-to, rounded corners, icons, link, howto, Chrome, iOS, alt, pre-composed, href, html, address bar, development, alternative, precomposed, software development