BLOG FILTER

3. June 2015

This video should give you a good idea what the addon can actually do.

In my last article I gave you a rough overview of the features & requirements. Here some more details and additions:

  1. Added the fixed header & footer container to the admin interface. You can add special padding, to the top and bottom, through the fullpage settings and make room for them. These are standard content containers, that can hold any Visual Composer content or row setup.
  2. Added automatic menu, which adds links to each section as they are created. Link title matches the section title.
  3. Define section and slide anchors, which are reflected in the browser history.
  4. Sections and Slides can have different backgrounds, providing nice effect options. I added an image background to Section 1 and semi-transparent background colors to the Slides.
  5. Fullpage.js configuration is fully integrated and working. The system sets defaults for a quick start.
  6. Fullpage.js CSS override has been added, but is not complete yet. Added code editor.
  7. Fullpage.js Events have been added and are fully functional. These events are triggered after load, after slide load, after leaving a slide and other events.
  8. iScroll can be seen in Section 2. Added resize handling and configuration options. Still need to do some minor tweaks.
  9. iScroll custom scrollbars are on my list, but not sure I will add these yet.
  10. Prebuild Templates will be added, so that you can quickstart your design. Visual Composer 4.5+ provides some nice new options.
  11. Visual Composer requirement will be 4.5+.
  12. The admin provides a nice color separation for all components and count for slides & sections.

The addon is mostly done. I am finalizing the main admin area this week and will do a final cleanup next week, for the first beta release.

Many people have asked me for a release date. I currently plan to have a fully working Beta in the next 2-3 weeks. Will offer the Addon to a small closed group of customers first, before I think about other release options. I think I will offer between 20-30 slots for the beta run. If you are interested let me know.

Regards
Alexander

Updates

  1. Quickly choose which section / slide to load, when the page is opened.
    cubicFusion_VC_Fullpage_Bchoose
  2. The addon is injecting its own page template, to make sure that the main container is clear of any theme related margins or padding. As soon as the Fullpage container is added to the layout, the template gets selected dynamically.
  3. 21.06.2015 – updating to latest fullPage.js version (2.6.6) and adding new options and changes
  4. 13.08.2015
    – beta has been delayed due to my vacation & an accident I am recovering from. This is still just a side project ;)
    – updating to latest fullPage.js version and adding new options to admin
    – updating to latest Visual Composer version
  5. 03.09.2015
    – moving to Visual Composer 4.7
    – finalizing the admin area
  6. 14.01.2016
    – moving to Visual Composer 4.9x
    – fullpage.js version update
    – iScroll update
    – admin /front-end cleanup … getting close :)
  7. 17.02.2016
    – works pretty flawless by now
    – plugins are updated
    – admin complete, working on some minor cosmetics
    – not sure yet about distribution :) … my current projects come first!
  8. 07.03.2016
    – adding version / requirement checks for all linked libs
    – moved to VisualComposer 4.10
    – fullPage.js version bumped to 2.7.8
    – final cleanup of all areas on the way

readmore

5. May 2016

BackgroundCheck automatically switches to a darker or a lighter version of an element depending on the brightness of images behind it.

Pretty amazing and useful, when doing long  one-pagers with switching section backgrounds and navigation elements hovering above them.

BackgroundCheck

readmore

4. May 2016

Snappy is a PHP5 library allowing thumbnail, snapshot or PDF generation from a url or a html page. It uses the excellent webkit-based wkhtmltopdf and wkhtmltoimage available on OSX, Linux, Windows.”

GitHub

readmore

4. May 2016

  • Realtime Updates
  • Multiple feeds
  • Noise filter
  • iOS / Android / Web

Just like Tweetdeck :)

DevSpace

readmore

4. May 2016

Cocycles is a online code search engine for open source code. Source code is being organized by code pieces and what those pieces can actually do.

Cocycles

readmore

4. May 2016

  • Only CSS. No JavaScript!
  • Small file size. Only 1.5KB minified and gzipped!
  • Easy to use. No config required.
  • Works in all modern browsers.

GitHub

readmore

4. May 2016

Unlike other i18n/l10n libraries, webL10n supports:

  • declarative localization: elements with l10n-* attributes are automatically translated when the document is loaded;
  • named variables instead of printf-like %s tokens;
  • a simple and full-featured pluralization system;
  • server-less language negotiation (think of offline webapps);

webL10n

readmore

4. May 2016

TWIG is always part of my development process, allowing me to easily update handling and apply changes for my customers.

Nice to see Timber (TWIG integration for WordPress) reach version 1.0.

GitHub

readmore

4. May 2016

Wolfram Alpha‘s computational knowledge engine or answer engine developed by Wolfram Research, which can be consumed as a service as well. Users submit queries and computation requests. Wolfram Alpha then computes answers and relevant visualizations from a knowledge base of curated, structured data that come from other sites and books. 2000 non-commercial API calls per month are free.

They provide a nice set of API Language Libraries to get you started.

Developer Portal

readmore

4. May 2016

SPLIT PANES / DOCKER allow you to display multiple areas, either side by side or one on top of each other. Nested layouts are often part of it. By dragging a divider that appears between the areas, the user can specify how much of the total width / height goes to each area.

I have been building a backend interface in the past weeks, that forced me to look into ways to organize the workspace more efficiently . I could code my own splitter, but is not a priority right now and makes no sense to always reinvent the wheel :)

Here some of the options out there…

Pure jQuery UI

This uses the jQuery UI draggable component and provides limited options :)

 jQuery UI

jQuery Plugins

Pure Jasvascript

CSS only

Enjoy coding …

readmore