Archivo Explosivo: CSS

Wing CSS

Wing-CSS – ein paar (ausreichende) CSS-Elemente für kleinere Projekte – Grid, Typografie, Buttons, Forms, Listen und ein paar Helfer-Klassen.

Archivo Explosivo: CSS

Adaptive vs. Responsive

Adaptiv entspricht dem Begriff „anpassungsfähig“. Ein adaptives Layout ist ein anpassungsfähiges Layout das an feste Ausgabegrößen gebunden ist (via MediaQueries) – diese Ausgabegrößen orientieren sich an festen Ausgabegrößen – diese wiederum orientieren sich an Ausgabegrößen diverser festgelegter Ausgabegräte.

Die Ausgabe vom Layout ist also auf feste Größen beschränkt – außerhalb dieser per MediaQuery festgelegten Größen kommt es daher oft zu unerwünschten Ergebnissen – ja gar zu zerschossenen Layouts.

Responsive bedeutet „reaktionsfähig“. Responsive-Design beschreibt ein flüssiges Darstellungsraster – oft die bessere Herangehensweise für ein auf allen erdenklichen Ausgabemedien funktionierendes Design. Die MediaQueries im Responsive-Design orientzieren sich am Design und nicht an Darstellungsgrößen festgelegter Ausgabegeräte.

Archivo Explosivo: CSS

phaziz WordPress-Theme Update

Jetzt mit Custom-Galerien (justifiedGallery) und Custom-Lightbox (Swipebox).

Das ganze auf GitHub zum Download: https://github.com/phaziz/phaziz-wp-theme

Archivo Explosivo: CSS
AprilFools.css

April, April, … im November

AprilFools.css – das schaut sehr fies aus, geil, aber fies – Eine CSS-Datei für allerlei Schabernack!

Permalink
5. November 2015
CSSProgrammierung
Archivo Explosivo: CSS

UI vs. UX

UI: User Interface – Das visuelle Gesamtkonzept eine Internetseite (alle Bausteine, Grafiken, Textelemente, Buttons, …).
UX: User Experience – Sammelbegriff für die Erfahrungen während der Benutzung einer Internetseite (Erfolgserlebnisse, erfüllt die Seite den Sinn und Zweck, frustrierende Erfahrungen weil Fehler auftreten, …).

Archivo Explosivo: CSS
ConstructrCMS - verschiedene EInstellungen

ConstructrCMS – HowTo – Bild mit mehreren Klassen / FAQ

Wir kennen alle die Anforderungen: Wir benötigen eine CSS-Klasse für die Bildausrichtung, eine für die Lightbox, eine weitere für den LazyLoad, eine weitere für den besonders schönen Rahmen…

Wie schreibe ich in Markdown nun den Code, um diese Anforderungen zu erfüllen?


![BILD_NAME](BILD_URL "BILD_NAME"){#id_1 .klasse1 .klasse2 .klasse3}

War doch überhaupt nicht schwer!

Bei den CSS-ID’s funktioniert dies übrigens nicht…ergibt in HTML keinen Sinn.

Archivo Explosivo: CSS
ConstructrCMS - Template

PurifyCSS – It is voodoo magic

It is voodoo magic – So wird es zumindest auf der GitHub-Seite beworben. Einen Test wert, ist es aber auf jeden Fall. Was ist die genaue „Voodoo magic“? PurifyCSS sorgt dafür, das unnötige und unbenutzte CSS-Anweisungen herausgefiltert werden. Interessant…

  • Bootstrap file: ~140k characters.
  • Average Bootstrap usage: ~40% (at most)
  • Minified Bootstrap: ~117k characters.
  • Purified + Minified Bootstrap: ~27k characters

Bietet sich also für die berühmten SinglePage-Internetseiten an, auf denen nicht jede einzelne Anweisung aus den großen CSS-Frameworks benötigt wird.

Archivo Explosivo: CSS

Flexbox CSS-Framework

Recht jung – aber interessant: juiced-CSS.

juiced-logo
http://juicedcss.com/

Text auf den Internetseiten von juicedCSS:

Juiced has many of the same layout features that you know and love, but improves upon them with better mobile targeting, custom column ordering, better alignment options, understandable HTML, and less boilerplate styles.

Permalink
7. September 2015
CSS
Archivo Explosivo: CSS

Constructr CMS 3.0

ConstructrCMS (https://github.com/phaziz/ConstructrCMS-3) based on FatFree-Framework, Materialize CSS, MySQL/PDO, jQuery/Javascript and Passion!

That’s it for now (Version 3.0 / 2015-07-29):

– Page-Management
– Create, edit, re-order/order, activate/deactivate and delete Pages
– Page specific CSS- and JS-Content
– Markdown Content-Management with Live-Preview
– Create, edit, re-order/order, activate/deavtivate and delete Content-Elements
– Template-Management
– EASY PHP-Templates
– Asset-Management (Uploads) with Live-Preview
– Add, edit, delete, Uploads
– User Management
– Create, edit, delete User-Accounts
– User Rights-Management
– Activate/Deactivate UserRight
– User Password resetting

INSTALLATION:
– VISIT THE INSTALLER AT http://yourdomain.tld/CONSTRUCTR-CMS-SETUP/

CHANGELOG
– 2015-07-29 AutoInsert Markdown for Files / little Bugfixes and minor Features
– 2015-07-28 Webinstaller / little Bugfixes and minor Features
– 2015-07-23 Grande Update IV…
– 2015-03-23 Grande Update III…
– 2015-03-21 Grande Update II…
– 2015-03-19 Grande Update…
– 2015-03-18 Initial commit

Archivo Explosivo: CSS
ConstructrCMS 2.0

Constructr CMS 2.0

Bald ist es soweit – Constructr CMS Version 2.0 auf Basis eines neuen PHP-Frameworks (FatFree)…

weiterlesen >

1 2