User Experience is one of the most important parts of web applications. The following are tips and questions to consider when working on your web application user interface. Test for Consistency Between Browsers Are there tests for consistency with: [ ] The Gecko engine – i.e. Firefox. [ ] The Webkit engine – i.e. Safari. […]Continue reading "Designing for the User Experience"
Before launching your site, make sure it adheres to the basics of the web. In order to make your site launch seamless and implement the best practices, you should check that you are using GET and POST requests, validate your HTML ands CSS, redirect old pages correctly, and force UTF8. Check that GET and POST […]Continue reading "A Web Standards Checklist for Deploying Your Site"
Hover effects are a great way to present secondary information in an expressive and visually appealing way. One of the problems with these sorts of effects is finding inspiration for them so that you are not doing the same old on-mouse-over effects over and over again. I have made a repo compiling all of the hover […]Continue reading "Improving Your Website with Hover Effects"
Next time you start working on your next web application, ask yourself: Can I compose my application from many different little applications? Rather than structure your app as a bunch of Actions, Stores, Views, and Stylesheets, perhaps you can structure your app as little sets of code. That is what the Modlet pattern is for. […]Continue reading "How Modlets Can Help You Improve Maintainability"
There are a lot of different techniques and methods to come up with new ideas. In this post, we’ll go over some ways you can start refining your idea generating process. The most important part about creating ideas is the input and process surrounding them. The idea itself is not the important part, mainly because […]Continue reading "How to Create Ideas"
Flux is an application architcture invented by Facebook that is specifically for building client-side web applications. However, this application architecture can also be applied to React Native and the same methodologies can be applied to any rendering engine. The main goal of Flux is that data flows one way. Data Flow Hacker Way: Rethinking Web App […]Continue reading "An Introduction to Flux"
The awesome folks at Kadira have made an NPM module that let’s you create React containers and feed data into components. When you are writing React components, a good way of making sure that your components are efficient is by removing as much state as possible and to only pass in the props that are […]Continue reading "React Containers the Kadira Way"
In our last article, we went over peer to peer (P2P) connections and how we can leverage WebRTC for sending data between two browsers. We will now apply this knowledge and create a P2P chat room where none of the data sent between the two browsers is stored except for on the client’s machines themselves. The Chat […]Continue reading "Creating a P2P Chat Room Using Meteor"
In this article, we are going to explore how we can create applications that can connect two user’s browsers together to share data. This is pretty easy when we have a central server that can act as a central data-store. But we are going to tie a hand behind our back and add a restriction […]Continue reading "Peer to Peer Connections with WebRTC"