9 Apps Built by Self-Taught Coders

You can access plenty of service online when learning to code: Codecademy, Skillshare, Treehouse, Code School, Learn Code The Hard Way, UdemyGeneral AssemblyUdacity and the list goes on. Some charge per class or by monthly membership, while others are free or accept donations.

But still, learning anything outside traditional education requires personal initiative. For many people, it will involve setting aside time outside of a regular day job in which you do something other than programming. But as our world is more and more influenced by what we’re able to accomplish with code, being a maker of such programs gives a person an advantage in nearly any industry.

Here are a few apps made by people who had just learned to code. Some have gone on to do greater things, while others might stick around and build their basic prototype into a full-fledged product. At least one is generating enough revenue to make a living on apps he built.

Have you tried to learn to code? What would you want to build? Tell us in the comments.

How To Build a Fullscreen Background Video Player

After looking over countless jQuery plugins I have seen a lot of new HTML5 video techniques. The audio and video elements have created a new method of publishing digital media, streaming off a web server. But developers have been hard at work customizing these features to be used within advanced layouts.

In this tutorial I want to look at using big video backgrounds within typical website layouts. I’ve chosen the jQuery plugin BigVideo.js which includes a list of resources in the documentation. We can setup genuine HTML5 videos streaming as backgrounds behind the main page content. It is not an easy setup, but I’ll provide a clear step-by-step process to follow along.

Read More

20+ HTML5 Tutorials, Resources & Tips

HTML5 offers plenty of potential for web designers and developers, especially when combined with CSS3. The possibilities of HTML5 are exciting, and many designers/developers have been creating amazing things that weren’t possible with HTML and CSS in the past.

The life and career of a web designer/developer requires learning new techniques rather frequently due to changes in technology, and HTML5 is no exception. This post will serve as a guide to help you find tutorials and resources that will allow you to improve your own skills with HTML5.

Here’s a collection of HTML5 tutorials, resources & tips to help you understand HTML5.

The Creation of a CSS3 Clickable, Rotating Menu

Over the past few days I’ve been messing around with transitions and transforms and managed to come up with this little menu. It incorporates a bunch of different CSS techniques, but is very experimental! The original idea was to have a button you pressed, which then launched a secondary ring to pop out which contained the menu items. Read on to find out how I made it!

It uses a lot of CSS3 but surprisingly works quite well in many browsers. The main problem is with opera, which runs into a few problems when trying to run the code (due to lack of support for transforms). Ignoring the lack of transitions in Internet Explorer 9, this will work in the latest version of all browsers sans Opera.

Facebook HTML 5 mistake

Today, Mark Zuckerberg revealed that Facebook’s mobile strategy relied too much on HTML5, rather than native applications.

Not only was this a big mistake with mobile, but Zuckerberg says that its biggest mistake period was the focus on HTML5. This is the first time that the Facebook CEO has openly admitted this, but things are looking good for the new iOS native app. According to Zuckerberg, people are consuming twice as many feed stories since the update to the new iOS app, which is great.

History of HTML 5

In November 2011, Adobe announced it would stop development of Flash for mobile browsers. While HTML5 was gradually creeping into the web at large, this marked a turning point for the standard, and it only accelerated from there.

Check out the history of the language, from its inception to the major sites that have adopted it along the way (and even those that still lag behind). The timeline is created by Wix.com

Coding the future: HTML5

HTML5 is being received so enthusiastically by businesses in particular. The latest version can perform all kinds of dynamic tasks and visual tricks. The web is progressing faster now than it has in a long time.

“A simple example would be taking an attachment from your desktop and dragging it into the compose window in Gmail. That’s a basic capability that you couldn’t do five years ago because web browsers didn’t support it.”

HTML5 also represents another step to the “semantic web”, a web structure championed by Tim Berners-Lee that cross-references, reacts to and displays multiple information sources from the internet in real time.

Companies favour HTML5 because it can also replicate experiences previously only available inside an app, on the web. This is especially true for the mobile environment.

This is a trend that is likely to snowball within months.

mypsdtohtml.com converts your design into HTML 5 in 24 hours.

Source: BBC Business

Excellent HTML 5

Project summary

Baroque.me visualizes the first Prelude from Bach’s Cello Suites. Using the mathematics behind string length and pitch, it came from a simple idea: what if all the notes were drawn as strings? Instead of a stream of classical notation on a page, this interactive project highlights the music’s underlying structure and subtle shifts.

http://www.baroque.me/

Espresso!

You design and develop for the Web? Espresso turbo-charges your workflow with the perfect blend of features. Speed through day-to-day edits with extensive language support, contextual completions, powerful smart snippets, and Zen actions. Use the Navigator and code folding to prevail over the most complicated documents. Watch your web pages update in real time with live styling, visualize and inspect your layouts with X-ray, then push the changes to your server withSync or Quick Publish. And did we mention CSSEdit 3 is built in?

Visit Espresso

PSD TO HTML App

With the new App Store for Mac OS Lion you can find great products or very bad ones. Like PSD 2 HTML app.

According to reviews: “Do not waste your money on this product. Doesn’t work and has no support, no contacts, nothing!”

The best way to code PSD TO HTML or PSD TO WORDPRESS is manual and hand-coded.