Site: darkmodefirst.com (source on GitHub).

Site: kersplat.app.

Enjoy the new Bitcoin Fax Tool, developed in React, just for you.

https://bitcoinfaxtool.com

With just a single tap, experience exhilarating 3D blocks exploding everywhere while colors and sounds delight you in every way.

This infinite runner is sure to grab your attention for at least 30 seconds.

It comes with a complete backend in Node.js and MongoDB for user management & chat history features, and utilizes WebRTC for direct peer to peer secure communication.

Chat sounds by Chase Kenway.

Full documentation and support information is provided in the wiki.

The Video Chat portion features WebRTC using the cordova-plugin-iosrtc plugin, and socket.io signaling server.

The Text chat utilizes socket.io, Node.js and MongoDB for real-time messaging and user authentication.

• Complete Ionic app, interface, and backend
• WebRTC Video Chat using cordova-plugin-iosrtc and crosswalk
• Real time text chat using socket.io
• Text message history
• Complete Node.js and MongoDB backend for users and data storage
• User login and signup
• Video previews when calling and answering
• Contact List page with most recent message
• Timestamp diffs using Moment.js
• Native Audio with fallback for HTML5 audio
• Chat sounds by Chase Kenway.
• Contact Card popup for quick calls
• CSS3 Animations
• Frequent updates and support
• Full support in desktop Chrome

Full documentation is available at https://github.com/devin-la/ionic-video-chat-v2-issues/wiki

Included with the package is a Node.js, socket.io, and MongoDB backend. All communication for chat happens using socket.io. For video, each peer connects with eachother after sending messages through socket.io to eachother.

It also includes some pretty perfect chat sounds from Chase Kenway.

I decided to release this on the Ionic Marketplace, and you can find it here

Video and Text Chat full app

This version is powerd by a lightweight MEAN (MongoDB, Express, Angular, Node.js) stack.

Typically when I redo my site I am focused on the backend or whatever framework I just came out with and how to improve it. This time I just focused on the design and content presentation.

This also marks a move off of tumblr which was nice while it lasted. This time I built my own admin editing tools that allow me to upload to GitHub Issues for image hosting, along with a simple Markdown editor using Codemirror.

If you are reading this, you are already probably looking at the design, so...thanks!

It's been years since i've played wow, but it turns out that Titanium's servers no longer host the libraries to run my old version of WoW Stat, so I decided to rebuild it in Electron. It's built in javascript/html/css and compiled as a desktop app for both Windows and macOS.

Check it out at wowst.at.

Come check out the Male Princess.

Mail Princess is a hybrid app built using Ionic, and Tipsy, with the help of my developers here at Youbeo (now ae.studio), Daniel and Lucas. It sends checks via mail, or images via fax or email.

Take a look at it over at mailprincess.com

Site: instill.io (archived captures 2016 to 2020).

Have a look at the example using Tipsy's Wiki.

Lee of Coveralls just added Tipsy to the front page. Scroll down to find it in the PHP section.

Thanks Lee!

Have a look over at pulpolo.co or visit its source over at GitHub.

For more Tipsy examples check out the Examples page.

• Uses the new Tipsy framework
• Uses Stripe instead of Paypal
• Now is opensource
• There is both a Beer and an Ice Cream design in their own branches
• Added a 1 click deploy to Heroku button so you can deploy your own instantly

Take a loook over at beerplease.co or icecreamplease.co

PHP Framework Benchmark

With the latest release of Tipsy we get performance improvments, PostgreSQL support, and a bunch of easily deployable examples, including Hello World, Blog Example, and Beer Squirrel.

Take a look at all examples at Examples.

Most of the design was done by Loic himself. The rest was built using AngularJS and jQuery.

Have a look over at asolitarymann.com

Today Tipsy reaches v0.8.0, and brings a whole lot of stability and features including middleware which is useful for login services.

See tipsy.la for more detailed examples and documentation.

Delivery drivers use Cockpit to accept orders, manage orders, setup payment info, and for reporting purposes.

Crunchbutton uses cockpit internally to handle customer service requests, track orders, manage restaurants, drivers, deploy code, and countless other admin tasks.

launch.cockpit.la

This is my third iteration of my open source file management system I origionaly wrote in 2003. Thats old!

Take a look over at cheryl.io.

Most of the design was done by Loic himself. I just threw it together to do things.

Have a look over at gamma-wray.com

This new version has been named Tipsy, because, obviously, I made it...and everything else...while drinking.

Tipsy is an MVW (Model View Whatever) framework, following the examples of AngularJS.

Heres a quick example of how easy, yet how powerful and lightweight, Tipsy is:

index.php

require_once 'Tipsy.php'; use Tipsy\Tipsy;

$tipsy = new Tipsy;

$tipsy->router() ->when('hello', function($Scope, $View) { $Scope->user = 'Devin'; $View->display('hello'); }) ->otherwise(function() { echo '404'; });

$tipsy->start();

hello.phtml

Welcome, =$user?>!

Take a look at the source, examples, and documentation, over at Tipsy's Github Repo.

http://campus.codeschool.com/courses/shaping-up-with-angular-js/intro

Tumblrs custom themes are ridiculously simple to modify so that each page can display each type of data nice and pretty.

Maybe now I will write posts more often than once every year...

I give you Squirrelly, an open source image and text sharing tool built using Tipsy. Enjoy!

squirrelly.io

For more information, and to play online, visit Cluckbutton.

colos.io

About a year ago I started a personal project called droplet that is basically a shared photo library social network (for people who have friends). It was my test to learn AngularJS. I fucking hated it. The documentation was absolutely awful, wrong at least half of the time. Or the docs reflect some crazy version that never even made it to main repo. It was a complete fucking mess, and that is what I expected.

The fact that it was a fuckshow actually made it MORE fun to learn. So I built this silly little app in 2 days, and decided I had enough knowledge to switch our entire company, Crunchbutton, away from my scratch built JS framework to Angular. I was wrong. But not in a bad way.

Over the course of the next couple days, i converted what was basically jQuery and a backbone (for templates ONLY) MVC framework and turned it into Angular...for the most part. I got seriously tired of all the broken shit, or people claiming this piece of code works, or whatever, and it just -- not -- working. So I had my developer partner, Daniel, do all the hard stuff! And hard stuff he did. He converted all of my half finished code into pretty angular directives and fixed all the junk I broke. He was my savior.

A couple weeks go by, and we are ready for live. It was awesome, but in reality at the time it was nothing more than a framework change, and a messy one at that. It took us both a while to finish cleaning things up and angularify everything. Soon after, we pushed our app to the iOS store. Yay! But thats not what this post is about.

The app has been in the store for just over a month, and since then I have COMPLETELY redone the UI and design. I spent countless drunk hours designing all the new stuff without touching any code, trying to make sure every pixel was perfect. Well...its fucking perfect.

So let me get to the point:

Without changing more than a dozen lines of code (adding directives), I have built an entire new ui ON TOP of our existing theme, that functions different due to how easy it is to bind functionality to Angular within HTML and HTML that changes.

That about sums it up. So let me explain quickly how and why things are so easy.

We use Cana. Cana is my PHP framework. Hand crafted. Aged for 12 years. This is my sipping whiskey.

Cana has the ability to configure sites, or apps, with a config array to change the include paths in a cascading manner that allows us to create sub templates for ONLY files that have changed compare to the parent. Heres what I mean:

• active themes configuration is [\"sexy\",\"old\"]
• old theme has 15 files, including home.phtml
• sexy theme only has layout.phtml and home.phtml
• when the request is made to the server, it cascades downwards automatically to include all of the templates needed
• this works for views, controllers, and models
• did i mention there phtml so we can pre process them? :p

Now, when a request is made to the server for a page, it bundles all view files required for angular in the initial request by parsing the layout templates tags.

So in the end, what we have is a system that allows me to edit ONLY the html files I need to create a whole new theme, with new functionality thanks to the power of AngularJS. This is something I did not expect when we first switched.

Being able to develop this theme on the same code line as our primary code is absolutely amazing. It saves us time with branching/merging, and lets us test our code out in the wild where we never would.

Thanks AngularJS. Thanks Cana.

Curious on how I build the views? Take a look at crunchbutton.com (or if you are feeling adventurous dev.crunchr.co) or shoot me an email from my ME page.

“Smart double quotes.” \"Dumb double quotes.\" ‘Smart single quotes’ 'Dumb single quotes'

If you are pasting things back and forth between people and someone has crazy encoding settings, or isn't using UTF-8, those characters can get all crazy, and not show up properly. Especially when pasting them straight into a database.

So, lets disable them!

To do so in OSX Mavericks:

1. Open System Preferences from Applications or Launchpad or wherever.
2. Go to Keyboard
3. Go to the Text tab
4. Uncheck Use smart quotes and dashes.

If you are using TextEdit, you will also need to:

1. Open TextEdit
2. In the top menu, go to TextEdit > Preferences
3. Uncheck both Smart quotes and Smart dashes

Enjoy!

Crunchbutton is build on a Cana PHP api with an AngularJS frontend. We use a responsive layout to switch between our mobile and desktop web apps. Our iOS and Android apps are built using PhoneGap.

Crunchbutton is powered by a powerful backend paired with a robust admin tool called Cockpit. Cockpit handles orders, routing and delivery logistics to drivers, notifications, payments to drivers, restaurants, and much more.

Take a look at crunchbutton.com

Build on Cana, jQuery, and Facebook Javascript SDK.

beerplease.co

Droplet is for people who post more than 1 picture of an event.

Contact me for beta access.

droplet.la

After a couple years of letting this program sit and get a few hundred thousand downloads, I decided to redo the entire thing in Titanium with Javascript. I now have this released for both Windows and OSX, both open source and free. You can find the downloads over at the website.

wow-stat.net

cana.la

This is a complete redesign and ground up build of Regpuppy for use with Caffeine and jQuery.

puppy.la

Everything in the spirits section I do have in stock. I keep this pretty updated.

http://devin.la/bar

I've created a simple example of how to setup and read your own public Google+ feeds.

Enabling API access and getting your API Key

1. Head over to the APIs Console.
2. Select Services
3. Enable the Google+ API services. Without this you will not be able to access your feeds.
4. Select API Access
5. Under Simple API Access, grab your API Key. Hang onto this as we will need it to access any of the API services.

Getting your Google+ ID

If you don't already know where this is located, head on over to Google+, click on your image in the upper right, and click Profile. In the address bar, it will now have a link like

https://plus.google.com/106670447018211124292

Accessing your activity stream

Now that you have your ID and Key, you can go to the url of your stream. Your stream URL will look like this

https://www.googleapis.com/plus/v1/people/106670447018211124292/activities/public?key=[API Key]

Parsing this stuff in PHP

Thankfully all the responses are in JSON which makes it really easy to read the data. Each item is inside of items.

$id = '106670447018211124292'; $key = 'YOUR KEY HERE'; $feed = json_decode(file_get_contents('https://www.googleapis.com/plus/v1/people/'.$id.'/activities/public?key='.$key));

foreach ($feed->items as $item) { echo '

'.$item->title.'

'.$item->object->content.'

And now we can access our public junk! This feed contains some additional information other than just the title and content. Like if you entered a url, it will attach the url to it inside of object.