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: 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, 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, 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: 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, 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, software development
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: how-to, rounded corners, icons, link, howto, Chrome, iOS, alt, pre-composed, href, html, address bar, development, alternative, precomposed, 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, software development