News, Tipps, Tricks und Links

Auf dieser Seite sammeln wir Tipps, Tricks und Links zu den Themen Drupal, PHP, HTML5, CSS 3 und jQuery.
Die Liste wird ständig erweitert und aktualisiert. Halten Sie sich auf dem Laufenden.

Responsive images and slider

Zwei Module, die man sich merken sollte:
http://drupal.org/project/flexslider
http://drupal.org/project/cs_adaptive_image

mdwp* Firmengeschichte auf Facebook

Man kann ja von Facebook halten was man will, aber die neue Meilenstein Funktion ist schon toll. Ich würde dort zwar nichts Privates reinstellen, für Unternehmen ist das aber eine sehr schöne Sache. So kann man sehr schön und übersichtlich die Firmengeschichte dokumentieren. Ich beginne gerade mit der Firmengeschichte von mdwp* und muss sagen, dass mir das großen Spaß macht.
http://www.facebook.com/mdwp.de

HTML5 rocks

HTML5Rocks: eine Site voll mit aktuellsten News, Informationen, Tutorials und Anwendungsbeispielen rund um HTML5.

Drupal Camp Essen 2012

Die »Drupal User Group Ruhrgebiet« veranstaltet am 25. und 26. Februar das zweite DrupalCamp Essen und somit das erste Camp im Jahr 2012. http://drupalcamp-essen.de

Drupal 7 Boilerplate Theme

Boilerplate - ein brandneues Drupal 7 HTML5 Basis Theme. Mit SASS Unterstützung, einem “Responsive Layout”. Wie der Name schon sagt basiert das Theme auf dem HTML5Boilerplate Projekt.
Sowohl das Theme, wie auch SASS und Boilerplate, sind nicht unbedingt für Einsteiger gedacht, aber für viele Profils erste Wahl.

CSS 3 Generator

Mittlerweile gibt es eine fast unüberschaubare Anzahl an Online CSS 3 Generatoren. Der CSS 3 maker bietet aber wohl die meisten Features unter einer einheitlichen Oberfläche.

Drupal 7 Theme Switching

Drupal 7 ermöglicht sehr einfach das programmatische Switchen eines Themes. Einfach ein kleines Mini Module erstellen und hook_custom_theme() implementieren:

example_custom_theme () { 
//example durch "Name des Moduls" ersetzen
  if( /*hier kommt die Überprüfung eines Kriteriums rein.  
     node oder user oder role usw.*/ ) {
     return 'Bartik';  //"Name des gewünschten Themes"
   }
}

10 Gründe für HTML5

Dieser Artikel erläutert warum Sie nicht zögern sollten HTML5 ab sofort einzusetzen. 10 Gründe werden genannt und ausführlich beschrieben.

Codekit - Die Mac App für Web-Entwickler

Codekit ist ein Mac Programm für Web-Entwickler. Man kann damit u.A. Less, Sass oder Stylus compilieren, png’s und Javascript komprimieren, Frameworks und Dateien gleichzeitig in verschiedenen Projekten nutzen, bearbeiten, updaten und sichern. Und das ist erst der Anfang.

Visueller Website Test

Testen Sie Ihre Website einmal ganz anders. Spurapp erzeugt Screenshots eines Site in vielen unterschiedlichen Ausprägungen. Weichgezeichnet, mit weniger Kontrast, gespiegelt u.v.m. Diese Screenshots zeigen Stärken und Schwächen Ihrer Site, die sonst schwer zu entdecken sind.

Internet Explorer Countdown

Microsoft selbst hat es erkannt: der IE 6 ist mausetot. Tun Sie sich einen großen Gefallen, wenn Sie IE Nutzer sind und updaten Ihren IE auf Version 9. Nur so kommen Sie in den vollen Genuß des modernen Web.

Website Test

Nibbler ist einer der besten kostenlosen Online-Services zum Testen der Qualität Ihrer Website. Gnadenlos deckt Nibbler alle Fehler und Probleme einer Site auf.

RESS Frameworks

Es gibt eine Vielzahl von CSS Frameworks für Responsible Design. Hier werden 15 Frameworks vorgestellt und kurz beschrieben.

Screenshot von beta.theexpressiveweb.com

HTML5 & CSS 3 Demos

Was alles mit HTML5 und CSS 3 möglich ist, zeigt sehr eindrucksvoll die Site The expressive Web von Adobe.

Wer nutzt Drupal?

Wer sich einern Überblick verschaffen möchte, welche renomierten, internationalen Unternehmen und Organisationen Drupal einsetzen, kann das auf ‘Who uses Drupal’ tun.

Bild Hover Effekt

In diesem Tutorial wird detailliert erläutert, wie man mit HTML5 und jQuery einen Bild Hover Effekt (Grau - Farbe) erzeugen. Für so einen Effekt benötigte man früher 2 Bilder oder Flash. Dank des neuen HTML5 Canvas Element ist das nicht mehr nötig.

HTML5 & CSS 3 Tools

Auf der Site HTML5 / CSS 3 Box kann verschiedenste Tools, um HTML5 oder CSS 3 Code Snippets zu erzeugen, direkt anwenden. Der Screenshot links zeigt z.B. das Tool zur Generierung von CSS 3 Multicolumns.

Diät für Fotos

Der Online Service JPEGmini reduziert die Größe von Bildern (bis zum Faktor 5) ohne sichtbaren Qualitätsverlust. Wenn Sie also größere Bilder auf Ihrer Site anzeigen, sollten Sie diese zuerst dort komprimieren lassen.

jQuery Animationen programmieren

Wenn Sie in die Programmierung von Animationen mit jQuery einsteigen möchten oder wenn Sie einfach nur mal die Möglichkeiten von Animationen ohne Flash kennenlernen möchten, dann besuchen Sie mal die Designing Mall.

CSS 3 Ressourcen

Auf SmashingApps.com finden Sie die vielleicht ausführlichste Übersicht zu CSS 3 Tools, Tutorials und weiteren Ressourcen. Machen Sie sich mit den phantastischen Möglichkeiten die CSS 3 bietet vertraut.

jQuery Mobile

Und auch die Entwicklergemeinde von jQuery stellt ein HTML5 - jQuery Mobile Framework zur Verfügung. Es mangelt also nicht an unterschiedlichen Frameworks zur Entwicklung nativer Apps für Smartphones mit HTML5.

WebApi von Mozilla

Auch bei Mozilla wird an einer WebApi gearbeitet, mit der Geräte- und OS unabhängige Apps mittels HTML5 entwickelt werden können.

Google+ Fotoalben nachbauen

Auf youhack.me wird gezeigt, wie man mit jQuery und CSS3 den Effekt der Google+ Fotoalben entwickeln kann. Download des Source Code und Demo inklusive.

PhoneGap - Open Source Mobile Framework

Mit PhoneGap können Webentwickler native Apps für 7 Plattformen (iPhone, Android usw) entwickeln, ohne eine neue Programmiersprache lernen zu müssen. HTML5, CSS 3 und Javascript Kenntnisse “genügen”. Die Firma nitobi, welche PhoneGap entwickelt hat, wurde inzwiwschen von Adobe übernommen. Das entspricht der neuen Geschäftspolitik von Adobe. Da sie Flash nicht für Smartphones etablieren konnten und auch nicht mehr möchten, setzt Adobe mittlerweile voll auf HTML5. Der langsame Abgesang auf Flash hat längst begonnen.
PhoneGap bekommt natürlich durch die Übernahme eine ganz neue Bedeutung und Nachhaltigkeit.

Drupal 7 Multilingual

In einer mehrteiligen Artikelserie erklärt Gábor Hojtsy alle Aspekte der Mehrsprachigkeit von Drupal 7.
Zum Teil 1 der Serie

Aktuelle Open Source Nachrichten

Alle Nachrichten aufrufen

Internet-Dienstleistungen

Erfahren Sie mehr über Technik und Werkzeuge, die wir einsetzen.

Informationen abrufen

Drupal • Module • HTML5 • CSS • Mobile • und mehr …

Für Sie da Mo. - Fr. 9:30 bis 14:00
und 15:00 bis 18:30
Tel. 02331 3 96 16 91

Drupal Management Summary

Download • Module • Dokumentation • Support • Mitmachen • und mehr …

Internet-Büro

Über Drupal

SEO

Distributionen

News, Tipps, Tricks und Links

Aktuelle Open Source Nachrichten

Internet-Dienstleistungen

Unser Fullservice Angebot

mdwp*

Social Networks

Ressourcen