background preloader

Learn How to Code in HTML5 and CSS3

Learn How to Code in HTML5 and CSS3
Related:  ProgrammierenFrontendProgramación

11 Free jQuery CSS3 Navigation Menu Plugins These days, jQuery Navigation menus are more than plain texts with links on it. With the command of jQuery, it can transform the menu of a web site into a dynamic menu. Despite the fact that CSS3 can now be utilized to make dynamic menu, still, the query includes more functionality to the menus. Aside from the element functionalities, the design should likewise be considered. Because of audience your site would perhaps see it for the first time they visit your website. If it is not well designed any having worst UI experience so it will not give you value add to your site. You Might be interested on : Free jQuery Sliders and jQuery autocomplete Tutorials. Mmenu Demo || Download The best jQuery plugin for app look-alike on- and off-canvas menus with sliding submenus for your website and webapp. Sidr Demo || Download The best jQuery plugin for creating side menus and the easiest way for doing your menu responsive. slimMenu Demo || Download HorizontalNav Demo || Download Pushy Demo || Download Slinky.js

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. I'm Code Monster! Getting Started Lesson 1 BACK How to Play | Lesson Sections | About | FAQ | Terms of Use | Privacy | Contact | © 2015 How to Play Code Monster teaches kids and adults a little about Javascript programming! It's easy to play. Click on the Reset button if you really mess up your code and want to start over on a lesson. Code Monster saves what lesson you are on, so feel free to stop at any time and come back later. Have fun! About Code Monster from Crunchzilla is an interactive tutorial for kids that focuses on action. Projects start with simple boxes and colors, rapidly progressing into exciting experiments with simple animation and fractals. Frequently Asked Questions Sure!

Bootswatch: Free themes for Bootstrap 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. In this book we will explore applying both classical and modern design patterns to the JavaScript programming language. Target Audience This book is targeted at professional developers wishing to improve their knowledge of design patterns and how they can be applied to the JavaScript programming language. Some of the concepts covered (closures, prototypal inheritance) will assume a level of basic prior knowledge and understanding. Acknowledgments Credits Reading Patterns are not an exact solution. Creational Design Patterns

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. <! Mobile first With Bootstrap 2, we added optional mobile friendly styles for key aspects of the framework. To ensure proper rendering and touch zooming, add the viewport meta tag to your <head>. You can disable zooming capabilities on mobile devices by adding user-scalable=no to the viewport meta tag. Bootstrap sets basic global display, typography, and link styles. Set background-color: #fff; on the body Use the @font-family-base, @font-size-base, and @line-height-base attributes as our typographic base Set the global link color via @link-color and apply link underlines only on :hover These styles can be found within scaffolding.less. Normalize.css Containers <div class="container"> ... <! Bold

Fun Programming - video tutorials to learn creative coding steganography.js | 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? Steganography is the art and science of hiding messages or other secret information in a bunch of carrier information. steganography.js is a JavaScript library which provides this functionality for hiding information in images. How does it work? The library processes the given message to binary data and hides all this information in the alpha channel of a given image usign the HTML5 canvas element. Where does it work? steganography.js works on every browser which supports the HTML5 canvas element. Why use steganography.js? steganography.js is very simple to use. Download latest stable version

Beginners Guide | LiveCode 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. This guide will introduce you to the basics of LiveCode, the architecture behind LiveCode, the integrated development environment(IDE), resources and support and how to create your first apps. General To use LiveCode you will need: Windows

Creative Computing | Download Scratch 3.0 is here! In celebration of Scratch 3.0, we are hard at work developing a new version of our Creative Computing Curriculum Guide to be released in early 2019! The new guide will be full of activities for exploring the intersection of creativity and computing. This edition of the full curriculum is available as Google Slides. Get the Scratch 3.0 version of the Guide! The Scratch 2.0 version of the Guide 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. We are releasing this guide under a Creative Commons Attribution-ShareAlike license, which means that you are completely free to use, change, and share this work, as long as you provide appropriate attribution and give others access to any derivative works. Guide as PDF Workbook as PDF

Related: