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

29. June 2016

Timedropper allows you to select time with some style. Its a jQuery plugin and adding it is simple:

Timedropper

readmore

29. June 2016

“NEON is very similar to YAML. The main difference is that the NEON supports “entities” (so can be used e.g. to parse phpDoc annotations) and tab characters for indentation. NEON syntax is a little simpler and the parsing is faster.”

NEON offers PHP, Javascript and Python support.

Go and play in their Sandbox

 

readmore

2. June 2016

RIPS is a static code analysis tool to automatically detect vulnerabilities in PHP applications.

By tokenizing and parsing all source code files RIPS is able to transform PHP source code into a program model and to detect sensitive sinks (potentially vulnerable functions) that can be tainted by user input (influenced by a malicious user) during the program flow.

Besides the structured output of found vulnerabilities RIPS also offers an integrated code audit framework for further manual analysis.

RIPS

readmore

1. June 2016

TNT Search is a  fully featured full text search engine written in PHP.

GitHub

readmore

1. June 2016

TypeIt is the most versatile, user-friendly jQuery animated typing plugin on the planet. In simple use, it allows you to type single or multiple strings that break lines, delete & replace each other, and it even handles HTML tags & entities.”

GitHub

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