background preloader

Learn How to Code in HTML5 and CSS3

Learn How to Code in HTML5 and CSS3

http://howtocodeinhtml.com/

Related:  ProgrammierenFrontendProgramación

Code Monster from Crunchzilla <h2>Code Monster gets kids excited about programming. It is a combination of a game and tutorial where kids experiment with learning to code. <p> Code Monster use Javascript. Please enable Javascript if you want the play with the Code Monster. Otherwise, Code Monster will not be able to play with you. Information Hiding done with JavaScript Leonardo da Vinci did a great job hiding secret stories in the paintings he created. Nowadays, in the time of digital images, he would have hidden this information in the alpha channel of his paintings. What is steganography.js?

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.

Creative Computing This guide was developed by members of the ScratchEd research team at the Harvard Graduate School of Education: Christan Balch, Michelle Chung, and Karen Brennan. We encourage you to use as much or as little of the guide as you like, to design new activities, and to remix the included activities. No matter your prior experience or expertise, we think of every educator as a co-designer of the Creative Computing experience. Introduction Knockout is a JavaScript library that helps you to create rich, responsive display and editor user interfaces with a clean underlying data model. Any time you have sections of UI that update dynamically (e.g., changing depending on the user’s actions or when an external data source changes), KO can help you implement it more simply and maintainably. Headline features: Elegant dependency tracking - automatically updates the right parts of your UI whenever your data model changes. Declarative bindings - a simple and obvious way to connect parts of your UI to your data model. You can construct a complex dynamic UIs easily using arbitrarily nested binding contexts.

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). 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? It was due to lack of position:fixed and overflow:auto/scroll in native browser in old versions of iOS (!)

A Great New Tool to Teach Kids Coding September 23, 2014 Code Studio is a newly released platform geared towards helping students from kindergarten to high school learn the different coding concepts. Code Studio which is a product of the popular nonprofit group Code.org known for its relentless efforts to make coding part of the curricula. Code Studio, as is explained in this excellent review, provides a variety of features that set it apart from other coding platforms. Most important of them all is its integration of HTML5 which makes it accessible through different browsers. Code Studio also provide coding lessons tailored for each age group and grade level. By completing these lessons, students are expected to be able to create their own games and apps to share with others using popular social networking sites.

Beginners Guide If you are a beginner, whether to programming or just to LiveCode this guide will introduce you to the LiveCode development environment and guide you step-by-step to building your first app. Introduction LiveCode makes it easy to turn your concepts, ideas or designs into powerful applications for Desktop, Mobile and Server. LiveCode has an easy to use drag and drop interface for creating your user interface, once you have created your UI you use LiveCode’s high-level, English like language to code your application. LiveCode is a compile free language so you can run and edit your application live, allowing you to add code gradually, and develop iteratively, testing as you go, with no compile time or delay. A LiveCode application is completely cross-platform.

Teach yourself to program We are entering the summer, the perfect time to improve yourself, you could go running or swimming, you could learn a new foreign language or perhaps you could learn to program. Self-learning is not as hard as it sounds, and it’s much easier than self-learning Spanish or French. There are really wonderful sources to start learning these new languages, understanding the concept behind programming and giving it a try with some interesting problems. Basic Programming Via XKCD

Related: