Category Archives: Tutorials

64 Online Resources to Learn to Code for Free

Purchase this image at http://www.stocksy.com/415913

If you’re brand new to the world of web design and web development, it makes sense to get started learning to code by utilizing all the free resources available online. This way, you can discover what you like (and more importantly don’t) before financially investing in a certain set of courses.

To make things easier, I compiled a list of 64 FREE web design and development resources. The list is based on a previous article I wrote for Learn To Code with Me. However, it has since been updated and expanded to include more resources. It is a compilation of courses, written tutorials, blogs, YouTube channels, ebooks, online communities, and even in-person workshops. Enjoy! Continue reading

Building apps with Firebase and Angular 2

Firebase and Angular 2Firebase is a powerful platform for building mobile and web applications. Use Firebase to store and sync data instantly, authenticate users, and easily deploy your web app. In this talk, you’ll learn how you can use Firebase to add a backend to your Angular app in minutes. Sara will demonstrate how to get started with Firebase and Angular 2. At the end she’ll risk it all by live coding and deploying an app with Firebase and Angular! Continue reading

What is the difference between responsive vs. adaptive web design?

adaptive-vs-responsive-web-designRyan Boudreaux clears up some of the confusion about what is meant by responsive vs. adaptive web design. While similar in their goal, the approaches are different.

One of the hottest issues in web developer circles this year is accessibility of websites on various devices other than the standard desktop or laptop screens. While the subject is not new, it has taken on a relatively new approach with respect to how to deal with the opportunities ahead. Continue reading

How to Build Responsive Banner Ads with HTML5

HTML5_Logo_512Build once, display everywhere. To build responsive banner ads using HTML5 gets more into the focus the more mobile web users surf the web on different devices. Responsive banner designs make it easy to fit on any screen or device. Learn more about HTML5, the benefits that responsive banner ads will bring to you and why everybody is heading towards mobile.
Continue reading

Creating your first Angular 2 app: From authentication to calling an API

angular-js-tutorialsLearn how to create a real world angular 2 app using Pipes, Directives, Components, DI, ES6 and much more! We’ll implement from Authentication to calling an API and everything in between

TL;DR: Get the sample Angular 2 app from this Github repository. Also, check out this talk I did where I explain and live-code this same example. Continue reading

The Ultimate list of CSS3 Resources, Tutorials, Tips and More

CSS3 Resources, Tips and TutorialsThe whole web design community knows that CSS3 can fly your HTML/Website/Content to the next level, but I agree that everyone need to prove them through their skill and knowledge. Even many CSS3 beginner and intermediates don’t know where to find the resources, important tutorials, cheat sheets in one place.

Here we are sharing a huge list of CSS3 tutorials, resources, CSS3 discussions that you have to look, Projects that you have to watch on Github. We know that these are the tools, inspirations and resources that you are looking for. Continue reading

Top 5 Best Beginner Ember.js Tutorials

Ember.js TutorialsI’ve heard countless times that Ember has a high learning curve. For that reason finding a great, easy to follow tutorial is a must. Of course Ember, like many other frameworks, has been changing fast. A lot of tutorials out there are already out of date. With that said I’ve found five great tutorials that are all relatively new and any new beginner to the language should check out. Continue reading

120+ Free CSS3 Tutorials Examples and Tricks for Designer

As a web designer learning about css3 tutorials, examples and tricks are very useful to improve know on css3 style.

free css3 tutorials examplesToday i collected beautiful style design of CSS3 tutorials, examples that available for demo view and download such Text Effects and Layout, CSS3 Animated, CSS3 3D Text, Pure CSS, CSS drop-shadows, CSS image replacement, css background, css rounded corners, border radius, box shadow,css3 inner shadow, css drop shadow, css3 drop shadow and CSS3 slider/slideshow … etc. Continue reading

53+ Stylish Jquery Popup Plugins With Tutorials

jqueryJquery popup window allows you to display forms, alerts and warnings, requests and prompts and other messages in hidden windows which pops when the event defined occurs. By using this feature, you can make the user to focus on a specific piece of content. There are many free and premium jquery popup plugins hosted across the web for developers.

In this article, I have gathered the best jquery popup plugins with tutorials which would help you to add an attractive popup window in your website. All these plugins are unique in design and action. Most of these model popup pack include multiple interfaces of search, warning, login, registration, message etc… I am sure you’ll find what exactly you are looking for here and I would like to hear your feedbacks.
Continue reading