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

31. May 2016

A simple, accessible and customizable HTML5, YouTube and Vimeo media player.

  • Accessible – full support for VTT captions and screen readers
  • Lightweight – under 10KB minified and gzipped
  • Customisable – make the player look how you want with the markup you want
  • Semantic – uses the right elements. <input type="range"> for volume and <progress> for progress and well,<button>s for buttons. There’s no <span> or <a href="#"> button hacks
  • Responsive – as you’d expect these days
  • HTML Video & Audio – support for both formats
  • Embedded Video – support for YouTube and Vimeo video playback
  • API – toggle playback, volume, seeking, and more
  • Universal events – no messing around with Vimeo and YouTube APIs, all events are universal across formats
  • Fullscreen – supports native fullscreen with fallback to “full window” modes
  • i18n support – support for internationalization of controls
  • No dependencies – written in “vanilla” JavaScript, no jQuery required
  • SASS and LESS provided – If you like these over plain CSS

GitHub

readmore

31. May 2016

  • Sort, drag, expand, resize, minimize bootstrap panels
  • Specify url and load content in panel from this url
  • Change the name of the panel
  • Customize action icons and action tooltips
  • Works for nested panels
  • HTML5 localStorage support:
    • Save panel state: (pinned, unpinned, collapsed, fullscreen, minimized) and apply it on page load
    • Save panel position among siblings and apply on next time

GitHub

readmore

27. May 2016

The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source.

Can you use it ? Check CanIUse ..

Clippy allows you to create those clip paths with use. Use presets or create your own. Copy and past css and you are done 😉

Clippy

readmore

26. May 2016

Gravity Forms for WordPress is a full featured contact form plugin that features a drag and drop interface, advanced notification routing, lead capture, conditional logic fields, multi-page forms, pricing calculations and the ability to create posts from external forms.”

There are multiple options how to handle the confirmation page. Gravity form allows you to send query parameters to the page it is redirecting to.

You can send all form information in the clear, via query variables, but that looks really messy. Its better to use something like this .. lead_id={entry_id}  and query form information on the actual confirmation page.

GET THE LEAD

This will output the submitted form data as an array, with all fields linked by field id.

TRANSLATE FIELD IDS TO FIELD LABELS

When you are reusing the field data for your own purposes, its easier to deal with field  names than with fields ids. So we get the form meta data

and extend the lead array.

Before you needed to know the actual field id to get its value. Now you can use the generated lead key to get that value.

BEFORE

AFTER

Much easier to reuse and remember 🙂

Enjoy coding ….

readmore

25. May 2016

Crunz is a framework-agnostic package to schedule periodic tasks (cron jobs) in PHP using a fluent API.

GitHub

readmore

25. May 2016

MJML is a markup language designed to reduce the pain of coding a responsive email. Its semantic syntax makes it easy and straightforward and its rich standard components library speeds up your development time and lightens your email codebase. MJML’s open-source engine generates high quality responsive HTML compliant with best practices.

mjml

readmore

25. May 2016

Mononoki is a typeface by Matthias Tellen, created to enhance code formatting.

GitHub

readmore

25. May 2016

Blisk is a free Chromium-based browser built to increase quality and speed of web development and testing.

  • Fully emulated phones and tablets inside
  • URL and scroll of desktop and mobile are in sync
  • Blisk refreshes pages automatically on file change
  • Debug desktop and mobile with DevTools
  • Blisk works with any IDE, language and framework

The browser is currently only available for Windows, Mac & Linux versions are following soon.

Blisk

readmore

21. May 2016

A JavaScript plugin for snazzy background particle systems.

GitHub

readmore