| 50 Awesome CSS3 Animations | Details | Webentwicklung |
| CSS3 has brought some amazing new features. And the most fun is playing with the CSS animation. Here is a compilation of 50 CSS3 animation that allows you to perform many motion-based functions normally Delegated to JavaScript. In order to view this effect, you are required to have WebKit browsers like Safari and Chrome ( very sorry for the users of Internet Explorer ) | ||
| {Wordpress} Das eigene WordPress Template – Schritt für... | Details | Webentwicklung |
| Ich persönlich halte codex.wordpress.org für ein wichtige Adresse was WordPress Themes angeht. Daher werde ich in diesem Beitrag zu vertiefenden Informationen auf Codex WP.org verlinken. | ||
| CSS-Counter: Nummerierungen für beliebige HTML-Elemente »... | Details | Webentwicklung |
| Die einfachste Möglichkeit, einen Textabschnitt zu nummerieren, ist die Verwendung einer sortierten Liste mit dem OL-Element. Wenn aber komplexe Bereiche mit Aufzählungen versehen werden sollen, ist die sortierte Liste nicht immer praktikabel. CSS liefert eine weitere Option, die wir euch im folgenden kurz vorstellen. | ||
| A Simple Frontend Strategy for Mobile Webapps, or, How we... | Details | Webentwicklung |
| Last week we released a mobile client for the website Hacker News. We've been huge fans of the site since our earliest startup days and most of us check up on it at least a couple times a week (ha!). The site is clean and simple, but depends on tables for layout, so it doesn't deliver the best experience on mobile phones. | ||
| CSS3 Gradient Generator | Details | Webentwicklung |
| CSS3 Gradient Generator für Hintergründe | ||
| Just some other awesome CSS3 buttons - RedTeamDesign | Details | Webentwicklung |
| Whether you’re designing a website or a web application, you’ll need buttons for it. Now, with CSS3?s help, it was never easier to create nice looking buttons.
In this article you’ll learn how to create some cool CSS3 buttons in just a few steps. | ||
| 117 Quellen für kostenlose Bilder | Details | Webentwicklung |
| Egal ob Hobby-Webmaster, professioneller Webdesigner oder Suchmaschinenoptimierer. Jeder Text den wir online stellen und jede Seite die wir gestallten lässt sich mit einem kleinen Trick aufpeppen: Bilder!
Doch woher bekommt man kostenlose, lizenzfreie Fotos und Bilder die man auf der eigenen Homepage verwenden kann? Wer das Risiko abgemahnt zu werden sucht kann sie sich aus der Google Bildersuche nehmen. Einfacher und ganz legal geht es mit diesen 117 Seiten mit Stock-Fotos.
Die in Klammer geschriebenen Kategorien geben nicht das ganze Spektrum der Seiten wieder sondern sollen lediglich zeigen worauf der Fokus liegt. Falls nicht anders angegeben handelt es sich um Websites in deutscher oder englischer Sprache. | ||
| heise „socialSharePrivacy“–Plug-In | Details | Webentwicklung |
| Datenschutzkonforme Einbindung von social Network Buttons | ||
| Entwickeln in JavaScript | heise Developer | Details | Webentwicklung |
| Auch mit JavaScript lässt es sich sauber und objektorientiert entwickeln. Nicht umsonst mausert sich die Sprache zur wichtigsten Option auf allen erdenklichen Zielplattformen. Doch es gilt auch Fallstricke zu beachten. Der Artikel zeigt wie es geht. | ||
| WWW Wissen | Details | Webentwicklung |
| Das Blog für praktische Tipps rund um Webentwicklung mit PHP, TYPO3, OXID und HTML5. | ||
| Fortgeschrittene Webtypografie mit Canvas und CSS – CSS3... | Details | Webentwicklung |
| Dass die Canvas über viele aufregende typografische Methoden verfügt, hat sich bisher kaum herumgesprochen. Wahrscheinlich liegt das daran, dass sie bisher eher als Domäne der Spieleentwickler wahrgenommen wurde. Das ist Schade, denn Sie bietet uns Möglichkeiten, die weit über die klassischen Methoden die CSS zu bieten hat hinausgehen und das auch noch in allen modernen Browsern: Verläufe oder Bitmaps in Füllung und Outline, Masken, Schatten, Blendmodes sind nur einige ihrer Methoden. | ||
| CSS3 Count - HTML Elemente nummerieren | Details | Webentwicklung |
| Der heutige Artikel möchte sich der Nummerierung von Elementen widmen und mit der damit verbundenen Zähl-Eigenschaft eine Möglichkeit vorstellen, die eine verbesserte Wahrnehmung der Seitenstruktur und der damit verbundenen Inhalte ermöglicht. So könnte man bspw. bei Inhaltselementen wie Kommentaren in einem Blog, falls der Strukturierung der Elemente keine geordnete Liste zugrunde liegt oder bspw. einer Paginierung von Inhaltsseiten, die Eigenschaft counter-increment zur Nummerierung zuweisen. | ||
| Einführung: Videos einbinden mit HTML 5 | www.video-flash.de | Details | Webentwicklung |
| Der | ||
| WebKit DOM Programming Topics: Using the Canvas | Details | Webentwicklung |
| ||
| Canvas tutorial - MDN | Details | Webentwicklung |
| canvas is an HTML element which can be used to draw graphics using scripting (usually JavaScript). It can, for instance, be used to draw graphs, make photo compositions or do simple (and not so simple) animations. The image on the right shows some examples of canvas implementations which we will see later in this tutorial. | ||
| HTML5 Website Showcase: 48 Potential Flash-Killing Demos | Details | Webentwicklung |
| So you’ve heard all rumors about HTML5 would take over Adobe Flash. While most web community argues that it’s possible or not, you must be wandering what makes HTML5 so powerful that even giant company Apple wants to use it to replace Flash. | ||
| 175 Awesome jQuery Slider and Effects Roundup - tripwire... | Details | Webentwicklung |
| Slider Effekte mit jQuery | ||
| 12 days of CreativeJS | CreativeJS | Details | Webentwicklung |
| ||
| CamanJS - Image Manipulation in Javascript | Details | Webentwicklung |
| The main focus of CamanJS is manipulating images using the HTML5 canvas and Javascript. It's a combination of a simple-to-use interface with advanced and efficient image/canvas editing techniques. It is also completely library independent and can be safely used next to jQuery, YUI, Scriptaculous, MooTools, etc. | ||
| HTML5 Canvas Cheat Sheet | Details | Webentwicklung |
| HTML5 Canvas Cheat Sheet | ||
| everystockphoto - searching free photos | Details | Webentwicklung |
| Freie Fotos | ||
| impress.js | presentation tool based on the power of CSS3... | Details | Webentwicklung |
| Presentations-Script. Sehr strange | ||
| iPhone 4 in pure CSS3! | Details | Webentwicklung |
| This rendering of iPhone 4 and its icons was made in pure CSS3.
No images, no base64, no SVG, no canvas, just 3395 lines of CSS code and 335 lines of Javascript code (with jQuery, of course).
Viewed best with the latest versions of Safari and Chrome in Mac OS X. | ||
| git - the simple guide - no deep shit! | Details | Webentwicklung |
| Einfache GIT Beschreibung | ||
| TagCanvas - an HTML5 Canvas Tag Cloud | Details | Webentwicklung |
| Canvas Tag Cloud | ||
| CSS animatable properties - Oli.jp (@boblet) | Details | Webentwicklung |
| A reordered list based on the CSS Transitions Module (level 3) Working Draft and Editor’s Draft, for personal use. You can find out more about CSS Transitions and CSS Animations in the Mozilla Developer Connection wiki, or in John Allsopp’s article Let the Web move you – CSS3 Animations and Transitions. Remember that if the property uses a vendor prefix, you’ll need to also prefix it when using with CSS Transitions or Animations | ||
| Add CSS Bookmarklet | Details | Webentwicklung |
| Click it on any page to inject arbitrary CSS. Click it again or press escape while focused to hide. Changes are saved to localStorage, per domain, browser able. | ||
| Jesse's Bookmarklets Site | Details | Webentwicklung |
| Bookmarklets are free tools to help with repetitive or otherwise impossible tasks in your web browser | ||
| Bootstrap, from Twitter | Details | Webentwicklung |
| Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions. | ||
| jQuery TOOLS - The missing UI library for the Web | Details | Webentwicklung |
| Zusatz Features zum Javascript Framework jQuery | ||