Einträge mit dem Tag: [html]

Donnerstag Jan 17, 2013

PyQuery - JQuery in Python

Und weil wir vorher gerade bei HTTP-Requests waren: Wer HTML-Seiten manipulieren oder durchstöbern möchte, der tut das mit JavaScript oft mit JQuery. Gleiches geht auch mit Python mit PyQuery. Es wird leider nicht der komplette Funktionsumfang von JQuery unterstützt, aber es ist sehr viel dabei. Da kann man die meisten anderen HTML-Tools oftmals gleich in die Tonne treten ;-)


Freitag Nov 16, 2012

Web Page Screenshots mit PhantomJS

Dieser Artikel beschreibt, wie man mit PhantomJS auf der Kommandozeile Screenshots von Webseiten machen kann. PhantomJS basiert auf der Webkit Engine, kann also auch JavaScript ausführen. PhantomJS wird oft eingesetzt bei Tests, die Webseiten automatisiert testen (CI - continuous integration). Hier eine gute Übersicht über Headless Testing Frameworks.


Freitag Nov 02, 2012

ColorScheme Designer

Auf dieser Seite kann man sich recht einfach ein Farbenschema für seine Website zusammenstellen. In einer Vorschau kann man sich dann gleich anzeigen lassen, wie das dann mal aussehen wird und man kann sich die Palette in div. Formaten gleich exportieren. Sehr praktische Sache...

HTML5 Experimente

hakim.se.jpg Ein paar sehr schöne HTML5 (GUI)Experimente / visuelle Effekte findet man auf der Seite von Hakim El Hattab.


Montag Okt 22, 2012

Freie Editoren für Programmierer

Hier mal eine Auflistung von freien Editoren, die mir in letzter Zeit über den Weg gelaufen sind. Eclipse ist mir inzwischen einfach zu groß und schwerfällig und man braucht das Zeug alles gar nicht, was da drin ist. Die folgenden Editoren haben - wie immer - alle ihre Stärken und Schwächen, aber jeder hat ja auch so seine Vorlieben ;-) 

Enki is a text editor for programmers
Ninja-IDE - Speziell (aber nicht nur) für Python-Entwickler mit Code Completion. Gefällt mir persönlich recht gut.
Sublime Text - Nicht OpenSource aber kann man so runterladen. Kostet 59$, wenn man ihn kauft, ansonsten kommt ab und an mal die Meldung, ob man das nicht tun will. Wenn man den Editor aufmacht, denkt man erstmal, was soll das denn sein? ;-) Ziemlich minimalistisch, aber wenn man eine Weile rum macht, sehr mächtig.
Geany - Basiert auf GTK2. Sehr klein und schnell, aber trotzdem schön damit zu arbeiten.
PyCharm - Kostet leider was ;-), aber das Teil ist schon recht gut und ziemlich flott (Python IDE in Java geschrieben - auch nicht schlecht ;-) ). Ist von JetBrains, die auch die Java IDE IDEA machen. Hier ist so ziemlich alles dabei, was das Herz begeehrt. 30 Tage kann man PyCharm kostenlos ausprobieren mit allen Features.
Aptana Studio - Eine ganz gute OpenSource IDE für HTML5, CSS3, JavaScript, Ruby, Rails, PHP and Python.
HTML5 Editoren - Eine Übersicht von 6 HTML5 Editoren.


Freitag Okt 12, 2012

Webseiten bauen mit Python und Flask

Maxime Bouroumeau-Fuseau hat eine sehr gute Einführung geschrieben, wie man Webseiten in Python und mit Hilfe des kleinen, aber feinen Frameworks Flask baut. Alle wichtigen Infos auf eine Seite mit weiterführenden Links rund um's Thema. Sehr gut gemacht!


Donnerstag Okt 11, 2012

Bootstrap Theme anpassen

Um eine Webseite schnell raus zu pushen, verwenden viele inzwischen Twitters Bootstrap.  Antonin Januska beschreibt in ihrem Artikel How To Build & Customize Your Own Bootstrap Theme sehr schön und ausführlich, wie man dieses Theme an eigene Bedürfnisse anpassen und erweitern kann und erwähnt viele Tools, die die Arbeit erleichtern.


Mittwoch Okt 10, 2012

HTML zu PDF/Jpeg konvertieren mit Webkit und wkhtmltopdf

wkhtmltopdf bzw. wkhtmltoimage ist ein ganz nettes Kommandozeilentool, das Webseiten in PDF bzw. JPEG konvertiert. Dabei kommt die Webkit-Engine zum Einsatz. Die rendert Webseiten sauber raus. Andere Tools verwenden meistens Renderengines, die nur einen Bruchteil an Features unterstützen. Dabei ist der Aufruf ganz einfach z.B.:

wkhtmltoimage-amd64 --use-xserver http://www.tauceti.net bild.jpg

Wenn das Ganze auf einem Server läuft, braucht man noch Xvfb (eine Art virtuellen XServer) z.B.:

nohup Xvfb -ac :1 &

Einige Features brauchen einen XServer (den man auf einem Server meist ja nicht hat) und das können wir mit Xvfb sehr einfach realisieren.

In diesem Zusammenhang sei noch auf PhantomJS hingewiesen. Damit lassen sich z.B. automatisierte Tests von Webseiten relativ einfach realisieren. Setzt ebenfalls auf Webkit auf.


Donnerstag Okt 04, 2012

CSS3 Code Snippets

css3_snippets.jpg Eine recht hübsche Kollektion von OpenSource UI Komponenten die mit HTML5, CSS3 und Sass erstellt wurden.



Dienstag Sep 18, 2012

ACE Webeditor

ACE ist ein Webeditor, der in die eigene Webseite eingebettet werden kann. Er wird u.a. auf github.com verwendet. Er arbeitet sehr schnell, bietet Syntax Highlighting für über 40 Sprachen, Themes, automatisches Einrücken, kann auch große Dokument verarbeiten und div. weitere Features.


Mittwoch Sep 05, 2012

Neue Browserfeatures nutzen mit Fallback mit Modernizr

modernizr.jpg Man möchte natürlich immer das Neueste vom Neuen ausprobieren und nutzen (insbesondere HTML5 und CSS3 aktuell) auf seiner Seite, aber es gibt natürlich viele Browser da draußen die sind älteren Datums. Hier hilft Modernizr weiter Browerfeatures zu erkennen und entsprechend zu handeln.


Donnerstag Jul 19, 2012

Links 20120719 - Freie Icons, Gentoo Fonts, HTML5/CSS Editor

iconmonstr - Viele freie (Vector-)Icons im SVG und PNG Format die unter der Creative Commons 3.0 Lizenz stehen.
Wenn einen die Fonts in Gentoo/Archlinux mal auf die Nerven gehen (weil furchtbar aussehen ;-) ): 
Getting Beautiful Fonts in Gentoo Linux
Archlinux Font Configuration
BlueGriffon - Der vermutlich beste, freie (leider nicht Open Source) WYSIWYG-Editor (Linux, Mac, Windows) für HTML5 und CSS. Das Hauptprogramm ist frei, aber es gibt einige Addons mit denen die Entwickler Geld verdienen wollen. Die gibt es einzeln und als Paket und kosten 35 Euro, was aber der CSS Pro Editor schon wert sein dürfte. 


Montag Jul 16, 2012

Links 20120716 - Leschs Kosmos, Graphen mit JavaScript, Websiteperformance messen, HTML5 Editor, Mousetrap

Leschs Kosmos - Die Homepage des Nachfolgers der legendären Sendung alpha centauri mit Prof. Harald Lesch. Im ZDF läuft Leschs Kosmos ja schon eine ganze Weile und zwischenzeitlich kann man über die Homepage Fragen an Harald Lesch per Mail und Video stellen.
sigma.js - Eine leichtgewichtige JavaScript Lib die Graphen mit Hilfe des HTML Canvas-Elements zeichnet.
load.in - Nicht ganz so umfangreich, wie die Messungen in Gomez oder Keynote, aber hier kann man von über 50 Locations in der ganzen Welt (für Deutschland z.B. Frankfurt) feststellen, wie schnell die eigene Webseite in div. Browsern ist. Das ist ganz praktisch, wenn man Kunden im Ausland hat, dann hat man hier u.U. eine Möglichkeit, die Speed zu testen.
Maqetta - Ein WYSIWYG HTML5 Editor der selbst in HTML geschrieben ist und deshalb keine Plugins benötigt.
Mousetrap - Mousetrap ist eine einfache JavaScript Lib, um Tastatur Shortcuts wie z.B. ALT+F2 abzufangen.


Freitag Jul 13, 2012

Links 20120713 - Nutch 2.0, HTML5 Game Pocket Island, Gentoo ffmpeg und libav

Nutch 2.0 - Eine Suchmaschine basierend auf Apache Solr (früher Lucene), die kürzlich in Version 2.0 erschienen ist. Damit lässt sich relativ einfach und schnell eine eigene Suchmaschine für z.B. ein Intranet und/oder externe Seiten aufbauen. Nutch fügt Solr noch webspezifische Eigenschaften wie Crawler, Link-Graph Datenbank und Interpretierung von div. Datenformaten (.doc, .xls, .html, .pdf, usw.) hinzu. Für Letzteres ist Apache Tika zuständig. Mit Tika kann man auch relativ einfach eigene Parser für div. Formate implementieren (über 50 Parser für die wichtigsten Formate werden schon mitgeliefert).
Pocket-Island - Ein Spiel realisiert in HTML5, das die Möglichkeiten mit dem neuen HTML5 Standard aufzeigt. Der Quellcode kann auf github runtergeladen werden.
Gentoo ffmpeg/libav - Da ich vor einiger Zeit mal einen Gentoo Blocker hatte, als ich das System auf den neuesten Stand bringen wollte, weg ffmpeg und libav... libav ist soz. ein Fork von ffmpeg mit ein paar zusätzlichen Patches. Gentoo bietet die Möglichkeit, das man Programme entweder gegen die alte ffmpeg-Implementierung linkt oder gegen die neue libav. Ich hatte bei einem Programm das ffmpeg-Useflag gesetzt, aber die anderen Programme unwissenderweise gegen libav gelinkt. Nachdem ich das ffmpeg-Useflag entfernt habe, lief das Update. Der Blogeintrag beschreibt das Ganze noch etwas übersichtlicher.


Freitag Mai 09, 2008

Weekly Links 20080509

Korn -- an extended shell - Ein netter Überblick was die Korn Shell an Vorteilen gegenüber der Bash bietet.
freiesMagazin 05/2008 - Eine neue Ausgabe von freiesMagazin. U.a. mit LinCity-NG Review (SimCity Clone), Sidux, div. News usw. Einfach mal reinschauen.
PostgreSQL 8.3: ERROR: operator does not exist: integer = text - Mit Postgres 8.3 wurden ja mehr oder weniger alle impliziten Casts entfernt, so das manche Queries nach dem Umstieg von 8.2 eventl. nicht mehr so ohne Weiteres funktionieren. Dieser Artikel hilft weiter.
Benetl: ETL to easily manage csv/txt/xls file - Wer mit PostgreSQL und CSV, TXT oder XLS Dateien hantiert, sollte man Benetl anguggen.
Pure JavaScript HTML Parser - Was man mit JavaScript alles so machen kann ;-)
Renoise - Wer die alten Music-Tracker wie Noisetrekker oder Fasttracker vom Amiga noch kennt, wird Renoise mögen. Renoise läuft u.a. unter Linux und Windows und ließt auch alte Formate wie .mod, .xm oder .it ein.
Automatically watching Web sites for changes - Dieser Artikel stellt Tools vor, mit der sich Änderungen von Webseiten automatisch überwachen lassen.
Choosing a font manager - Ein Fontmanager unter Linux ist manchmal schon praktisch ;-)
Top Ways How NOT To Scale Your Data Warehouse - Dieser Artikel räumt mit ein paar Mythen bzgl. Oracle und Data Warehouse auf. Nicht jede langsame Query lässt sich durch einen Index fixen ;-)
SeeqPod - Diese Suchmaschine findet Musik :-) Schaut selber rein...
SkyTools for PostgreSQL - Skype verwendet als Datenbank PostgreSQL. Hier haben sie einige OpenSource Tools veröffentlicht u.a. ein Python-Skript zur Datenbankreplizierung.
Sweep - Ein Audio Editor ähnlich Audacity.