background preloader

Tutorials

Tutorials

https://www.html5rocks.com/en/tutorials/

Case Study: Bouncy Mouse Introduction After publishing Bouncy Mouse on iOS and Android at the end of last year, I learned a few very important lessons. Key among them was that breaking into an established market is hard. On the thoroughly saturated iPhone market, gaining traction was very hard; on the less saturated Android Marketplace, progress was easier, but still not easy. Given this experience, I saw an interesting opportunity on the Chrome Web Store. While the Web Store is by no means empty, its catalogue of high-quality HTML5-based games is just beginning to grow into maturity. Why I'm Learning Node As many (if not all) of you know, I'm a Python guy. I program every single day, and most days, that involves using Python. I write Django code for fun and profit, and also do a fair amount of "raw" Python coding (no frameworks). Unfortunately, while I do a lot of kick ass back end coding, I don't often get a chance to practice my front-end kung fu. Since I'm fairly knowledgeable about the back end stuff I work on (telephony services, web services, etc.), it doesn't often make sense for me to also build the front end code (I'm looking at you: HTML, CSS, Javascript). As a result of this lack of front-end coding practice, I suck at it.

vTiger CRM – 14 Key Features vtiger CRM is customer relationship management software that provides sales, marketing, and support teams with powerful tools to efficiently and effectively collaborate in providing the ideal customer experience. With vTiger CRM you can increase sales, save time, and grow your business by improving prospect and customer experiences; automating sales, marketing and support tasks; and developing business-impacting insights. The following are 14 key vTiger CRM attributes which differentiate it from competitive systems… and illustrate why it is such a valuable resource for any business, large or small. vTiger CRM also includes the following: Sales automation (customizable product entries, inventory management, quotations, billing, and trouble ticketing)Customer support & service functions, including a customer self-service portalMarketing automation (lead generation, campaign support, knowledge bases)Inventory ManagementAnalysis and reporting

CatsWhoCode.com So, you’ve spent some time building your e-commerce brand. You’re making a handful of sales each month, but it’s not taking off the way you hoped it would. You do a little digging into your analytics and you learn people who spend 20 minutes on your site almost always buy something. 10 Best And Useful CSS Tutorials For Web Designers Home » Design » 10 Best And Useful CSS Tutorials For Web Designers Every designer want to improve their knowledge in web designing by learning new skills in CSS. So, this time we are here compiling a list of best CSS tutorials that helps you to gain knowledge in CSS. I am sure these tutorials will help you to create some awesome designs. In the same context, some time before, we listed 12 valuable CSS cheat sheet for upcoming web designers and that was appreciated by our readers.

Case Study: Building Technitone.com Technitone.com is a fusion of WebGL, Canvas, Web Sockets, CSS3, Javascript, Flash, and the new Web Audio API in Chrome. This article will touch base on every aspect of production: the plan, the server, the sounds, the visuals, and some of the workflow we leverage to design for interactive. Most sections contain code snippets, a demo, and a download.

Veerle's blog 3.0 - Webdesign - XHTML CSS It was some time ago that someone asked me if I knew how this beautiful geometric flower by Paulius Kairevičius was created. I remember that I gave it a try for a few minutes, but didn't succeed in exactly reproducing it. Today it caught my eye again and I thought it would be a cool idea to write a tutorial about these kind of geometric objects. Bare in mind that the creations in my article are inspired by this design on Dribbble, and that I only try to re-create this for educational purposes. These days the easiest and most practical way to add a map to a site is using Google Maps, but for printed matter we need to draw this map. Today I'm showing you how I drew the roadmap that I used in my previous Illustration post "The power of Illustrator’s Appearance panel and Graphic Styles".

The Best Way to Learn JavaScript Learning something new is scary. For me, the biggest issue with picking up a new skill is that I don’t know what I don’t know. Given that, it’s often useful to find a plan for learning whatever you’re interested in. That’s what this post is: your blueprint, your roadmap, your plan of action for learning JavaScript! You don’t have to worry about finding the best resources, sorting out the bad ones, and figuring out what to learn next.

Light and illumination - DIY In this article you will find out why the photographic studios do not use the fluorescent lighting, as well why LEDs have not taken over the world yet, and has it been worth to use them for street lighting. Let's go! Color and spectrum We all know that our eyesight is primitive and ternary: we have three types of color receptors, such as red, blue and green. However, the life is more complicated as usual, and the color is determined by the length of wave / energy of a light quantum.

Showing Product Information With CSS3 3D Transform There are many ways on showing product information, for example when hover the product image, the product information is sliding above or even using pop up. In this tutorial I’m going to share how to show our product information with cube style using CSS3 3D Transform. The Result Before talking about the technique following image is the result we want to achieve, the product image is visible while the product information is hidden. The JavaScript Playground Backbone.js is a framework that lets us structure our applications using a pattern similiar to MVC (technically Backbone is not pure MVC as the C stands for "Collection"). However, Backbone is a powerful system to use when creating apps that are beyond very basic. When passing & manipulating a lot of data, you should consider using something like Backbone. Since launching this blog I've had a lot of people ask me about Backbone. Although there are a lot of very good resources out there, I have struggled to get to grips with it myself and from the requests I've had I'd suggest a lot of others have too. So, I sat down to create a sample application with Backbone, and in this tutorial - which will span at least 3 parts - we will create a very simplified shopping cart application, with Backbone.

715 Awesomely Simple and Free CSS Layouts Frustrated with the quality of free CSS templates online but aren’t quite to the level of building your own? Tired of spending hours trying to customize lame pre-fab designs? Today we bring you over seven hundred freely downloadable CSS templates that focus on providing you with only a basic layout to build upon. Using these cross-browser layouts you can avoid endless CSS positioning woes and focus on what you’re good at: design. Who Are These For? Many of you have been in the design game for years but are only now just beginning to create websites and code them by hand.

Studio The professional, open source development tool for the open web It's ready. It's time. Ginger Tech Stack Posted by Peter in Django, Ginger For our latest product, Ginger, we wanted to marry the real-time functionality we needed with the traditional Django stack we know and love. After some false starts and falling on our faces in the beginning, we ended with a stack we’re happy with and think will serve us well moving forward. Back-end This is our bread-and-butter.

Related: