Sinatra

Welcome | Flask (A Python Microframework) Welcome to Flask’s documentation. Get started with Installation and then get an overview with the Quickstart. There is also a more detailed Tutorial that shows how to create a small but complete application with Flask. Common patterns are described in the Patterns for Flask section. The rest of the docs describe each component of Flask in detail, with a full reference in the API section. Flask depends on the Werkzeug WSGI toolkit, the Jinja template engine, and the Click CLI toolkit. User’s Guide¶ Flask provides configuration and conventions, with sensible defaults, to get started. API Reference¶ If you are looking for information on a specific function, class or method, this part of the documentation is for you. Additional Notes¶

jQuery-Tutorial für Anfänger Wie kann man jQuery für Anfänger vorstellen. jQuery bietet sehr viel – und das browserübergreifend. jQuery ist zugegebene wesentlich mehr, also nur die schmerzfreie Art mit JavaScript zu arbeiten. jQuery beseitigt die Nachteile von JavaScript, die oft darin lagen, dass man sich wegen der Browserkompatiblität sich fast tot programmiert hat. Hier bietet jQuery eine einheitliche Vorgehensweise. Aber noch wichtiger ist, dass viele Möglichkeiten mit wenigen Zeilen jQuery-Code umgesetzt werden können. Einsatz und Möglichkeiten von jQuery Hier in Kurzform die Möglichkeiten – später dann ausführlich Einfache Möglichkeiten, Elemente auf der Website (DOM) auszuwählen (um dann später damit Sachen zu machen wie Aussehen ändern, Animationen oder Aktionen). Es lohnt sich also, sich mit jQuery zu beschäftigen und anzufreunden. jQuery-Bibliothek in die eigene Website einbinden Bevor wir jQuery nutzen können, müssen wir die jQuery-Bibliothek in unsere Website einbinden. Es gibt 2 Arten um jQuery einzubinden.

The Elegant Ruby Web Framework - Padrino Ruby Web Framework Lektion 10: Tabellen - HTML.net Tabellen werden verwendet um “Tabellendaten” anzuzeigen, also Informationen, welche logisch – in Zeilen und Spalten angeordnet – präsentiert werden können. Ist das schwierig? Tabellen in HTML zu bauen mag am Anfang schwierig aussehen. Aber wenn Sie cool bleiben und Schritt für Schritt vorgehen, ist es eigentlich ganz logisch. So wie alles andere bei HTML auch. Beispiel 1: <table><tr><td>Zelle 1</td><td>Zelle 2</td></tr><tr><td>Zelle 3</td><td>Zelle 4</td></tr></table> sieht im Browser wie folgt aus: Wo ist der Unterschied zwischen <tr> und <td>? Werfen Sie einen nochmal einen kurzen Blick auf das obige Beispiel, dies ist wohl das bisher schwerste. Drei verschiedene Elemente werden benötigt, um Tabellen zu erzeugen: Der Start-Tag <table> öffnet und der End-Tag </table> schließt die Tabelle. Hier eine kurze Erklärung des Beispiels 1: Die Tabelle startet mit einem <table> und wird gefolgt von einem <tr>, welches der Beginn einer neuen Zeile ist. Zelle 1 und Zelle 2 bilden eine Zeile. Beispiel 2:

Less Framework 4 I called Less Framework "a CSS grid system for designing adaptive websites". It was basically a fixed-width grid that adapted to a couple of then popular screen widths by shedding some of its columns. It also had matching typographic presets to go with it, built with a modular scale based on the golden ratio. The resources it was originally published with are still available on GitHub. Contrary to how most CSS frameworks work, Less Framework simply provided a set of code comments and visual templates, instead of having predefined classes to control the layout with. This is how I still work today and definitely a method I advocate. /* Default Layout: 992px. Less Framework was popular in the early days of responsive design. Eventually, I moved on from fixed-width grid systems and worked on a fully fluid-width one, in the form of Golden Grid System. Less Framework's popularity was helped by the following contributions and the lovely people behind them (dead links crossed off):

Getting Started with the JavaScript Version of the GreenSock Animation Platform (GSAP) Quick links: Jump Start Introduction Animating with code may seem intimidating at first, but don't worry – the GreenSock Animation Platform (GSAP) was engineered to make it simple and intuitive. What exactly is GSAP? The GreenSock Animation Platform is a suite of tools for scripted animation. TweenLite: the core of the engine which handles animating just about any property of any object. Loading the GSAP files Check out the download screen where you can download a zip containing minified and uncompressed files, or you can just paste a CDN link right into your page. Since TweenMax includes TweenLite, CSSPlugin, EasePack, TimelineLite, TimelineMax, RoundPropsPlugin, BezierPlugin, AttrPlugin, and DirectionalRotationPlugin, this one file gives you tons of goodies to play with and the CDN should help things load very quickly. Notice that we're linking to the "latest" version of these files, which means that as new versions come out you should automatically get those updates. Basic tweening Easing

metro-bootstrap: Twitter Bootstrap with Metro style Examples <div class="col-sm-6 col-md-3"><div class="thumbnail tile tile-medium tile-teal"><a href="#" ><h1>Hello</h1></a></div></div><div class="col-sm-6 col-md-3"><div class="thumbnail tile tile-medium"><a href="#" ><img src="images/twittertile.png"><h2>Tweet </h2></a></div></div><div class="col-sm-6 col-md-6"><div class="thumbnail tile tile-wide tile-orange"><a href="#" ><h1 class="tile-text"> I'm the 2!</h1></a></div></div> Colors Using Font Awesome in tiles You could use images in your tiles or use the conveniently included FontAwesome icons. Now include the icon of you choice (Link to Cheatsheet) as a <i></i>. <div class="col-sm-6 col-md-3"><div class="thumbnail tile tile-medium tile-green"><a href="#" class="fa-links"><h1>Home</h1><i class="fa fa-3x fa-home"></i></a></div></div><div class="col-sm-6 col-md-3"><div class="thumbnail tile tile-medium tile-orange"><a href="#" class="fa-links"><h1>RSS</h1><i class="fa fa-3x fa-rss-square"></i></a></div></div> Example <div class="dropdown"><!

ScrollMagic: Ein Animationsframework, das hält was der Name verspricht | t3n Jan Paepke hat den Urvater der Scroll- und Animation-Frameworks, nämlich Superscrollorama, von Grund auf neu entwickelt und geschrieben. Am besten könnt ihr euch ScrollMagic als ein Skript vorstellen, das den Scrollbalken als eine Art „Fortschrittsbalken“ sieht. Wird ein gewisser Punkt erreicht: Zack – und es wird eine Funktion gezündet. Das hört sich jetzt noch alles sehr abstrakt und wenig spektakulär an: wartet aber bis ihr die Demos gesehen habt. Wie auch Superscrollorama basiert ScrollMagic auf der „Greensock Animation Plattform“ (GSAP), wurde aber um folgende Funktionen erweitert: Erhöhte PerformanceUnterstützung mobiler GeräteFull-responsive-UnterstützungObjektorientierte ProgrammierungUnterstützung von horizontalem und vertikalem scrollenScroll-Möglichkeit innerhalb von (multiplen) DivisionsDebugging-Extension ScrollMagic: So könnt ihr es nutzen Bevor ihr ScrollMagic nutzen könnt, müsst ihr vorher die Abhängikeiten beachten. Fazit: Gefällt mir! NEU: Lass dir diesen Artikel vorlesen

WordPress Development and Deployment With MAMP, Git and Dropbox | Wptuts+ Nowadays in order to be a freelance WordPress developer you often need to develop simultaneously several WordPress sites for different clients. Here's how. This requires you to adopt the following: A flexible local development environment that allows you to easily add a new site, with a modern Version Control System and that allows you to develop both on your desktop computer and on your notebook.A reliable and secure deployment system to the remote server. With this setup you can easily: locally develop and test your new plugin or theme in a safe way and deploy it to the production server;locally update the WordPress core files or update already installed plugins/themes in a safe way, check that nothing breaks the site and deploy this changes to the production server;make quick changes on some files on the remote server and then fetch them on the local environment. Before We Begin In this tutorial we refer to Mac OS X but you can easily adapt it to any other OS. What We Will Do What You Need

ScrollMagic - Demo Migrating a WordPress Site From a Local Server to Production | Wptuts+ Integral to any WordPress developer's arsenal is the local server. In this tutorial, I want to walk you all the way from installing a local server to theming, exporting databases, and beyond. What We Will Do In this tutorial, I will take you through the entire process of installing a local server on your computer, creating a mock site, and deploying that site in production. By the end of this tutorial, you should be able to understand how to: Install a local server and configure WordPress locallyImport content into your local databaseCreate and edit a site or plugin locallyInstall and configure WordPress on your production serverImport database content into your production siteTransfer the wp-content folder that houses plugins, themes, and other elementsSit back and enjoy clients that love you because of minimal downtime! And, really to me that last point is what it's all about. Step 1. I personally use MAMP (I'm a Mac guy all the way), and it is available for download here. Step 2.