Tag frontend
HSTS macht Sinn und sollte, wenn möglich, aktiviert werden! Während der Webentwicklung kann es jedoch hinderlich sein und zu ungewollten Umleitungen von HTTP auf HTTPS führen. Um dies für ausgewählte Domains zu deaktivieren bzw. rückgängig zu machen sind in Google Chrome folgende Schritte nötig: Aufruf der „network-internals„ innerha... mehr auf danielkoch.de
Für die Arbeit mit JSHInt bietet das kleine Zusatztool FixMyJS eine einfache Möglichkeit, gefundene Fehler korrigieren zu lassen, statt diese selbst manuell zu beheben. Neben einer Webversion existieren mittlerweile eine ganze Reihe von Tool-Integrationen, die es erlauben FixMyJS in den eigenen Workflow zu integrieren: Atom Brackets Gulp Grunt S... mehr auf danielkoch.de
Die Kommandozeile ist für mich noch eines der Mysterien dessen Möglichkeiten ich bei weitem nicht ausschöpfe. Da kommt diese Sammlung an teils praktischen Beispielen gerade recht. PermalinkPermalink
... mehr auf florenz.co.uk
Eine Funktion, die ich seit dem Umstieg auf Google Chrome während der Webentwicklung schmerzlich vermisst habe ist das „Disable Cache“. Für Mozilla Firefox solche und ähnliche Funktionalitäten schon seit jeher über die Web Developer Toolbar zur Verfügung. So klappt das jetzt auch mit dem Chrome: Devtools öffnen (Alt + + I auf Mac) ... mehr auf danielkoch.de
Eine kurzes Video über Neuerungen für Entwickler in Version 15 von Firefox: Anzeige von CSS-Pseudo-Zuständen (wird bereits in Firefox 14 enthalten sein) Eine neue Responsive-Ansicht Wer möchte kann die Funktionen mit dem aktuellen Nightly Build (Version 16) bereits jetzt ausprobieren (Latest oder FTP).
Der Beitrag ... mehr auf danielkoch.de
Vor wenigen Tagen haben zwei meiner Arbeitskolleginnen einen tumblr Blog ins Leben gerufen. In ihm geht es um kleine, lästige Flüchtigkeitsfehler, denen man sicher morgens und gegen Feierabend begegnet. Fehler,…(Visited 145 times, 1 visits today)... mehr auf blog.niklaskoehler.de
Für die Arbeit mit JSHInt bietet das kleine Zusatztool FixMyJS eine einfache Möglichkeit, gefundene Fehler korrigieren zu lassen, statt diese selbst manuell zu beheben. Neben einer Webversion existieren mittlerweile eine ganze Reihe von Tool-Integrationen, die es erlauben FixMyJS in den eigenen Workflow zu integrieren: Atom Brackets Gulp Grunt S... mehr auf danielkoch.de
Für die Arbeit an unterschiedlichen Webprojekten bietet sich, bei der Verwendung des Webservers Apache, eine Entwicklungsumgebung mit sog. virtuellen Hosts an. Damit ist es möglich, für jedes Projekt eine eigene Projektumgebung zu definieren. Neben einem dedizierten Document Root können auch alle übrigen Konfigurationsparameter individuell einge... mehr auf danielkoch.de
simurai: So when it comes to changing the size of a component, for example making a Slider bigger for touch input, it might get tedious fiddling with all the widths/heights, border-radi.. etc. So how can we make it easier? Well, by sneaking a Trojan horse into your components and use it to control all the […]... mehr auf florenz.co.uk
Wie angekündigt lässt sich seit Version 1.8 jQuery modularisieren. Einzelne „Funktionsbereiche“ (Module) können, sofern in einem Projekt nicht benötigt, einfach weggelassen werden. Damit spart man Dateigröße und damit Ladezeit. jQuery-Version selber erzeugen: Variante 1: jQuery Core clonen und via grunt das eigene Paket erzeugen, Bei... mehr auf danielkoch.de
Für hochauflösende, meist mobile (Touch-)Endgeräte kommen immer häufiger hochauflösende Displays zum Einsatz. Diese besitzen eine höhere Pixeldichte und sind damit in der Lage wesentlich mehr Pixel auf gleicher Fläche darzustellen. „Normale“ 72 ppi-Grafiken werden auf solchen Displays „verpixelt“ und fransig dargestellt. ... mehr auf danielkoch.de
Wer viel schreibt, wird den geänderten Vollbildmodus im Backend von WordPress zu schätzen wissen. Ich habe ihn meistens eingeschaltet. Das „Drumrum“ ... mehr lesen... mehr auf netzexil.de
Für das Debugging, Testing und die Qualitätssicherung von mobilen Websites existieren noch nicht viele Tools. Neben weinre bieten sich dem Frontend-Entwickler einige Bookmarklets und Emulatoren der jeweiligen Plattformen, diese kommen jedoch meist mit sehr eingeschränkten Möglichkeiten für das Debugging von Websites und -Applikationen daher. Ein... mehr auf danielkoch.de
This WebGL experiment is an attempt to create a procedural city that feels alive and is fun to watch. First, we generate a finite grid of random city blocks. Then, using some tricks, the viewpoint wraps around this grid, which creates the illusion of an endless cityscape. Tolle Arbeit von Little Workshop aus Paris. (via […]... mehr auf eayz.net
Chris Coyier hat sich ein paar Gedanken zur Zukunft des Frontends gemacht, die ich alle so unterschreiben kann. ∞ Permalink∞ Permalink
... mehr auf eayz.net
Short Trip is the first instalment in a collection of interactive illustrations created for the web. It has been created as a study into capturing the essence of graphite on paper within a digital context, and to learn more about web-based graphics technologies. Short Trip will run on most devices supporting WebGL, including mobile devices. […... mehr auf eayz.net
A documentary film about the web created by Bearded founder Matt Griffin. It is the story of Tim Berners-Lee’s creation – how it came to be, where it’s been, and where it’s going – as told by the people who build it. Nette, einstündige Dokumentation über die Geschichte des World Wide Web. Mit vielen bekannten [... mehr auf eayz.net
Diese Woche hatten wir ein Problem ganz anderer Art. Eine Single Site Applikation wurde extrem langsam geladen. Mal abgesehen von der Architektur und der Umsetzung irrsinnigen Umsetzung der dynamischen Site mit jQuery und ajax Requests lief irgend etwas gar nicht rund. Die stelle des Codes, in der das Lag von 14 Sekunden bis zu 55 Sekunden [&#... mehr auf muellermh.wordpress.com
Dies wird ein nicht typischer Beitrag für meinen Blog. Ich möchte alle „Twitter Bootstrap Interessierten“ auf ein 3-tägiges Seminar aufmerksam...
The post In eigener Sache: Twitter Bootstrap Seminar in Münster first appeared on ... mehr auf work-paper.de
Im dritten Teil meiner Artikelserie zu Twitter Bootstrap zeige ich typografische Elemente und den Umgang mit Tabellen. Bootstrap bringt von sich...
The post Twitter Bootstrap: Typografie und Tabellen [Teil 3] first appeared on ... mehr auf work-paper.de
Für das Cross-Browser-Testing einer Website ist es nötig unterschiedliche Browser in unterschiedlichen Versionen parallel betreiben zu können. Nicht selten sind zwei oder mehr Major-Releases eines Browsers im Angebot festgehalten und müssen auf eine fehlerfreie Funktion getestet werden. Für Mozilla Firefox lassen sich mehrere Versionen komfortab... mehr auf danielkoch.de
Dass ich SASS inzwischen als Standard erachte, dürfte bekannt sein. Zu sehr habe ich inzwischen die Vorteile von Präprozessoren zu schätzen gelernt – Variablen, Mixins, Funktionen, etc.. Dazu gibt es noch einige Frontend-Frameworks wie Foundation und Bibliotheken wie Compass und Bourbon. Ein weiteres Tool kommt jetzt mit Scut daher. Scut steh... mehr auf florenz.co.uk
Meine Bildung hab ich aus dem Fernsehen dem Internet. Wer denkt, er könnte seine Bildung aus dem Fernsehen bekommen, der ist selbst schuld, wenn er nichts lernt. Heutzutage ist das ...... mehr auf erdbeerfleisch.de
Tech im eCommerce. Durchaus reichweitenstarke Namen aus der Entwickler-Bubble schlagen Alarm: „Wir müssen jetzt den Kunden in den Mittelpunkt stellen!“ Euphorisch wird diese Binsenweisheit präsentiert, als hätte man gerade das Rad neu erfunden. Und dann folgt reflexartig der Ruf: „Heureka. Wir alle müssen umdenken.“ Falsch. Nicht wir alle. Umden... mehr auf pixeltalk.de
Wie angekündigt lässt sich seit Version 1.8 jQuery modularisieren. Einzelne „Funktionsbereiche“ (Module) können, sofern in einem Projekt nicht benötigt, einfach weggelassen werden. Damit spart man Dateigröße und damit Ladezeit. jQuery-Version selber erzeugen: Variante 1: jQuery Core clonen und via grunt das eigene Paket erzeugen, Bei... mehr auf danielkoch.de
Eine Funktion, die ich seit dem Umstieg auf Google Chrome während der Webentwicklung schmerzlich vermisst habe ist das „Disable Cache“. Für Mozilla Firefox solche und ähnliche Funktionalitäten schon seit jeher über die Web Developer Toolbar zur Verfügung. So klappt das jetzt auch mit dem Chrome: Devtools öffnen (Alt + + I auf Mac) ... mehr auf danielkoch.de
Jordan Eldredge hat Winamp 2 in HTML5 und JavaScript nachgebaut. Funktioniert überraschend gut (soweit ich das mit der mitgelieferten MP3-Datei testen konnte, weil sich herausstellte, dass ich 2017 nur noch auf Streaming setze und keine lokalen MP3-Dateien mehr am Mann habe). Jetzt noch ne Electron-App draus bauen und wir haben unser aller Liebling... mehr auf eayz.net
Interesting development in the WordPress community: After creating it’s modern, React-based Calypso interface in 2015, Automattic and the WordPress team are now parting ways with React, because of a patent issue in it’s license. They are going to rewrite their upcoming Gutenberg editor with a new, yet to be chosen JavaScript framework, ... mehr auf eayz.net
Swiss in CSS is a homage to the International Typographic Style and the designers that pioneered the ideas behind the influential design movement. All posters were recreated and animated with CSS by Jon Yablonski. ∞ Permalink&i... mehr auf eayz.net
Für hochauflösende, meist mobile (Touch-)Endgeräte kommen immer häufiger hochauflösende Displays zum Einsatz. Diese besitzen eine höhere Pixeldichte und sind damit in der Lage wesentlich mehr Pixel auf gleicher Fläche darzustellen. „Normale“ 72 ppi-Grafiken werden auf solchen Displays „verpixelt“ und fransig dargestellt. ... mehr auf danielkoch.de
Each drawing is a single HTML element (the beloved div) and a whole bunch of styles. Developer Tools aufmachen und staunen, wie Lynn Fisher das gemacht hat. Update, 29.12.: Gerade erst entdeckt: Auf Lynns Webseite unbedingt die Browserfenstergröße verändern. 😍 ∞ Permalink... mehr auf eayz.net
RELEASE.2025-05-24T17-08-30Z von MinIO Community Edition ist wahrlich ein “Breaking Release”, denn mit dieser Version wurden die bisherigen administrativen Möglichkeiten im Web-Interface entfernt. Übrig geblieben ist eine wesentlich schlichtere Oberfläche, die gerade mal das Browsen durch Buckets und das Erstellen neuer Buckets erlaubt.... mehr auf andysblog.de
JS Paint is a web-based remake of MS Paint by Isaiah Odhner. You can check out the project on Github. Vorher auf eay.cc: Winamp, nachgebaut mit JavaScipt. ∞ Permalink... mehr auf eayz.net
In unserer beliebten Reihe der JavaScript-Nachbauten von Retro-Software folgt heute nach Winamp und MS Paint ein Spielklassiker, mit dem ich damals unendlich viel Zeit verbrachte: SimCity 2000, nachgebaut mit JavaScript, der HTML5 Canvas API1, SQLite und eingepackt mit Electron. ∞ Permalink Die übrigens auch für den interaktiven Header dieses... mehr auf eayz.net
Sehr coole Idee von Chris Bolin. (via Daring Fireball) ∞ Permalink∞ Permalink
... mehr auf eayz.net
Neu in unserer beliebten Serie „Retro-Software, die mit JavaScript nachgebaut / ans laufen gebracht wurde“: Windows 95, laufend in einem Electron-Container, umgesetzt von Felix Rieseberg: This is Windows 95, running in an Electron app. Yes, it’s the full thing. I’m sorry. Download it here. Vorher auf eay.cc: Winamp2.js, JS P... mehr auf eayz.net
Für die Arbeit an unterschiedlichen Webprojekten bietet sich, bei der Verwendung des Webservers Apache, eine Entwicklungsumgebung mit sog. virtuellen Hosts an. Damit ist es möglich, für jedes Projekt eine eigene Projektumgebung zu definieren. Neben einem dedizierten Document Root können auch alle übrigen Konfigurationsparameter individuell einge... mehr auf danielkoch.de
Eine kurzes Video über Neuerungen für Entwickler in Version 15 von Firefox: Anzeige von CSS-Pseudo-Zuständen (wird bereits in Firefox 14 enthalten sein) Eine neue Responsive-Ansicht Wer möchte kann die Funktionen mit dem aktuellen Nightly Build (Version 16) bereits jetzt ausprobieren (Latest oder FTP).
Der Beitrag ... mehr auf danielkoch.de
Wie die meisten von euch wissen, handelt es sich bei Grafana um ein OpenSource Visualisierungs Tool. Ich will in diesem Artikel einmal die Installation von Grafana zeigen, da ich die Software in Kombination mit Prometheus einsetzten will. Um es aber flexibel zu halten, gibt es für die reine Installation einen eigenen Artikel. Installation von Grafa... mehr auf modius-techblog.de
