Category: Frontend / JavaScript / Frameworks


Click on this link to see the demo at work: <!DOCTYPE html> <html> <style> #container {     width: 400px;     height: 400px;     position: relative;     background: yellow; } #animate {     width: 50px; […]


onclick on : will rotate by 90° and another click will rotate back 🙂 to see the example in action click here:   <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" href="images/favicon.png"> <script>   […]


installation of on debian wheezy: su // root your machine apt-get install curl // install curl, say yes curl -sL | sudo bash – // install Node Package Manager npm install -g grunt-cli // install grunt mkdir /var/www/ […]


Check out the built-in function  encodeURIComponent(str)  and  encodeURI(str) . In your case, this should work: var myOtherUrl = "" + encodeURIComponent(myUrl); You have three options: escape()  will not encode:  @*/+ will encode http:// to http%3A// encodeURI()  will not encode:  ~!@#$&amp;*()=:/,;?+‘ encodeURIComponent() […]


This is Javascript-JQuery NERD Philosophie: $(„Society-Sytem.2.0“).click( function(sys) { sys.stopPropagnda(); // 2013? sys.block(„“); // 2014? sys.load(„“); // 2015? sys.init({enable:dignity,enable:peaceful-cooperation,enable:mars-lander}); // 2016? }


CopyProtection with javascript Protecting Your CopyRight first of all… javascript is always OpenSource… there is nothing you can do about it. So people become very creative about how to verify if a script was stolen or not. Here is one […]


it is said that this is the way guys @ google do it… BUT!!!! i when i went from jqm (a lot of code) to bootstrap (a little code), i quickly went back to 1. manually include as few js as […]


this is a test: submit_form_with_ajax_without_pagerefresh.php <?php if(isset($_REQUEST["phone"])) {     exit(json_encode($_REQUEST)); // answer the client;     // exit — Output a message and terminate the current script } ?> <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title></title> <style […]


Vor- und Nachteile von Responsive Design: – Designer muss sich bewusst sein dass er verschiebbare Elemente designen soll. (welche Elemente sollen nebeneinander/unterneinander sein, je nach Grösse… d.h. er muss eigentlich auch 2x Designs abliefern… ein Desktop und ein Mobile-Design) – […]


Kritisches, selbständiges Denken und auch die „Hausfrauen-Logik“ sollte jedes Kind in Schule oder Familie erlernen und nie wieder ganz abschalten, egal was es kritisch zu beleuchten gibt 😉 Aktuell: „Responsive Design„ An diesem Konzept scheiden sich die Geister. Die Idee […]


  sometimes… you come across a javascript error… but the firebug addon in firefox won’t let you trace it completely to the origin. after setting up chrome, open the problematic page and right-click -> inspect element. this will open the […]


…. was ist das beste an javascript? dass es IMMER OpenSource ist 😀 (d.h. es gibt kein binäres Format … kein byte-compilier… garkeinen compiler… es ist wie php eine reiner interpretersprache) vorteil: Jeder lernt von Jedem! those snippets saved my […]