background preloader


Facebook Twitter

Coding Resources. CODING: HTML & CSS & JS. SQL. Learning JavaScript Design Patterns. Design patterns are reusable solutions to commonly occurring problems in software design. They are both exciting and a fascinating topic to explore in any programming language. One reason for this is that they help us build upon the combined experience of many developers that came before us and ensure we structure our code in an optimized way, meeting the needs of problems we're attempting to solve.

Design patterns also provide us a common vocabulary to describe solutions. This can be significantly simpler than describing syntax and semantics when we're attempting to convey a way of structuring a solution in code form to others.


Responsive Web Design - The New Era in Mobile Website Development. Now that multiple devices exist that allow you to browse the internet in all its glory, its time for developers to adjust and start optimizing their sites for all methods of browsing. 5 years ago, and still to this day, the task of rendering pages properly across all major browsers is a necessity.

Responsive Web Design - The New Era in Mobile Website Development

However, the shift from putting focus strictly on desktop browsing is now on layout and design. Whether you're viewing the site at a full screen desktop resolution, or a handheld device such as an iPhone or android, the way the page renders can be completely different. Ignoring the scaling down of resolution will leave your page looking congested and scrambled, in most cases not looking anything like the original layout was meant to be. We at Amortech Design Labs have been designing web layouts which render beautifully on all platforms, as we see the importance in our clients customers being able to view their web page on any device. 1. Flexible Grid. A guide to the basics of jQuery.

JavaScript basics - Learning the Web. JavaScript is the programming language that you use to add interactive features to your website, for example games, things that happen when buttons are pressed or data is entered in forms, dynamic styling effects, animation, and much more.

JavaScript basics - Learning the Web

JavaScript Basics gives you an idea of what is possible with this exciting language, and how to get started. What is JavaScript, really? JavaScript is a full-fledged programming language that can be applied to an HTML document and used to create dynamic interactivity on websites. It was invented by Brendan Eich, co-founder of the Mozilla project, the Mozilla Foundation and the Mozilla Corporation. You can do pretty much anything with JavaScript. JavaScript itself is a fairly compact language, but it is very flexible, and developers have written a lot of tools that sit on top of the core JavaScript language to provide you with access to a huge amount of extra functionality with very little effort.

A "hello world" example What happened? Variables. jQuery Learning Center. Superhero.js. Connector/Python Developer Guide.

Vídeos JS

Video Node.js. Video HTML. Páginas HTML. Literatura ProgWeb. JQuery. JavaScript. 20 Useful HTML5 Code Snippets You Should Know. Users expect to get to information anywhere, anytime and expect it to be fast.

20 Useful HTML5 Code Snippets You Should Know

Meeting all those expectations and providing users with what they want is the single best way to keep clients focused on your product, service or website. HTML5 is the latest iteration of HTML addressing modern needs and expectations of websites. It deals with things like semantic markup, providing information about content it describes, it is becoming new standard for all good web developers and browser vendors love it as it does its magic on. There are lots of articles touting the use of HTML5 and praising the benefits of it. Likewise, developers are sharing useful code snippets to polish your website. Make IE Better Compatible Since IE8 currently supports much of HTML5, but unlike older version of popular browsers like Firefox, Chrome, and Safari, which does not support HTML5.

Using the code snippet below will solve most non-compatibility problems between HTML5 and Internet Explorer. Flash Object Embed <! <! Beginners Guide. CSS. Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development.


HTML5 doctype Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects. <! DOCTYPE html><html lang="en"> ... Mobile first With Bootstrap 2, we added optional mobile friendly styles for key aspects of the framework. Dash. Bringing modern web standards to everyone. Grid Calculator by Nicolaj Kirkgaard Nielsen. HTML, CSS, and JavaScript Tutorials, References, and Articles. Learn How to Code in HTML5 and CSS3.

Learn HTML5, CSS3, Javascript - video style tutorials. Learn HTML5, CSS3, Javascript - video style tutorials. Learn to Code JavaScript and get a Coding Job by Helping Nonprofits. Learning JavaScript Design Patterns. LiveCode Lessons. Scrollable divs: rendering issues with CSS overflow auto or scroll (iOS/Android)

The problem: CSS transitions/transforms run unacceptably slow on ICS (4.0 was a disaster and even 4.0.4 with hardware acceleration enabled does not work well).

Scrollable divs: rendering issues with CSS overflow auto or scroll (iOS/Android)

This simply prevents from using libraries like iScroll ( or touchScroll ( Since they use pure JS to manipulate div’s position by setting e.g. following CSS: -webkit-transition: -webkit-transform 0ms; -webkit-transform-origin: 0px 0px; -webkit-transform: translate3d(0px, 0px, 0px); they become useless if the content is bigger than a few tenths on DOM nodes and/or the device is unable to transform the content fluently. Idea: one may ask the question why such libraries as iScroll were created at first? SQL Tutorial. Welcome to NetBeans.