I AM LISTENING TO
|
WHAT I LIKE
  • English
  • German
BLOG FILTER

As part of our complete network upgrade, portalZINE.TV gets a complete facelift as well. The whole website has been streamlined in preparation for the new season.

portalZINE TV

readmore

While building plugins for WordPress is fun, it often means repeating tasks over and over again. I love clean and organized code! For my last internal project, a Visual Composer addon bundle,  I decided to build a modular system.

So I have one central plugin, handling multiple modules that access methods from the plugin. This allows me to reuse public and admin routines. In combination with _autoload and traits, this makes the codebase lean and mean.

I also decided to use TWIG fully for the presentation layer. Each module can be activated, deactivated, registers their own public and admin views, admin menus, ajax calls, dashboard widgets and additional context.

I am currently in the process of cleaning this up and will share some more details soon.

Cheers
Alex

  1. __autoload & traits
  2. TWIG
  3. Timber

readmore

“WebP is an image format employing both lossy and lossless compression. It is currently developed by Google, based on technology acquired with the purchase of On2 Technologies.” – Wikipedia

As the WebP is not widely supported, you need to use polyfills or workarounds to actually use it. But it makes a lot of sense when you are building image heavy applications for the web. It decreases file-sizes immensely and supports transparency as PNG does.

To allow WebP upload in WordPress, add this to your functions.php:

Browsers with native support will show WebP images natively, for browsers without support deploy WebPJS developed by Google. Download and add it to your theme functions.php

This should do the trick and enable WebP for all modern browsers, see browser support on the WebPJS development page.

Here another little nice trick to check for WebP using Javascript and replace webp with png images.

Enjoy
Alex

readmore
22. March 2015

scrollReveal

Easily reveal elements as they enter the viewport. No dependancies.

Usage examples:

Github: scrollReveal 

readmore

Pure CSS

Using Modernizer + jQuery

Modernizer

 Custom detection of SVG

 

 

readmore

The SVG converter is a web frontend to a jQuery Plugin, that allows you to include those line drawings on your webpage.

Lazy Line Painter

readmore

At portalZINE TV we produce Internet TV since 2008. “Das Magazin” is our flagship magazine format that started in 2010 and was broadcasted via satellite for over 3 years (Tec Time TV).

Portfolio

readmore

I have been working on a full integration of fullpage.js into Visual Composer for WordPress. This allows to easily build fullpage layouts, with different pages and full slide capabilities. Also added iScroller functionality, to allow overflow content to work nicely on certain pages. All  of this is working with simple drag & drop :) and can be used by any unexperienced user.

I am currently cleaning up the addon, but I am not sure yet if I will offer it as a commercial addon or keep it for my internal projects only :)

Will post a video later this week.

Cheers
Alex

Visual Composer for WordPress
fullpage.js
iScroller

readmore

Time to give all our network sites some fresh paint :)

Cheers
Alex

readmore

precise_screenshot

As a developer I always look for ways to take fast and precise screenshots for my clients. The most important part for me, is the need to have a fixed frame that I can reuse while going over a web app or webpage.

In the past I used SnapzProX from Ambrosia Software Inc, which stopped working after upgrading to Mac OSX 10.10 Yosemite.

I finally found a solid replacement for  Yosemite, that does exactly what I need.

  1. Timed screenshots
  2. Fixed sized screenshots
  3. Screenshots by selection
  4. png, jpg, tiff

Precise Screenshot

readmore