ghinda.net
Mobile support for the CSS toggle switches — Ionuț Colceriu
https://ghinda.net/article/css-toggle-switches-mobile
Mobile support for the CSS toggle switches. The latest version of the toggle switch has full mobile support and easy integration with Twitter Bootstrap. See the latest demos: CSS Toggle Switch. After some testing it turns out that the Android 2.3 browser, and possibly other older Webkit browsers, are affected by this older WebKit Adjacent/General Sibling and Pseudo Class Bug. Which was causing issues with the toggle switches. Another issue was that, on older iOS versions the. After some digging, I ended ...
ghinda.net
Build your own customizable HTML5 media player — Ionuț Colceriu
https://ghinda.net/article/customizable-html5-media-player
Build your own customizable HTML5 media player. If you’ve been following the latest in web browser tech, you’ve surely noticed the widespread support for HTML5. By now. Even IE9 is supporting it! There are many advantages of having video embedded natively in the browser (covered in the article Introduction to HTML5 video. Element in most browsers, and the Flash Player in those that don’t support WebM natively. The other major barrier to consider is building up a custom HTML5. Project page for some demos ...
ghinda.net
Turn your old Android phone into a media center — Ionuț Colceriu
https://ghinda.net/article/optware-android-media-center
Turn your old Android phone into a media center. If you have a non-smart TV with USB support and an Android phone, this will show you how to turn them into a poor man’s media center. It will include a torrent server with remote access and automatic torrent downloads, Samba and SSH. In my case, I’m using a Samsung LE32E TV and an Alcatel OT-918 smartphone. We’ll work only with the phone, so you won’t have to change anything on the TV. Partition and the rest as. I’m using a 32GB SD card with a 1GB. Install...
ghinda.net
Community driven development — Ionuț Colceriu
https://ghinda.net/article/community-driven-development
Just following trends is a bad idea at any time. But this is not about following trends. This is about switching open-source development tools because of the communities around them. What I’ve learned is that with free software projects, large communities are a definite sign of health and bring a lot of benefits in terms of code, documentation, testing or bug reports. From Brunch to Yeoman. The first decent build tool I used for my JavaScript projects was Brunch. I’m not switching from one to the other b...
ghinda.net
CSS toggle switches — Ionuț Colceriu
https://ghinda.net/article/css-toggle-switches
The latest version of the toggle switch has full mobile support and easy integration with Twitter Bootstrap. See the latest demos: CSS Toggle Switch. Back in August I saw Orman Clark. S latest work at the time, a set of beautiful toggle switches. And decided I’d have a go at creating a functional version of them. We must start with some meaningful markup, this will ensure our switches are accessible and work everywhere. To wrap the switch, along with a. We don’t have to use any. NVDA will reach the.
ghinda.net
Thanks Webmonkey — Ionuț Colceriu
https://ghinda.net/article/thanks-webmonkey
Around 2000, there weren’t that many tutorial websites out there for web development. The tutorials available were hard to follow or not that well-written. All but the ones on Webmonkey. I had to search for hours for a good tutorial on anything related to web development, before great learning resource sites like Codecademy, Smashing Magazine or MDN were available. But looking around, one of the websites especially stood out. That was Webmonkey. Subdomain, for free! Dave Thau, or just Thau! His tutorials...
ghinda.net
Google Tasks sidebar in Gmail — Ionuț Colceriu
https://ghinda.net/article/tasks-sidebar-gmail
Google Tasks sidebar in Gmail. RightTasks is now also available for Opera. A couple of months ago I released the RightTasks for Gmail. Extension for Chrome, which adds your Google Tasks to a sidebar in Gmail. Google Calendar has this feature by default, and allows you to have your Google Tasks visible in a sidebar, on the right side of the calendar. Since it’s so handy, people have been asking for the same feature in Gmail for, at least, as long as it’s been available in Calendar. You can contribute to t...
ghinda.net
Send a JPEG Blob with AJAX on Android — Ionuț Colceriu
https://ghinda.net/article/jpeg-blob-ajax-android
Send a JPEG Blob with AJAX on Android. Having to upload a JPEG image as a raw Blob on Android 4.0 revealed a couple of bugs. If you have direct access to the specific JPEG image, when the image is on the same domain as the rest of your app, or you are in an environment without cross-origin restrictions, such as a PhoneGap webview, you can use the XHR2. Property to specify the format of the returned data. Was introduced in Android 3.0. If you have to get the image data from a. Here’s a simple test for the.
ghinda.net
Simple Angular scope namespacing — Ionuț Colceriu
https://ghinda.net/article/angular-scope-namespace
Simple Angular scope namespacing. The best way to work with controller scopes in Angular is to avoid using the. Object as much as possible. Instead you should use the. Syntax introduced in Angular 1.2. If for some reason you can’t use it, here’s a simple pattern that will help you handle and namespace your models. At its core, this is how a basic controller using the pattern looks like:. You’ll notice the most important part at the top:. First, it helps with the there’s gotta be a dot in there somewhere.
ghinda.net
Make your HTML5 media player accessible — Ionuț Colceriu
https://ghinda.net/article/accessible-html5-media-player
Make your HTML5 media player accessible. In my last article regarding HTML5 media, I implemented a customizable, cross-browser video player for the. Element. This is a good solution for many reasons, including accessibility - HTML5. A lot more accessible than plugin-based alternatives, for example in terms of keyboard accessibility out of the box, and easier to customize without the need for a costly IDE. For the sliders, I’m using the ARIA slider. To finish up, I’m wrapping the media in a. To provide a ...