Icon’s Galore.

Okay guys, It’s been awhile since I’ve posted anything and I apologize due to the fact that we’re at the end of our semester nearing graduation so a lot of us in web dev are finishing or starting on our portfolios. Either way, I wanted to share some helpful links that’ll go hand in hand with anyone looking into having some icons for their website. Here’s a few good websites with free universal icons.

Linear Icon’s is a set of line icons, matching with minimalist UI designs in iOS. This icon pack was designed on a 20×20 grid. They have packs of free Icon and for more advanced users they also include a pro.

IcoMoon Icon’s provides a package of vector icons, along with a free HTML5 app for making custom icon fonts or SVG sprites. Browse among thousands of pixel vector and sprite icons. This is more for the modern day designer/developer looking to find something that fits the trend curve. these icons are more for the appeal of the trending outlets. Although IcoMoon is about the same as Linear Icons.

Screen Shot 2017-04-04 at 11.43.22 AM

Hope this was helpful.

Thank you all for subscribing to my wordpress.

I appreciate it.

Once this school term has ended I’ll try my best to keep this going.

Farewell for now.


Design Mockups from Blazrobar

Okay, so I found this interesting site for responsive mockups and i thought hhmmm why not share it with my other web devs out there. Most of you probably know what this website is if not lets briefly go over it.

Blazrobar was created mostly dedicated to giving free graphic design content with hundreds of free resources that have been shared by a community of like minded developers and designers sharing design tips and tricks that have been learned from other fellow designers. From PSDs, to PSD templates, website templates and Photoshop files for designers and developers to enjoy and use. And the best part is, there’s no worrying about copy right!


All files on this website are free for you to use in anyway you see fit. how you use the files that even Creative Commons is too strict! No attribution is required, you can even use it commercially; all that is asked is that you don’t distribute the files on other websites without permission. So that’s it!

Feel free to check out Blazrobar for more info.

Screen Shot 2017-01-26 at 12.17.24 PM.png

Opera Neon: Interactive Browsing for the Mundane

Opera has launched a new way of how people browse the internet by combining aesthetics and physics into a concept browsing experience for the users to interact with called Opera Neon. Let’s face it, this may not be ready to become everyones mainstream browser just yet but for those who are looking for something less mundane when surfing the web it’s defiantly catching attention in it’s own way. There’s a massive emphasis on making the entire browsing experience as seamless as possible. So, when you open Opera Neon, it’ll blend in with your desktop background. This removes the jarring disconnect between your desktop, and your online world, and works really well.opera-neon-3
Still in the works, the Opera browser features have been rebooted, with a fun, fresh take on Speed Dial, visual tabs and the omnibox, which float in to kickstart the users browsing session. Opera Neon wipes away the desktop clutter by bringing a users computer’s wallpaper into the browser.


Engage your senses

Opera Neon’s newly developed physics engine is set to breathe life back into the internet. Tabs and other objects respond to you like real objects; they have weight and move in a natural way when dragged, pushed, or even popped. This desktop browser is more than just a window to the internet – allowing you to control everything you see.

Using features such as video pop-out, split screen mode, a rebuilt omnibox and improved visual tabs, Opera Neon makes surfing the seamless. You don’t need to stuff images you love away into folders where you’ll never find them again. Instead, collect them into the built-in snap-to-gallery tool. Love a video? Opera Neon also lets you gather your media-playing tabs together in the player panel.

There’s so much more that captivates the attention in this browser, Opera Neon is currently in it’s prototype stages but they are allowing users to test out the web browser on their homepage. This could be the next new way users experience the web so it’s worth looking at.

Material IO: Material Design

As designers we know that the web is always interchangeable, with different trends changing websites and apps must continuously change with them. Google understood this offering up new collaboration tools for web designers, they called them Material IO (Material Design). Material IO consists of different tools ment to be used as interface tools that allow designers and developers to build app interfaces. While they appear to be tied to the company’s Material Design language, which launched in 2014, it looks like they’ll be able to use them regardless of what design principles they decide to follow.

Gallery lets them upload, share and comment on designs. offering version control as well as a way to present the work without the need to attach PDFs or slide decks. If you’ve used collaboration tools like InVision, Gallery might seem familiar to you.

Credit: The Verge

Remixer and Stage allow you to create interactive app prototypes for iOS, Android and the Web. They also let you tweak visual elements on-the-fly and even test movement and animations.

In addition, Google has collated all its Material Design resources – from guidelines to icons – and put them all on a new site, material.io.  The video below is a brief over view explaining exactly what material IO is and what it can do.

This isn’t the first time Google has made resources available to the community in recent history. In March, it released Resizer, which is meant to test breakpoints, responsive grids and surface behaviors along with UI patterns for Material Design on the Web.

resources and content for this article:

The Next Web

The Verge

Google Design


Live illustrations: Next level animation!

Paintings that come alive at night in a museum, imagine just how next level that kind of tech interlined with animation can be. These amazing illustrations are the paintings of Filip Sterckx and feature 3D modeling, sound design and dynamic projection that brings each to life. Once the lights are dimmed, the projector springs to life and treats onlookers to an animated exhibit in which the artwork springs to life. Each of the pieces interact with one another, as well as the non-animated artwork while which leap off the canvas and navigating the room through any appropriate means. It’s called skull projection mapping or for short Skullmapping at least the company behind this sort of animation is. Skullmapping is an artistic collective run by Antoon Verbeeck and Filip Sterckx (Person behind the art featured in the vid above). By using 3D projection mapping techniques, and a profound artistic knowledge, Skullmapping tells stories with stunning bespoke visuals.They create projections on buildings, in boxes, on shapes or simply on the ground, which results in the most surprising scenes adding extra dimensions, optical illusions, and notions of movement onto previously static objects. Skullmapping deals with art in an experimental, technology-related way.

Other projects they are currently working on:

Hologram WO1

Skeleton dance

content sources and info:


The Next Web


Alternative invoicing & the Freelancers union

Alright, usually i do something cool with technology but seeing as some of us might be freelancers in the near feature or what not I thought it would be good to know somethings about business oriented terminology such as Invoicing and how our goods and services provided to clientele are payed for. what is Invoicing? check out this brief video provided for a summery.

Throughout this article I’ll be listing different invoicing options (aside from quickbooks and regular online banking) that are helpful to freelancers or small businesses and ways on how to take a advantage of them and how the freelancers union can help a person get payed for his/her work.

While there are many accounting, invoicing, and payment processing companies, there are fewer companies that offer a wide range of these services in one platform—let alone for free. Here’s a roundup of 10 online invoicing tools with free options that can fit the bill and your budget:

1. Due

Due is a payments solution company that offers time tracking, customizable estimates and invoice templates, over 100 currency and language options, a database to store client and staff information, document attachment, and email and website embedded invoices with option to pay directly. Unlimited invoices, clients and time tracking. It offers integration with Paypal as well as several other companies.

Additionally, Due offers a free digital wallet feature and ACH payments as well as domestic and international payment processing. You can send unlimited professional invoices per month for free and enjoy a low flat-rate transaction payments fee of 2.7% for credit card processing, including international payments. They even offer payment processing so you can control all your business processing in one location.

2. Online Invoices

With multiple plans, the free plan is generous with 15 clients, 15 invoices, 7 subscriptions, and 30 estimates per month plus two invoice layouts. With this free online invoice tool, you get access to features like estimates, recurring invoices, time tracking, expense and income tracking, multiple tax settings, document attachments, saved items, security features and invoice templates. You can speed up your client payments by integrating eWay, Paymate, Authorize.net or PayPal.

3. CitrusDB

CitrusDB is an open source customer service and billing software. If you are technically inclined, you can use and contribute to the process of improving this online invoice service without having to pay to use it. CitrusDB offers a customer service database, service management functionality, a billing system for printing and emailing invoices, credit card batch capabilities, multiple languages and all types of customization. It can also be integrated with various payment processing tools.

4. Xero

Xero is an online account software alternative to Quickbooks. They offer a very intuitive invoicing feature for small businesses as well as several other accounting features. Xero makes it easy to get a real time view of the cashflow of your small to medium sized business.

5. Invoicera

Invoicera is a popular online invoice and payments tool among freelancers for the number of features and ability to enjoy it free for up to three clients. It delivers online estimates and invoices, time tracking, free invoice templates, subscription billing, and multiple currencies. Invoicera provides you with a dashboard that lets you see and manage expenses, finances, projects, staff, tasks and clients in one location. Its payment integration tools include Authorize.net and PayPal.

6. Hiveage

Once known as Curdbee, Hiveage is a fast, free, and effective online estimate, invoice, billing and payments tool. The standard account is free and comes with numerous features, such as unlimited invoices and customers, multiple currency support, and PayPal Standard integration. Other features can be added for a low-cost premium account with Hiveage, such as mileage, expense, and time tracking as well as subscription and auto billing, financial reports, and the ability to oversee the billing and payments for multiple teams and businesses. Other payment processing systems can be integrated within the premium account like Stripe and 2Checkout.

7. FreshBooks

FreshBooks still offers a 30-day free trial but now charges for its smallest service plan that gets you all the features for up to five clients. There are significant features to enjoy for this low-cost price, including customized quotes, estimates, and invoices as well as the ability to print, download a PDF, or email your invoices. You will also know when clients open your invoices. Other benefits include time tracking, expense capture, the ability to add receipts to an invoice, and recurring invoices. You can accept credit cards on invoices through payment processing capability with PayPal, Stripe, or Authorize.net integration.

8. Inspire Pay

Made for small businesses, freelancers, and individuals, Inspire Pay is a fast and basic way to get paid. You simply create a custom payment page, share the custom URL for that page with your client, and receive your funds. You can customize and brand your payments page and then share it via text, email, Twitter or Facebook. Payment methods include Authorize.net, PayPal, Dwolla, Sage Payment Solutions, Inspire Commerce, American Express, Mastercard or Visa. All you pay is a transaction fee for each payment. Otherwise, it’s completely free.

9. Bill.com

While not free, they do offer a low-cost monthly option of $19 per month that allows you to control your accounts receivable or accounts payable function. It comes with unlimited document storage, import and export of data, payment support, and a Business Payments Network that allows you to connect and collaborate with customers and vendors. They do charge extra to send your invoices for you and also have a menu of add-on services that each add to the monthly fee you would pay to use their invoicing and payments platform.

10. Quickbooks Online

Although it is not free, Quickbooks Online is an affordable solution for access to a complete invoicing, payment processing, and bookkeeping tool. Regularly priced at $12.95 per month for the cheapest plan, the company often offers promotional discounts or a lower price when paying for a year upfront. You will be able to track expenses and revenues, create and send estimates and invoices, and synch your bank account for easy payment. Quickbooks Online also has other payment processing integration as well as works on mobile platforms through its app.

The freelancers Union;

knowing your rights as a freelancer is a great advantage in any business, Sara Horowitz is the Founder and Executive Director of the freelancers Union and has strived to help men and women with goals throughout the nation.

Nearly one in three working Americans is an independent worker. That’s almost 54 million people – and growing. At The Freelancers Union, they strive to make freelancing better now and in the future through joint benefits, live member events, expert guides, and online networking opportunities.

action, research, and thought leadership. We aim to ensure that independent contractors receive adequate rights, protections and professional benefits.

Members of Freelancers Union play an active role in leading community initiatives and advocacy campaigns. check out The Freelancers Union for more info.

Water damage tech no more!


Image result for water damage phone

YES! Someone finally invented a piece of technology that successfully repairs any water (liquid) damaged devices! Hail Science! (two actually) Having said that, sucking out water with rice, or condensing it in isopropyl alcohol aren’t always effective methods to repairing the damage. Most of the time only the pros on the internet know what they’re doing. Here now are finally the times in an age where upgrades are forced upon us come the fall season, or better now known as upgrade season. but not everyone wants to join the bandwagon of the latest flashy tech trends advertised, there are some people completely content with the current smartphones and would just be happy if they worked like before.

Image result for water damage phone

Well, there are two companies to claim that they have found the solution to the problem over 2 million people have suffered, no rice is needed. The good people at Denver have spread hope, in the form of a pair of competing companies that use a combination of vacuum and low heat to vaporize the water out of devices. The methods, these companies say, get water-impaired electronics up and running — with their data and settings intact.
hope, in the form of a pair of competing companies that use a combination of vacuum and low heat to vaporize the water out of devices. The methods, these companies say, get water-impaired electronics up and running — with their data and settings intact.

TekDry and competitor DryBox offer a similar service: place your device inside the kiosk and wait for a few minutes as a vacuum pump depressurizes the container and low heat helps boil away the water vapor. It can dry out cell phones, laptops and other electronics in as little as 20 minutes, for about $20-$80.

How does it wok?

Water boils at lower temperatures if the pressure is also low – it’s the reason brownie mixes require slight alterations at high altitudes.

“Electricity and water are not friends,” said Craig Beinecke, co-founder of Colorado-based TekDry.


“When somebody sees it work, they’re like wow, that’s pretty cool,” said David Naumann, managing partner of San Antonio, Texas-based DryBox. “It’s all about lowering the boiling point of the moisture in order to extract it.”

DryBox hit the market first in 2011, and has expanded to several Texas malls since then. The company has just signed a deal to put its kiosks into stores of a major grocery chain, Naumann said. A machine is also available in New York’s Times Square.

Image result for dryBox kiosk

TekDry is just getting started with a handful of machines in Colorado but it is also talking with major retailers. TekDry customers can also mail their devices to the company. Naumann said the company’s research indicates about 100,000 phones get wet every day, depending on the season, soaked in everything from toilets and bathtubs to hot tubs and the ocean.

Image result for TekDry

Both companies say acting fast and keeping electricity away from the phones until they are dry is key.

Turning it on or plugging it in is probably the worst thing you can do.

And rice? Well, they both say immersing soggy electronics in a bag of rice doesn’t really work. You’d probably be just as well off setting your phone on the counter and leaving it alone for a few days, where air can circulate through it. Even then, there’s no guarantee that will work.

TekDry and DryBox each offer a money-back guarantee if their technology fails to save your technology, and after of thousands of rescues between then, they claim a 70-80% success rate.

Image result for TekDry

Beinecke said his most miraculous rescue was of an iPhone found under a lake after 26 hours, and then left to dry at the finders’ home for five more days. TekDry has dunked dozens of phones dozens of times to develop the right balance of low pressure and low heat: “The day the iPhone 6 came out we bought one and dunked it,” he said.

With the cost low and convenience high, Naumann and Beinecke said there’s no reason not to try their machines, because they’re offering far better odds than rice.

Naumann said. “Getting all of that data back is really what makes people happy, in addition to not having to spend hundreds of dollars to replace their phone.”



Trevor Hughes USA TODAY


The Denver Post

The holy grail of photoshop CS6 study guides


Last year my friends had sent me this powerpoint study guide  in hopes that they would pass CIW certification for Photoshop CS6 and so that future students could have the same opportunity as well, although I’m not sure how much this test has changed over the course of time but I am posting this in hopes that my classmates and any of my followers (future students too) get the most out of this study guide. It’s really useful for those of you students stressing to pass. Good luck to you all.


Remember that just a few clicks can make or break this exam! Be very cautious when demonstrating the abilities that you’ve learned.

Our thanks and source creds to an awesome teacher named Mr. Buck.

Games to code using Only HTML

Today i wanted to dive into something other than web development and design, most of us in today era game, whether we play them or watch them, the concept is rather the same, we find them interesting, I thought it would be neat to share somethings that go back to the very basics of coding and gaming all together. Coding a game just using HTML, while some games need more than one language, there’s a way to get by with just using the 3 basics, which are HTML, CSS, and Javascript. Today I’ll be showing tutorials along with listing some of the top games to create with HTML. (with and without JavaScript).

Let’s start with a basic HMTL game tutorial with a basic game we all know called snake, yes snake, but from this we work our way towards better games that’ll be listed further down, it’s simple but with some patience and coding knowledge it can be done.


Let’s talk about SPRITES! sprites are little gif animations which you can use in your game content for FREE! (given permission)

I’ll be listing some sites for those too.

Free Sprites

The following are websites that provide Sprites and similar content.

16 Sites Featuring Free Game Graphics for Game Developers


  1. Kenney.nl
  2. OpenGameArt.org
  3. Untamed.wild-refuge.net
  4. Crateboy.itch.io
  5. HasGraphics.com
  6. Gameart2d.com
  7. Wigdetworx.com
  8. GlitchtheGame.com
  9. Dumbanex.com
  10. Reinerstilesets.de
  11. Sharecg.com
  12. Roenica.com
  13. Blogoscoped.com
  14. Lostgarden.com
  15. Subtlepatterns.com
  16. Openclipart.org


1. Kenney.nl


Kenney.nl is based in the Netherlands and is producing some fantastic art for game developers.   There are some really cool free assets on this site which have been made part of the public domain, meaning you can do anything you want with them. The free game graphics can be browsed according to their category so you can find your game art really quickly.  Kenney.nl also makes sounds and game sources available for free which could also be pretty useful for some readers. On top of all that, it’s a really beautifully designed site.


2. OpenGameArt.org


This website has to be first on anyone’s list of places to go in search of free game graphics.OpenGameArt.org is a large site offering all kinds of graphics and even has a selection of sounds for game devs to use.  It can be browsed according to category and all of the art is clearly displayed. It has a huge selection of 2D and 3D elements and is also home to a very active forum. The site is constantly being updated with content from its users and is ranked so you can find the most popular graphics of the month or go in search of some lesser used assets.


3. Untamed.wild-refuge.net


This site is a huge resource of free game graphics for anyone looking to make their own RPG. Untamed.wild-refuge.net is home to Sithjester’s RMXP resources, a collection of image assets that are free to download and use how you like. The highlight of this site is the giant collection of 2D game sprites that you can browse all on one page. Clicking on a character you like brings you to a webpage where you can download a .png of the character from all angles, perfect for making your own sprites!


4. Crateboy.itch.io


This collection of image and sound assets is brought to you by Crateboy. The best part of this collection is the 8 bit city resource files. Crateboy advertises that there will be enough 16×16 tiles for you to build an entire city and there really are. This is some really great work and all Crateboy asks is that you credit him in your game. If you end up using these tiles a lot he also accepts a ‘pay what you like’ option. The use of colour tone in this artwork really makes it stand out from the crowd and could really help to define the look of your project.


5. HasGraphics.com


HasGraphics.com is a handy little site, filled with a variety of sprites and graphics. Check out the free sprites category to get started and find something to brighten up your next mobile game. As usual, make sure to check the licensing of any assets you want to use in your game!


6. Gameart2d.com


Gameart2d.com is home to some amazing image assets. This website is run by Zuhira Alfitra a.k.a pzUH. He’s an Indonesian game developer with a real eye for great game graphics. The majority of the assets on this site are for sale but there is a freebies section where you’ll find more images like those featured above. As well as these sprites, there is also a selection of tilesets, GUI assets and many more assorted images for you to choose from. They’re also completely free.


7. Wigdetworx.com


If you need some sprites for your game, you should check out this website. Wigdetworx.com has made a great collection of static and animated sprites available for free in the SpriteLib project. While it’s not the biggest collection of sprites in this list, there is definitely something here for everyone. The pack includes a plethora of landscapes and characters that would look at home in any 2d game. All it takes is a click to download, so why not browse the assets yourself and get some free game graphics.


8. Glitchthegame.com


Some readers will know Glitch as the web-based, collaborative, massively multiplayer game. Having been shut down in 2012 after two years online, the game’s developers have decided to release the game’s artwork into the public domain. There are over 10,000 assets to download and they’re all amazing quality. If you already like the look of these graphics, you’re in luck as you can download the entire package with one click and peruse them for yourself offline.


9. Dumbanex.com


Dumbanex.com is another site that has made some really cool artwork available to game developers. It’s all free to use as long as you credit them somewhere in your game. There’s a really rich collection of sprites and tilesets on this site and a lot of them can be downloaded quickly in .zip format. This site is run by Brent Anderson, who works professionally as a freelance game designer and developer. These free game graphics would be perfect for a mobile sidescroller or platformer.


10. Reinerstilesets.de


This website is run by Reiner “Tiles” Prokein and is brimming with free assets for game developers. Reiner himself is a hobby game developer who has produced a number of games. When he started out developing he couldn’t find the graphics he wanted, so he started making them himself. Ever since then he’s been sharing them online and they’re all available to you to use for free. He’s got a great selection of 2D and 3D images as well as some brilliant tutorials.


11. Sharecg.com


Sharecg.com is primarily a site for artists to upload and share their work. It’s really worth a look if you’re after 3D or 2D art or if you want to find an artist to work with on some new ideas. The art is licensed under different terms so it’s important to check and make sure it can be used freely before you incorporate it into your games. There’s some really great indie art showcased on this site and you can also find tutorials, audio and software to use.


12. Roenica.com


This is a cool site for indie and casual game developers and they have a nice collection of free game graphics for devs. Their assets are categorized according to game theme and can be downloaded as .zip files. The artwork on this site has been made available by a variety of artists so license types may vary but roenica.com states that all details should be clarified within the .zip files. Roenica hosts both 2D and 3D graphics so there should be something here for everyone.


13. Blogoscoped.com


Now it’s time for something completely different. The next site on our list is actually a blog about Google and everything related to Google. So then why is it included on our list? It’s included because in 2006 blog contributor, Philip Lenssen, posted a collection of almost 700 game spritesthat you can use under a Creative Commons License. The sprites are all character avatars from a game he was working on called ‘Last Guardian’. If you’re working on something that looks similar, then you definitely should check his stuff out.


14. Lostgarden.com


Lostgarden.com is a little bit different to most of the other sites featured in this article. It’s the blog of Daniel Cook, a game designer working for Spry Fox. Daniel dedicates a section of his blog to game art and likes to update it periodically with free game art for developers. This site is also home to some great essays on game design in general and it would definitely be worth a look, if not to gain the insight of an industry professional, then purely for interest’s sake.


15. Subtlepatterns.com


Subtlepatterns.com offers some of the most beautiful work out of all the websites listed in this article. This website is run by Atle Mo, who designs and curates patterns for the site. He has made all of these wonderful patterns available to use under a creative commons license, so all you have to do is provide him with some credit in exchange for using his patterns. There is a lot of content on this site and it’s all of a very high standard. These patterns would make great UI backgrounds or could even be used in your game levels.


16. Openclipart.org


The great thing about this website is that absolutely every piece of art that they share is completely free to use in every way. Openclipart.org is a great community dedicated to sharing free art to everyone that wants it. But let’s not forget the art itself. There’s some really great looking clipart on this site and a lot of it would definitely look at home in your next 2D game. Another great feature of this website is that you can make requests of the users and get tailor made clipart.


How to Use Static Images and Sprites in V-Play

All of these free graphics won’t be much use unless you know how to use them in your game!

With V-Play, adding both Static Images and Sprites to your game is as simple as ever.

Sprites can be added to your game using V-Play’s SpriteSequenceVPlay element. This is a great element if you have a game entity that can have multiple exclusive states like walking and jumping.

Below is an example of the SpriteSequenceVPlay Element at work.

import VPlay 2.0
import QtQuick 2.0

GameWindow {

  Scene {
    // GameWindow & Scene allow multi-resolution support
    width: 480
    height: 320
    SpriteSequenceVPlay {
      id: girlAnimation
      property bool pointingRight: true // set this property to true to make the character point right
      mirrorX: pointingRight

      anchors.centerIn: parent // center it in the screen

      width: 100 // width of the image in the game
      height: 100 // height of the image in the game
	  defaultSource: "../assets/shootingGirl.png" // path to the spritesheet file     

      SpriteVPlay {
        name: "shootAnimation" // you can switch animations by name later
        frameCount: 3 // number of frames in the animation
        frameRate: 10 // how fast animation plays
        frameWidth: 640 // width of 1 frame
        frameHeight: 540 // height of 1 frame

This animates our sprite like so:


If you’d just like to insert a static image, a simple Qt Image Element should do the trick.

The following code will show our image frozen in place:

import VPlay 2.0
import QtQuick 2.0

GameWindow {

  Scene {
    Image {
        id: shootingGirl
        anchors.centerIn: parent
        width: 100 // width of the image in the game
        height: 100 // height of the image in the game
        source: "../assets/shootingGirlOneFrame.png" // path to the image


Just like this:


And there you have it. If you know of any other great free game graphics for game devs, let us know in the comments section. And don’t forget to like, share or retweet if you think one of your friends would be interested in this list too!

Check out V-Play highlights:

More Posts like This

game sounds

User Acquisition

tutorials capture


10 basic yet cool HTML games

A list of pretty cool games, make sure to check out the source to understand how they work.

1. The Convergence

Control two characters at the same time and try to let them meet. The hard part is that they walk in opposite directions, so you’ll need some coordination to open the doors. Play!

2. Sketch out

Defend your planet against incoming meteorites. Fight back and bounce the projectiles straight into the enemy sphere. Play!

3. Free Rider HD

Addicting simple game where you race with a stick figure in levels designed by other users. Play!

4. Sinkhole

Your hero has fallen into a sinkhole and has a broken arm. You have to try to get him out of the sinkhole before his torche’s batteries run out. Play!

5. Game Boy emulator

Not exactly a game, but a game emulator that gives you access to old games that you’ve probably missed. Time to replay some Zelda, Megaman, Mario, Kirby,… Play!

6. Project Blaze Zero

A shoot-em-up with cool isometric 3D graphics. Pretty intense if you ask me. Play!

7. Geometry Wars

A game created by Kevin Roast. Fly with your geometric figure and shoot around. Play!

8. Command & Conquer

This is a recreation of the original Command and Conquer, a popular real time strategy game. Play!

9. Frozen Defence 2

A pretty entertaining tower defence game. Play!

10. zType

My favorite game in the list and the one with the most creative gameplay (in my opinion). Type the words that are coming down to shoot them. Best way to practice your typing. Play!

Building HTML5 games

Enough inspiration, now it’s time to get started with what’s under the hood and how to proceed to create a game.

Physics for lazy game developers

For those who, like me, have been sleeping through physics classes and forgot pretty much everything about basic physics principles. This page is a good reminder about what you need to know in physics for game development.

A simple game with HTML5 Canvas by Michal Budzynski

A great serie of tutorials that walks you through the creation of a simple Doodle Jump clone.

5 tips for your HTML5 games

A presentation by Ernesto Jimenez to make you aware of a few important things you’ll need to know when creating HTML5 games. The presentation on Slideshare.

Developing Your First HTML5 Game

A serie of tutorials on Script Tutorials, good for beginners.

Some tools to help you build your HTML5 game

Why bother recreating what’s been done well before you? These tools should help you to create your HTML5 games faster.


This is the tool you’ll need if you don’t know anything about javascript or HTML5 and still want to create HTML5 games. In short, a tool for designers to create games. They have free and paid versions of the tool.

Jukebox by Zynga

The Jukebox is a component for playing sounds and music with the usage of sprites with a special focus on performance and cross-device deployment. Download on Github.


A tool to build multi-platform optimized HTML5 games. They also let you import your old flash games. Try it.

Game engines table on github

Great resource, a huge list of HTML5 frameworks and javascript engines. Check it out.

GameSalad creator

A drag-and-drop tool to create your HTML5 games easily. And it’s free!

Iris scans allow Syrian refugees to pay for groceries

Biometics and the upcoming trends of technology have been embedded into the human body since the early 1930s when US ophthalmologist Frank Burch suggested the idea of recognizing people from their iris patterns long before technology for doing so was feasible at the time in 1936. This post however is focused on iris scans. Okay, it’s a broad topic more leading towards iris scans along with some facial and finger print recognition. Biometics alone though has been around for quite sometime. we are just now hearing about it on the news because it’s a major breakthrough from many different points of view and we are starting to see this being used around the world with potential experiments, in 2006: Iris-scanning systems were installed at British airports, including Heathrow, Gatwick, Birmingham, and Stansted. Privacy concerns notwithstanding, hundreds of thousands of travelers voluntarily opted to use the machines to avoid lengthy passport-checking queues and since then scientist and researchers have continued to create iris scanning technology that we are still discovering today. Siberian Refugees weren’t really the first ones to try this but they were the headlines of a global story.

So, what is iris Recognition and how does it work?

Iris scanning biometrics measures the unique patterns in the colored circle of your eye to verify and authenticate your identity. Contactless, fast and renowned for its accuracy, biometric iris recognition can operate at long distances, with some solutions that leverage the modality requiring only a glance from a user.

here’s how it works,

To get past an iris-scanning system, the unique pattern of your eye has to be recognized so you can be positively identified. That means there have to be two distinct stages involved in iris-scanning: enrollment (the first time you use the system, when it learns to recognize you) and verification/recognition (where you’re checked on subsequent occasions). Military and security staff alike use it for fast identification due to the colored ring of muscle that opens and shuts the pupil of the eye in the iris, it’s like a camera shutter. The colored pattern of our irises is determined genetically when we’re in the womb but not fully formed until we’re aged about two. It comes from a pigment called melanin—more melanin gives browner eyes and less produces bluer eyes (this varies with eye color). In reality the color and pattern of people’s eyes is extremely complex and completely unique: the patterns of one person’s two eyes are quite different from each other and even genetically identical twins have different iris patterns.

There’s some major and minor advantages and disadvantages with Iris recognition and here’s why, first of all, in my opinion, once all the bugs are out there are so many different uses for this kind of technology.

The biggest advantage of iris scanning is its accuracy and reliability: it’s estimated to be ten times more accurate than fingerprinting (claimed to produce around 1 in 1–2 million false matches, compared to fingerprints, which produce around 1 in 100,000). While fingerprints are constantly exposed and susceptible to damage, the iris is naturally protected by the cornea (the eye’s transparent front coating) and its pattern seems to remain reliably unchanged for decades unlike fingerprint scanners, which need direct contact and have to be kept clean, iris scans can be performed safely and hygienically at some distance from the eye.

The setbacks of iris scanning aside from being costly and the fact that it’s still a relatively untried technology (some trials, for example, have found a much greater rate of false matches than originally claimed). Civil liberties campaigners have also voiced privacy concerns—that future iris-scanning technology could be developed that will allow people to be tracked covertly (at a distance) without either their knowledge or cooperation.

How is iris recognition playing tribute in helping Refugees with food assistance?

Mageed Yahia Jordan country director of WFP stated, “it is considered a milestone a milestone in the evolution of food assistance programs, which have come so far from the first few months of the Syria crisis, when we distributed food parcels. With WFP’s iris scan system, we are perfecting the delivery of food assistance, becoming more efficient, enhancing accountability and making grocery shopping easier and more secure for the refugees. The fact that this is happening in Jordan makes it all the more exciting as we hope that it will further contribute to the country’s progress towards being a regional hub for technology.”

WFP’s innovative system relies on the UN Refugee Agency’s biometric registration data of refugees and works with WFP’s Jordanian partners; IrisGuard, the company that developed the iris scan platform, Jordan Ahli Bank and their counterpart Middle East Payment Systems (MEPS).

Once the shopper has their iris scanned, the system automatically communicates with UNHCR’s registration database to confirm the identity of the refugee, before automatically continuing to the Jordan Ahli Bank through the Middle East Payment System financial gateway to determine the refugee’s remaining balance. It then confirms the purchase and prints a receipt for the refugee.

WFP is looking to expand the use of its new iris scan payment system for refugees living in all Syrian refugee camps in Jordan during the coming months. Depending on the success of the system in the camps, WFP may also expand the use of this technology in areas outside of the camps.




How Stuff Works