CSS auf Fehler überprüfen

Jun 20

ManuelMeldungen , , , Keine Kommentare


Wenn Webseiten gebaut werden ist es selbstverständlich die Seite auf “Gramatikfehler” zu überprüfen. Mit Gramatik ist die Validierung auf (X)HTML gemeint. Hierzu gibt es den offiziellen W3C Validator, natürlich gibt es auch dafür mehr. Meist wird weniger darauf geachtet ob CSS auch stimmt. Auch hierfür gibt es den offiziellen Validator des W3C. Heute habe ich allerdings eine neue Alternative gefunden (ohne zu suchen wuhu :) ). Diese nennt sich csslint.

Anwendung

Die Anwendung ist denkbar einfach, lediglich den CSS Code per copy & paste ins Textfeld kopieren und den Button betätigen. Anschließend wird ausgegeben was alles falsch ist.

Ähnliche Beiträge

Contao Grid System mit 1140px

Mai 26

ManuelCMS, Typolight / Contao , , , 5 Kommentare


Contao bietet auf der Projektseite eine CSS Erweiterung mit deren Hilfe ein Grid System umgesetzt werden kann. Dieses ist allerdings auf die Breite von 960px eingestellt. Für größere Seiten kann es schnell zu schmal werden. Laut einigen Seiten im Netz wird 960er Grid als altmodisch bezeichnet. Durch die starkte Verbreitung der Widescreen Monitore setzen nun einige auf 1140px. Glen Langer hat nun auf seiner Seite, Contaogrid, ein Grid System mit 1140px, 16 Spalten und Sticky Footer umgesetzt. Besser gesagt ist er gerade dabei.
Im Forum wurde auch schon ein Thread gestartet.

Ähnliche Beiträge

Contao: Dateien im Root nicht löschen

Feb 15

ManuelCMS, Typolight / Contao , , , , , , Keine Kommentare

In Contao werden alle XML sowie CSS Dateien im Root Verzeichnis löscht. Wird zB mit dem CSS Framework von Contao gearbeitet und ein Wert geändert so wird die Datei im Root gelöscht und neu geschrieben, das Problem daran ist es ist nicht mehr möglich eine Datei via FTP zu bearbeiten. Um das zu umgehen wurde eine Möglichkeit geschaffen, hierzu muss in ein Array der Dateiname eingetragen werden damit diese nicht gelöscht wird. Dies sieht zB so aus:

$GLOBALS['TL_CONFIG']['rootFiles'][] = 'cooler_style.css';

Achja wäre wohl noch wichtig zu wissen in welche Datei der Eintrag gehört, zu finden wie immer unter TL_ROOT/system/config/localconfig.php. Eine genauere Beschreibung findet ihr im Contaowiki (welches mittlerweile ein neues Design erhalten hat :) ).

Ähnliche Beiträge

Eigenes CSS und JS in der eigenen TYPO3 Erweiterung

Jan 13

ManuelMeldungen , , , , Keine Kommentare

Momentan schlage ich mich gerade mit einer Erweiterung für TYPO3 herum. Diese benötigt JavaScript und CSS Dateien welche eingebunden werden müssen. Mein Weg zum einbinden ist ein Aufruf mit folgenden 2 TYPO3 Funktionen:

CSS:

  1. $GLOBALS [‘TSFE’]->additionalHeaderData [$this->extKey . ‘_css_1′] = ‘<link href="’ . t3lib_extMgm::siteRelPath ( $this->extKey ) . ‘pi1/static/css/datepicker_vista.css" rel="stylesheet" type="text/css" />’;

JS:
Fürs den JavaScript Code (welchen ich direkt im HTML Dokument einsetze) verwende ich:

  1. $GLOBALS[‘TSFE’]->setJS($this->extKey,"
  2.   window.addEvent(‘load’, function() {
  3.      new DatePicker(‘.demo_vista’, {
  4.           pickerClass: ‘datepicker_vista’
  5.           });
  6.   });
  7. ");

Da ich zusätzlich noch MooTools verwende und als Erweiterung t3mootools einsetze kann ich diese im Template folgendermaßen einbinden:

  1. includeLibs.t3mootools = EXT:t3mootools/class.tx_t3mootools.php
  2. page.5 = USER
  3. page.5.userFunc = tx_t3mootools->addJS
  4. page.5.jsfile = EXT:vevent/pi1/static/js/datepicker.js

Weitere Möglichkeiten werden bei Typo3-Snippets aufgezählt.

Ähnliche Beiträge

CSS3 Buttons

Jan 04

Manuelaus dem Leben , , , , , Keine Kommentare

Das mit CSS3 vieles möglich ist dürfte sich ja bereits rumgesprochen haben. Heute habe ich im RSS Reader wieder eine nette Seite zum Thema Buttons via CSS3 gefunden. Es werden dort ca 35 Buttons (sprich normale Links) verschieden gestylt. Am Ende der Seite steht das CSS File zum Download bereit.
Eine Kleinigkeit ist jedoch zu beachten, diese Buttons funktionieren nur mit Webkit Browsern (wie zB Chrome, Safari). Firefox und vorallem im IE sind diese nicht zu gebrauchen.

Wie seht ihr das mit dem Einsatz von CSS3, setzt ihr die Technik bereits effektiv ein und verwendet diverse Javascript Lösungen um anderen Browsern den selben Effekt beizubringen? Oder lasst ihr sogar zB den IE außen vor und sagt, dann siehts eben nicht so schön aus?

Ähnliche Beiträge

Ältere Einträge