Frontpage

CSS Keyframe Animation fade out and hide without display:none

The Display property is not working well with CSS animations, if you read this, you already know. So we have to find a way around.

In my case, i have a layer above the entire page which is overlaying the page content. As you already tried out, visibility won´t work also, as it´s the same as opacity:0;

Stop OWL Carousel 1.x if theres only one slide

// Stop OWL Carousel if theres only one slide $owlContainers = jQuery(".owl-carousel"); $owlContainers.each(function () { $owlContainer = $(this); $owlSlides = $owlContainer.find('div.owl-item'); alert($owlSlides.length); // More than one slide - initialize the carousel if ($owlSlides.length

Remove Drupals .menu-position-link menu items (Menu Position module)

Menu Position is a great Drupal Module to get the .active-trail class in the menu, without adding eg. all news article nodes to the it.

The only problem is a "placeholder" link created instead, class: ".menu-position-link". It seems this is technically necessary.

Here is a little jQuery function to remove the element itself, the container menu (if its the only item) and fix the causing classes. You may have to alter it a bit.

Remove the console.logs before using it on productive environment!

Webfont rendered a lot to thick in Google Chrome

Webfonts currently will be rendered differently in Chrome and Firefox, so especially under Windows Chrome has a really bad font anti aliasing. But sometimes thats not the point.   First make sure you have set the font-weight correctly. If this does not help, you might have the font installed locally? No? I´m sure, you have! You needed it for your screendesign ;)    Delete the font locally and reload your website (maybe you have to restart chrome), the font should be rendered fine now. Take care deleting the whole font.

Pixelperc.com offline -> Ersatz

Da Pixelperc.com plötzlich offline ist und ich das Tool einfach grandios hilfreich finde, haben wir die aktuelle Version von Github mal bei uns bereit gestellt.

Update: Nun unter neuer Adresse wieder erreichbar: http://pauladamdavis.github.io/PixelPerc/

GSAP - CSS Animation Library

Kleiner Linktipp und Erinnerung an mich ;)

Tipp: Velositey für Photoshop CS6 + CC

Photoshop wurde grundsätzlich nicht mehr Webdesign konzipiert, entsprechend fehlen einige Komfortfunktionen für Webdesigner.

Das PlugIn Velositey hilft Photshop etwas auf die Sprünge und bietet neben der Generierung von 1170 Pixel Grids und weiterer Guide-Vorlagen eine ordentliche Anzahl von Basislayouts welche einem schon ordentlich Arbeit abnehmen können.

Toller kleiner Helfer und das kostenlos!

SASS & Compass: Errors OptionParser::InvalidOption and ArgumentError: different prefix

It seems these errors has something todo with generating source maps, ... but who cares ;)   The solution: Simply deinstall all versions of Compass and SASS (gem uninstall compass / sass). Now type "gem install compass --pre" so you get the latest dev version of Compass and - as a dependency - SASS 3.3.4.   For me everything works fine, no errors anymore. Dev environment here is Netbeans Dev 20140404001.

Use Smarty truncate function inside PHP (instead of substr)

Working with the PHP substr() function is horrible, so if you have Smarty available you can use the truncate function inside your php files.

Adobe Photoshop, Illustrator, ... CS6 Trial Downloaden (nicht CC!)

Wer keine Lust auf den neuen Abo-Unsinn von Adobe hat und sich mal CS6 anschauen will, schaut bei der Suche nach der Trial in die Röhre. Die Downloadlinks auf diversen Websites verweisen komplett auf Adobe.com, wo dann die CC-Version als Download angeboten wird.

Wunderbarerweise gibt es allerdings eine Seite für CS6 Kunden welche Ihre DVD verlegt haben... oder wie auch immer. Das Setup unterscheidet sich nicht von dem welches als Trial angeboten wurde, kann somit weiterhin als 30-Tage Testversion installiert werden.

Link findet Ihr unten!