background preloader

Programmering

Facebook Twitter

Responsiv webb

DVWA - Damn Vulnerable Web Application. Flexbox Froggy - A game for learning CSS flexbox. Ramverk. Print console.log output to a debug div (for mobile) Skip to content Learn more Please note that GitHub no longer supports old versions of Firefox.

print console.log output to a debug div (for mobile)

We recommend upgrading to the latest Safari, Google Chrome, or Firefox. Sign up for a GitHub account Sign in. Code Kingdoms. Eloquent JavaScript.

Flexbox

13 JavaScript Libraries to Create Interactive & Customized Maps. We previously featured Google Map Maker and 10 other tools to help you build maps.

13 JavaScript Libraries to Create Interactive & Customized Maps

However, if you prefer using Javascript libraries instead, have we got the post for you. Here are the JS libraries you can use to show special map markers, draw custom route lines or even show a dialog when you hover or click on certain points of the map. Personalize your maps in the style that you want — some of them can be styled with CSS — or customize your map to be as interactive as you like.

Ionic

Framework7 - Full Featured Mobile HTML Framework For Building iOS & Android Apps. Webbutveckling. Ionic: Advanced HTML5 Hybrid Mobile App Framework. 7 Reasons to Develop Your Next Web App with Meteor. When I first learned about the Meteor JavaScript framework, I saw someone write, “Meteor is to Node.js as Rails is to Ruby,” and I think that’s a good comparison.

7 Reasons to Develop Your Next Web App with Meteor

A few years ago, Rails was the hot new thing on the web, sprinkling some useful “magic” through the development process to make programming on the web more approachable and pleasant. Building a CMS on the MEAN Stack - Mastering MEAN. Discover Meteor - Packages.

Meteor

Angular. Global fiber-optic internet cables map - Business Insider. CodeMonkey. Principles Of HTML5 Game Design. Visual effects in games define their overall look and feel, and gameplay.

Principles Of HTML5 Game Design

Players are attracted to high visual quality, which generate more traffic and reach. It’s key for creating successful games and providing a lot of fun for players. In this article I want to present a few ideas of how to implement different visual effects in <canvas>-based HTML5 games. These examples will be based on effects we made in our game, Skytte1. I will explain the basic ideas supporting them and provide the effects used in our work. What You Will Learn Link.

Php ramverk

Paul Ford: What is Code? A computer is a clock with benefits.

Paul Ford: What is Code?

They all work the same, doing second-grade math, one step at a time: Tick, take a number and put it in box one. Tick, take another number, put it in box two. Tick, operate (an operation might be addition or subtraction) on those two numbers and put the resulting number in box one.

Python

Django. Django is a widely-used Python web application framework with a "batteries-included" philosophy.

Django

The principle behind batteries-included is that the common functionality for building web applications should come with the framework instead of as separate libraries. For example, authentication, URL routing, a templating system, an object-relational mapper (ORM), and database schema migrations (as of version 1.7) are all included with the Django framework.

Compare that included functionality to the Flask framework which requires a separate library such as Flask-Login to perform user authentication. Writing your first Django app, part 1. Let’s learn by example.

Writing your first Django app, part 1

Throughout this tutorial, we’ll walk you through the creation of a basic poll application. It’ll consist of two parts: A public site that lets people view polls and vote in them.An admin site that lets you add, change, and delete polls. We’ll assume you have Django installed already. You can tell Django is installed and which version by running the following command: $ python -c "import django; print(django.get_version())" If Django is installed, you should see the version of your installation. Test-Driven Development with Python. Server vs client side rendering (AngularJS vs server side MVC) There’s a lot of discussion related to server vs client side application rendering.

Server vs client side rendering (AngularJS vs server side MVC)

While there is no “one choice fits all” solution, I’ll try to argue in favor of client side (specifically AngularJS) from different points of view. First of them is architecture. Estimate My App. Creating a Basic ToDo Application in Laravel 5 - Part 1  With the release of Laravel 5, there have been a bunch of backwards incompatible changes, new features added as well as the usual influx of new users so I thought I’d take the time to redo my basic to-do application with Laravel 5.

Creating a Basic ToDo Application in Laravel 5 - Part 1 

The app covers a wide range of concepts, links to relevant learning material where possible and should make for a great introduction to the framework. This tutorial is relatively long so I’ve broken it up into multiple posts. React.js Introduction For People Who Know Just Enough jQuery To Get By · React for Designers. Updates: Dec 13, 2015: Updated for React 0.14.

React.js Introduction For People Who Know Just Enough jQuery To Get By · React for Designers

Also, added a link to React for Beginners, a comprehensive React tutorial by Wes Bos. I also heard React.js was good and recently spent some time playing with it. Meet Composer. “Web Design Is Dead.” No, It Isn't. Every now and then we see discussions proclaiming a profound change in the way we design and build websites. Be it progressive enhancement1, the role of CSS2 or, most recently, web design itself being dead3. All these articles raise valid points, but I’d argue that they often lack objectivity and balance, preferring one side of the argument over another one. A Practical Guide to SVGs on the web. TodoMVC. Container Queries: Once More Unto the Breach. We’re a perseverant crew, the RICG. Responsive images were dead and buried forever in particularly dramatic fashion—what—two, three times there? “Dead and buried forever” refused to stick, though, thanks to all of you. Every time responsive images were knocked down, they got up a little stronger than before.

Article Continues Below. 15 Free Books for People Who Code. By Jacob Gube This is a collection of free programming books that are in digital/online format. The books in this list provide timeless insights that are universally applicable to all programming languages. Note: Some of the books in this collection might use a specific programming language (such as Python) to illustrate general programming ideas. KodTipset.

15 Free Books for People Who Code. What is WebAssembly? The Dawn of a New Era — JavaScript Scene. It’s much harder to get real work done when you’re writing directly in assembly language. So why do we need this WebAssembly thing? We need WebAssembly because as flexible as JavaScript is, it’s still too hard to express many of the things we may want to in JavaScript, and the features we’d need to make it easy might add complexity to a language that already confuses many users. WebAssembly gives us access to a set of low level building blocks that we can use to construct just about anything you can imagine. How is this different from JavaScript? Introducing Firebase Queue. Watch: 13-year old entrepreneur Jordan Casey on the key to his success. Jquery mobile content vertically centered. Introducing Firebase Queue. jQuery Learning Center. jQuery makes it straightforward to set up event-driven responses on page elements.

These events are often triggered by the end user's interaction with the page, such as when text is entered into a form element or the mouse pointer is moved. In some cases, such as the page load and unload events, the browser itself will trigger the event. jQuery offers convenience methods for most native browser events. These methods — including .click(), .focus(), .blur(), .change(), etc. — are shorthand for jQuery's .on() method.

The on method is useful for binding the same handler function to multiple events, when you want to provide data to the event handler, when you are working with custom events, or when you want to pass an object of multiple events and handlers. It is important to note that .on() can only create event listeners on elements that exist at the time you set up the listeners. Every event handling function receives an event object, which contains many properties and methods. Building HTML5 Mobile Apps with Local Storage and Topcoat.

jQuery mobile

Firework/README.md at master · mjackson/firework. Kodning. Learn how to code. Programming/Learning and Teaching. Html5+css3. Lärresurser. Phonegap / hybridappar. WebDemos. Phaser. Kodstandarder. Js. Programmering-1-med-js/javascript-quirks.markdown at master · itpastorn/programmering-1-med-js.