BreakpointTester BETA

A bookmarklet to visualize your app using the media query breakpoints that are actually in your CSS

 

Breakpoint Tester Is Bookmarklet Which Scans Website Stylsheets (Same Domain) To Find User Defined Media Query Breakpoints. It Let’s You Check Responsive Designs By Breakpoints Rather Than Fixed Device Widths.

Read more from the source: breakpointtester.com

jQuery 3.0 and jQuery Compat 3.0 Alpha Versions Released

Is jQuery still relevant? This 3.0 release drops support for edge cases and makes deferreds Promises/A+ compatible

 

t’s been a long time since we did a major release, and you certainly deserve one. So we’re glad to announce the first alpha of jQuery 3.0!

Despite the 3.0 version number, we anticipate that these releases shouldn’t be too much trouble when it comes to upgrading existing code. Yes, there are a few breaking changes that justified the major version bump, but we’re hopeful these breakages don’t actually affect that many people. The jQuery Migrate plugin can help you to identify compatibility issues in your code as well. Your feedback on the changes in this alpha will help us greatly, so please try it out on your existing code and plugins!

There are actually two releases here. First is jQuery 3.0, which supports modern browsers and environments from IE9 forward. Second is jQuery Compat 3.0, which includes support for IE8.

Read more from the source: blog.jquery.com

Introducing Socket.IO P2P, the easiest way to establish a bidirectional events channel between two peers with a server fallback

Socket.IO takes the plunge into WebRTC: peer-to-peer web here we come!

 

Socket.IO P2P provides an easy and reliable way to setup a WebRTC connection between peers and communicate using the socket.io-protocol.

Socket.IO is used to transport signaling data and as a fallback for clients where the WebRTC PeerConnection is not supported. Adding a simple piece of middleware to your socket.io setup enables this – no need to hand roll your own signaling exchange or set up, deploy and scale new servers.

Walk through building a simple chat app at socket.io

Responsive email design

The lessons I’ve learned for designing emails that look good on every device

  • Campaign Monitor explains a lot of these ideas that I’ve discovered through my own email projects:
  • Outlook respects widths only for table, tr, and td elements.
  • Outlook handles padding only for td elements.
  • You can add css targeted to Outlook using this block: <!–[if mso]><style>…</style><![endif]–>
  • You can insert a <link> element to get custom Google Fonts; just be sure that you use an mso block to specify a fallback font for Outlook; otherwise it will fall back to Times New Roman.
  • You can shrink content widths and images for iPhone Mail using media queries.
  • Always use 6-character hex values for colors (not 3 characters).
  • Lotus notes and Blackberry are lost causes.
  • You’ll have to deal with a sub-optimal experience for Gmail for Android. It suffers from most of the limitations of web-based Gmail.
  • Use Litmus.com for testing emails!
  • It is complex but possible to send multi-column emails using <table align”…”>.
  • Always provide a sensible plain-text mime part; Outlook and others use this plain text to construct the first-line preview. If not, you’ll see <doctype html><head>…

Read the guide at campaignmonitor.com

Other helpful resources:

http://templates.mailchimp.com/development/css/client-specific-styles/ http://templates.mailchimp.com/development/css/reset-styles/ http://templates.mailchimp.com/development/css/outlook-conditional-css/

The Disadvantages of Single Page Applications

Frameworks like AngularJS take away much of the pain, but let’s not forget that client-side navigation has downsides

 

Adam Silver runs down the cons:

– Navigating back and forward take longer than a multipage app

– Hard to remember scroll position when navigating back and forward

– Hard to handle case where user wants to cancel navigation

– SEO solutions are not straightforward

– Analytics take more work

– Automated testing is tricker in the asynchronous world of XHR

Read full article

Breakouts – Helping you choose a JavaScript game engine

TodoMVC for game engines: compare JavaScript game engines by studying how to make the game Breakout

 

Breakouts is a gathering of various implementations of the classic game Breakout in numerous different engines.

There is a plethora of JavaScript game engines out there. By comparing and studying the implementations, you should better be able to find an engine that meets your needs and style.

Read more from the source: jsbreakouts.org