Kategorien
Freelance Programmierung

Weiterbildung und Karrierechancen im IT-Bereich

Der IT-Bereich umfasst sowieso schon ein unwahrscheinlich großes Aufgabengebiet. Durch Smartphone und Tablets als mobile Endgeräte und neuer Technologien wie Cloud-basiertes Arbeiten wächst der Bedarf an Dienstleistungen rund um den IT-Bereich ständig weiter.

Kategorien
Programmierung Webdesign

Lokale Datenhaltung: So speicherst du mit Cookies & Co im Browser

Lange Zeit waren Cookies die einzige Möglichkeit, Informationen lokal im Browser zu speichern. Noch heute werden sie vor allem in Kombination mit serverseitigen Sessions verwendet. Doch dank HTML5 haben wir weitere Optionen, Daten lokal im Browser abzulegen. So gibt es den „Application Cache“ sowie „Web Storage“ und IndexedDB. Wofür aber gibt es die unterschiedlichen Speichermöglichkeiten […]

Kategorien
Boilerplates & andere Tools Programmierung

HTML5: Texte vorlesen lassen mit SpeechSynthesis

Was Navigationsgeräte schon lange können, können nun auch die Browser. SpeechSynthesis aus der Web-Speech-API erlaubt es, Texte mit einer menschlichen Sprechstimme auszugeben. Dabei stehen Stimmen für mehrere Sprachen zur Verfügung – teilweise auch mehrere Stimmen pro Sprache. Per Knopfdruck können sich deine Besucher den Text eines HTML-Dokumentes einfach vorlesen lassen.

Kategorien
Apps Bilder bearbeiten Design Freebies, Tools und Templates HTML/CSS Icons & Fonts Plugins Programmierung Responsive Design

SVG für alle: Icons, Tools und andere Ressourcen

Im Rahmen des Siegeszugs mobiler Geräte entwickelt sich kontinuierlich neue Technologie für die schönere Gestaltung von Webseiten und Apps. Eine dieser fantastischen mobilen Technologien ist SVG, die Scalable Vector Graphics. SVG erweitert das Konzept von Vektoren über das Niveau von bloßen skalierbaren Bildern hinaus. Tatsächlich ist ein SVG eigentlich XML-basiert, was heißt, dass ein SVG […]

Kategorien
CMS Freebies, Tools und Templates Programmierung

Grav CMS: Blitzschnell, einfach und modern

Grav CMS ist eines der interessantesten neuen Content Management Systeme am Markt. Es geht einen völlig anderen Weg als bisher bekannte Ansätze und kommt sehr leichtgewichtig daher. Die Voraussetzungen für die Installation sind so gering, dass ein günstiges Webhosting-Paket bereits ausreicht, um mit Grav zu experimentieren. Das Grav CMS benötigt keinerlei Datenbanken und kann in […]

Kategorien
Design Programmierung UI/UX

Wenn das Webdesign verschwindet: Headless Browser brauchen keine schöne Gestalt

Ist der Browser, wie wir ihn heute kennen, ein Auslaufmodell? Können wir auch ohne ihn das Web nutzen? Die Antwort auf die zweite Frage ist ein klares Ja. Das Headless Web macht es möglich.

Kategorien
Design Programmierung Responsive Design UI/UX Webdesign

Was sind Progressive Web Apps und sind sie besser als native Apps?

Bei so vielen Smartphones brauchst du doch unbedingt eine App. So denken nicht wenige Unbedarfte, im Designerjargon auch als Kunden bekannt. Aber sogar Fachleute empfehlen bisweilen, bei Redesigns direkt auf native Apps zu setzen, anstatt auf eine Website. Warum das falsch ist, erklärt dieser Artikel. Wir schreiben das Frühjahr des Jahres 2018. Es handelt sich […]

Kategorien
Design HTML/CSS Programmierung UI/UX

Einfache Lösungen für dynamisches Webdesign mit HTML5-Data-Attributen

Lebendige Effekte auf Websites können dir im Wettbewerb um die Aufmerksamkeit der Nutzer gute Dienste leisten. Du denkst vielleicht direkt an parallaxes Scrolling. Das aber ist nicht die einzige Option für dynamisches Webdesign.

Kategorien
CMS Programmierung

Welches CMS verwendest du für deine Web-Projekte?

Welches Content Management System (CMS) ist unter den Leserinnen und Lesern des Dr. Web Magazins am populärsten? Wir wollen es wissen, denn wie schon Winston Churchill sagte: “Glaube keiner Statistik, die du nicht selbst gefälscht hast.” Die Ergebnisse werden wir nach dem 31. Januar 2018 veröffentlichen.

Kategorien
Design Freebies, Tools und Templates Programmierung UI/UX

Bubbly Backgrounds: Bewegte Hintergründe für deine Website

Bewegen muss es sich, sonst ist es nicht modern. Das gilt natürlich auch für den Hintergrund deiner Website. Bubbly Backgrounds ist zu deinen Diensten.

Kategorien
Programmierung

JavaScript: Mit DrawerJs einfach im Browser zeichnen

Dank HTML5-Canvas und der dazugehörigen Möglichkeiten rund um die JavaScript-Methode „getContext(“2d”)“ kannst du nahezu uneingeschränkt im Browser zeichnen. Methoden wie „lineTo()“ und „arc()“ sind nur zwei einfache Beispiele, wie du Zeichnungen per JavaScript anlegst. Mit DrawerJs bringst du gleich ein ganzes Zeichenprogramm, das mit HTML5-Canvas realisiert wurde, in deinen Browser. Zeichnen fast wie in Photoshop […]

Kategorien
Programmierung Webdesign

Framework jQuery: die Vorteile und Nachteile

Frameworks wie jQuery gehören zu den bekanntesten und weit verbreitetsten Helfer, die auf Websites eingesetzt werden. Das Framework ermöglicht es, schnell und unkompliziert auf HTML-Elemente zuzugreifen und diese zu manipulieren oder per CSS zu gestalten. Ich selbst bin kein großer Freund von solchen Frameworks und versuche, sie – wo immer es geht – zu vermeiden. […]

Kategorien
Design HTML/CSS Programmierung

Outdated Browser: Freies Projekt informiert deine Besucher über den Zustand ihres Browsers

Das Problem ist nicht mehr ganz so akut wie noch vor einigen Jahren. Dennoch surfen auch heutzutage noch zu viele Menschen mit einem veralteten Browser. Wenn deine Website sehr modern ausgestattet ist, werden diese Menschen keinen Spaß daran haben. Bevor sie deshalb sauer auf dich werden, weise sie doch einfach freundlich darauf hin, dass sie […]

Kategorien
Boilerplates & andere Tools Inspiration Programmierung

20 Codeschnipsel für moderne Kontaktformulare

Ein paar benannte Textfelder und ein deutlicher Call-to-Action am Ende – genau so sieht ein gewöhnliches Kontaktformular aus. Na ja, das kann ja kein Problem sein. Macht man mit links. Freu dich nicht zu früh, es gibt einige Stolperfallen. Soll dein Feedback-Formular responsiv, angetrieben durch Bootstrap oder komplett benutzerdefiniert sein? Du wirst auf jeden Fall […]

Kategorien
Design HTML/CSS Programmierung Webdesign

HTML5 und JavaScript: So erstellst du mobile Web-Apps

Mobile Web-Apps müssen nicht immer nativ programmiert werden. Auch mit HTML5 und den damit eingeführten JavaScript-APIs entwickelst du mobile Web-Apps, die bezüglich der Funktionalität den nativ programmierten Apps in (fast) nichts nachstehen. Dazu kommt, dass native Anwendungen auch ihre Nachteile haben, die du mit HTML5 nicht hast. Kein Store-Zwang, keine unterschiedlichen Plattformen Apps sind auf Smartphones und Tablets […]

Kategorien
Programmierung

Universeller Code-Editor: Sublime Text ist zurück

Kannst du dich noch an die Glanzzeiten des universellen Code-Editors Sublime Text erinnern? Vor drei bis vier Jahren galt die Software, die es für Windows, Mac OSX und Ubuntu gibt, als nahezu alternativlos und konnte sich vor Lobpreisungen kaum retten. Dann sank ihr Stern und es wurde ganz ruhig um den einstigen Hoffnungsträger. Jetzt scheint Sublime […]

Kategorien
Programmierung Webdesign

jQuery: Inhalte animiert einblenden mit animatedModal.js

Dank CSS3 sind Animationen immer häufiger ein fester Bestandteil zeitgemäßer Websites. So werden sie für Off-Canvas-Navigationen oder auch zur Einblendung zusätzlicher Inhalte wie Galerien eingesetzt. Das Framework animatedModal.js ermöglicht es, solche zusätzlichen Inhalte – Modals genannt – per CSS3-Animationen browserfüllend einzublenden. So lassen sich Bilder, Filme, zusätzliche Texte und alles, was sonst noch per Buttonklick eingeblendet werden […]

Kategorien
Programmierung

Nicht OOP, aber nah dran: Einfache Vererbung mit JavaScript

Viele meiner Freunde sind C#- oder C++-Entwickler und sind daran gewöhnt, in ihren Projekten mit Vererbung zu arbeiten. Wenn der eine oder die andere darüber nachdenkt, es auch mal mit JavaScript zu versuchen, ist eine der ersten Fragen: “Kann ich denn in JavaScript eigentlich auch die Vererbung nutzen?” JavaScript benutzt einen anderen Ansatz als C# […]

Kategorien
Programmierung Webdesign

JavaScript: Template-String erlaubt Variablen und Umbrüche in Zeichenketten

Arbeitet man mit JavaScript, kommt es immer wieder vor, dass Variablen oder Zeilenumbrüche  in einer Zeichenkette untergebracht werden müssen. Während man Variablen per Plus-Zeichen an eine Zeichenkette anhängt, ist das Einfügen von Zeilenumbrüchen nur als spezielle Steuerzeichen vorgesehen. Mit den neuen Template-String-Möglichkeiten von JavaScript, die derzeit noch experimentell sind, lassen sich Variablen und Umbrüche künftig […]

Kategorien
Programmierung

ECMAScript 6 besser verstehen: Klassen und Vererbung

Hiermit möchte ich Sie zu einer Serie von Artikeln über ECMAScript 6 einladen, mit der ich nicht nur meine Begeisterung darüber teilen, sondern vor allem erklären will, wie man ECMAScript 6 am besten verwenden kann. Ich hoffe, Sie haben mindestens soviel Spaß beim Lesen, wie ich beim Schreiben hatte. Zu meinem Hintergrund: Ich arbeite bei […]