Start Using HTML5 WebSockets Today One of the coolest new features of HTML5 is WebSockets, which let us talk to the server without using AJAX requests. In this tutorial, we'll review the process of running a WebSocket server in PHP, and then building a client to send and receive messages to it over the WebSocket protocol. What are WebSockets? WebSockets is a technique for two-way communication over one (TCP) socket, a type of PUSH technology. What do WebSockets Replace? Websockets can replace long-polling. Many Ajax applications makes use of the above – this can often be attributed to poor resource utilization. Wouldn't it be great if the server could wake up one morning and send its data to clients who are willing to listen without some sort of pre established connection? Step 1: Get the WebSocket Server This tutorial will focus more on the client building rather than server implementation. I'm using XAMPP on Windows 7 to run the PHP server locally. Start the Apache server Step 2: Change URLs and Ports Step 4: Add Some CSS
Beaconpush - push service for creating real-time web apps using HTML5 WebSockets and Comet Efficient substring searching There are many times when programmers need to search for a substring, for example when parsing text. This is commonly referred to as searching for a needle (substring) in a haystack (the string to search in). The most straightforward way to do this is by using search functions that your language provides: C: strchr()/memchr(), strstr()/memmem()C++: string::find()Ruby: String#index or regular expressionsPython: string.find() or regular expressions However those functions are usually implemented in a naive way. In this article we’ll examine smarter algorithms, in particular Boyer-Moore and its variants. Before we move on, it should be noted that Python’s string.find(), Ruby regular expressions and glibc’s implementation of memmem() actually can use smarter algorithms when conditions are right, but that is besides the main point of this article. Demonstration of a naive substring search algorithm Smarter algorithms Are there faster algorithms for searching needles? More on Boyer-Moore The code
WebSync Comet Server, HTTP Push/Reverse Ajax Streaming for ASP.NET and IIS - Frozen Mountain Supported Browsers HTTP Pushfor .NET Servers Your servers. HTTP Pushin the Cloud Our servers. This is live data streaming from our SQL Server. Fast Deliver hundreds of thousands updates per second with every instance of WebSync. Flexible WebSync runs on IIS with .NET, Apache with Mono, or as an embedded server. Easy WebSync just works; no complicated setup procedures and no firewall issues. Leading Edge Proper port-80 WebSockets are automatic for all client platforms when using IIS 8. Broad Platform Support WebSync includes client libraries for JavaScript, Android, iOS, Java, Mac, Mono, .NET, .NET Compact, Silverlight, Unity, Windows 8, Windows Phone, Xamarin.Android, and Xamarin.iOS, as well as server support for Mono, .NET, and PHP. What is WebSync? Push data to web clients with zero configuration. WebSync is a highly scalable HTTP streaming (comet) server built for the Microsoft stack (.NET/IIS) using the Bayeux protocol. Bypass firewalls and deliver tens of thousands of messages per second. With Comet
Real-time Messaging - Push Real Time Data to Mobile, Tablet, Web | PubNub 5lide: HTML5-based Slides Maker At last week's GTUG campout, a 3-day long HTML5 hackathon, I signed up to be a TA for the weekend. That meant I spent most of my time wandering around answering random questions and helping developers debug their hacks. But, I can't be surrounded by a bunch of people hacking on cool shit and not join in myself -- it's just way too tempting. So, on Friday night, after coming home from the pitches and discovering that drinking 2 Dr. Pepper's was not in fact a good way to avoid jet lag, I stayed up into the wee hours hacking on an idea I'd been brewing for a few weeks. As some of you know from my posts about Prezi and Ignite, I am a fan of alternative slide formats and presentation techniques. Early last year, the HTML5 advocates started using a set of slides that both showed off HTML5 features and were written in HTML5 - so they could do interactive samples and harness the power of HTML5 at the same time. Happy 5lide-ing!
Create UML diagrams online in seconds, no special tools needed. Actor Actor and Use Case Notes Many Use Cases Actor Inheritance Multiple Actors And Inheritance <<Extends>> <<Includes>> <img src=" Registration)" > Meaty Example Create Your Own >> Khan Academy API · Khan/khan-api Wiki The Khan Academy API gives developers access to nearly all types of Khan Academy data via a RESTful API that outputs easy-to-parse JSON. Overview At the highest levels, the API will give you information about Every Playlist. You can use the titles of each playlist to discover the videos within individual playlists (i.e. Algebra, Banking and Money, Biology, etc). Or, you can use the playlists to give you info about exercises for each (i.e. Exercises and Videos are related, so you can ask make a specific api call to find out about a video like Absolute Value or you can ask for that video's related exercises. Similarly, you can ask about the Absolute Value Exercise and in much the same way as in the video example above, find the exercise's related videos. You can use these unauthenticated api calls to get information about nearly all of the Khan Academy's library organized in Playlists, or as individual videos or exercises. Getting Started Methods Authentication Examples Other Version
Ordering CSS3 Properties When writing CSS3 properties, the modern wisdom is to list the "real" property last and the vendor prefixes first: Why is this method of ordering properties so commonly taught? Here is what it would look like "the wrong way": Even doing it "the wrong way", won't the border radius be the same no matter what, forever? A quick investigation might lead you to conclude that it will, and this ordering of properties is rather nonsense. The Long Long Ago: None of the properties are supported, order doesn't matter.The Past: Only vendor prefixes are supported, order doesn't matter.The Now: Both vendor prefixes and actual property are supported. Here's a simple chart with this concept at work. Woah there, Cowboy The fact is, the ordering of CSS3 properties is important, and the above is fundamentally flawed. Why does that matter? The spec or "real" version will render the top left and bottom right corners at 30px and the top right and bottom left corners at 10px. See here Share On
Software Development AntiPatterns Good software structure is essential for system extension and maintenance. Software development is a chaotic activity, therefore the implemented structure of systems tends to stray from the planned structure as determined by architecture, analysis, and design. Software refactoring is an effective approach for improving software structure. The structure changes because programmers learn constraints and approaches that alter the context of the coded solutions. For example, the solution for the Spaghetti Code AntiPattern defines a software development process that incorporates refactoring. Development AntiPatterns utilize various formal and informal refactoring approaches. The BlobProcedural-style design leads to one object with a lion’s share of the responsibilities, while most other objects only hold data or execute simple processes. Read next This article is taken from our book AntiPatterns: The Survival Guide. All of the AntiPatterns are compiled there. Learn more