RWML (RapidWeaver Multilingual) updated to version 2.1.0

Sunday 16th June 2019

This stack update is free for all users of RWML 2x. You can update via automatic updates in Stacks / RapidWeaver or download the latest version from your Paddle account. As always, please ensure all your RapidWeaver project files and addons are suitably backed-up before commencing the update. The main changes in this version include:

  • Newly revised user guide published on the website, explaining the full details of how RWML can be used and how to configure it. This includes some example RW project files you can download and open in RapidWeaver 7 and RapidWeaver 8 for better illustration of how the stacks work. Emphasis on reducing the amount of written content and cutting straight to the basics of what RWML can do and how it works.
  • New RWML Language Switcher stack, completely rewritten from the ground-up with support for many more switcher types to suit different webpage placements. Buttons, tabs, radio selects, checkboxes, select menus - it’s got them all! Much emphasis has been placed on improving accessibility and providing more customisable style options for things like buttons. Of course, your ability to custom-build your own buttons or add links to a theme menu bar has still been retained.
  • A couple of very minor / insignificant changes ahead of Stacks 4. Mostly to help pages load / publish slightly faster in RapidWeaver 8.
  • If the selected language is not available, we now fallback to the default language. In other words, if a user enters a country code that has not been configured, the stacks will fallback to the default language and content will always be shown.
  • Fixes to the RWML Meta stack. If using a third-party SEO stack, we recommend using that inside a RWML Wrapper stack. And because the RWML Meta stack only uses Javascript to translate meta tags, you may find more success in following the subdivided methodology - if meta tags are particularly important to you for searching, SEO and social media etc.
  • RWML Redirect stacks no longer append the language query string onto the target page URL.
  • Renamed the RWML Master stack to RWML Base. This is simply to ensure it shows at the top of the Stacks library (RWML group) when you are searching for it. The renaming does not effect previously setup ‘RWML Master’ stacks. After installing the update, the 'RWML Master’ stacks should effortlessly and seamlessly rename themselves to 'RWML Base’.
  • Fixed a bug whereby the presence of SSL and non-SSL websites at the same domain could confuse RWML and cause an incorrect 'alternate’ URL to be written into the head section of the webpage. The option has also been added in the RWML Base stack to disable the generation of 'alternate’ tags, which some users prefer if they want to make their own.

If you are still using RWML 1x, you really, really should consider upgrading to RWML 2. Version 2 has now been available for nearly two years and is currently the most popular selling stack on the Stacks4Stacks website. Version 1x is far behind and I know for sure its broken for some users.

The product page for RWML can be accessed here.

As many others on the forums will testify, there is simply no better way to build a multilingual website with RapidWeaver. RWML gives you everything you need and takes account of things you may not yet have even considered.

If you are new to RWML, download and try the free demo version today! Click here for more information.

View on Tumblr

PlayLister stack updated to version 2.7 with two huge new features

Wednesday 24th April 2019

Filtering
An optional filter / search box can be turned on in the stack settings. For very large playlists of several hundreds or thousands of tracks, this can provide basic functionality for a user to filter the playlist. Filtering looks for track titles and additional information like keywords. The filter is easily unset using the ‘reset’ button. If no results are found, a customisable message is shown. The new filtering options are shown below the existing player controls and share much of their same styling.

Podcasts
If you produce an audio iTunes Podcast, you can now provide PlayLister with the link. PlayLister will generate a playlist of all the podcast episodes and let the user play them on your website or download them for later. This is a perfect solution if you produce a radio show, religious sermons, interviews, music compilations, spoken literature or lectures and want to present this content chronologically on your website. New podcast episodes are automatically added to the top of the playlist, meaning you do not have to republish your webpage each time. PlayLister fetches the MP3 link, title, author, date, summary and keywords for each podcast episode.

Other changes
Work has been done to improve some of the underlying codebase for better jQuery 3 compatibility and some other under-the-hood changes towards optimising the stack better for Stacks 4. We have carefully removed some of the older browser compatibility patches to make for a cleaner and leaner codebase.

PlayLister now has a formidable feature set and is quite simply the best stack around for compiling a playlist of tracks or podcast episodes. Comparable Wordpress plugins commonly exceed $300 per domain, so PlayLister offers fantastic value for money.

If you like using PlayLister, please give it a 'thumbs up’ and write a short review about it on the RapidWeaver Community website.

See the product page for further details about PlayLister. The update is available via automatic update checking in Stacks or from your Paddle account. If updating from a much older version, please purchase the latest version from the product page.

View on Tumblr

Introducing the TouchBase stack

Monday 8th April 2019

One of the easiest ways to add customisable FaceTime, mailto, Skype, telephone or VoIP buttons to your website; thereby allowing site users to contact you without the monotony of forms or ugly widgets. TouchBase uses special URI schemes like ‘mailto’, 'skype’ and 'tel’ for creating simple links and buttons to different services. Plus it automatically obfuscates contact details on-the-fly to limit unsolicited correspondence from spambots.

TouchBase was originally created to generate obfuscated email 'mail to’ links, that could include a subject heading and other parameters. It has since been expanded by request to support a couple of other useful services; like FaceTime, Skype and telephone.

Of course, you can manually create your own HTML links for your website. But TouchBase is a drag-and-drop solution (zero complicated code required) and presents you with an attractive interface for creating these special links. Plus it provides options to let you optionally convert rather subdued hyperlinks into attractive buttons that match the rest of your website.

TouchBase stacks can either be added in the normal page flow or you can also place them into theme ExtraContent containers and navigation bars. TouchBase can work on a public-facing website and it will also work fine on a passworded / membership website (like one built with SiteLok) or a company intranet site. It has no dependencies on any outside services. PHP 7.0 or greater is recommended.

Download the free demo version to try.

Learn more…

View on Tumblr

CalcStack updated to version 1.6

Sunday 31st March 2019

Changes in this free update to CalcStack include:

  • New ‘Text Box’ input type; which has support for commas (making it suitable for currency)
  • New 'Random Number Decimal’ to return a random float between 0 and 1.0
  • Added a couple more style and colour settings, like a toggle to make form labels bold
  • The existing 'Random Number’ input type has been renamed to 'Random Number Integer’
  • Brand new live currency exchange rate support, using the free.currencyconverterapi.com service
  • The options to share an answer on Twitter (compose a new tweet) are working properly again
  • Many improvements to the flexbox inline form styling, to use some of the newer CSS properties
  • A couple of minor bug fixes, for things like button colours not taking effect in certain themes
  • Minor updates to the editing interface
  • New icon

Obtain this update via automatic updates in Stacks or download the latest version from your Paddle account.

The product page has been updated with some new examples you can try, including a live currency converter.

CalcStack, like all our other stacks, is tested and compatible to use with the forthcoming Stacks 4 update.

View on Tumblr

Introducing VimStack

Thursday 21st February 2019

VimStack is a free and simple stack to get a single Vimeo video embedded in your webpage. Simply take the ID of any suitable video and enter it in the stack settings.

Although Vimeo already provides some embed code, it is rather featureless. VimStack gives you a couple more possibilities for your embedded video. It uses valid HTML5 markup. As you would expect, VimStack is fully responsive and compatible with tablet / mobile devices. Plus you can place VimStack into a theme ExtraContent container and set it to be hidden in print / PDF output.

Requires Stacks 2 or later.

This stack was developed for a contributor who needed a new Vimeo stack, replacing some older ones that are no longer developed.

View on Tumblr

Gator Stack updated to version 1.1.0

Thursday 7th February 2019

This is a free update for users of the ThemeFlood and Stacks4Stacks variants of the Gator stack.

The main change in this update has been the introduction of a new ‘Overflow From A Partial’ stack setting. When enabled, this setting will ensure a drop-down menu can still be used when Gator is converted into a Stacks Partial.

IMPORTANT NOTE: If the update does not show for you in RapidWeaver or reverts back to demo mode, simply login and download the latest version from your Paddle account here:

https://my.paddle.com

Some users purchased and downloaded Gator with an incorrect SUFeedURL key, before we had a chance to change it for the correct one.

View on Tumblr

WebYep Stacks updated to version 2.3

Saturday 8th December 2018

The main change in this free update is the addition of an all-new WebYep PDF Embed stack; which uses a combination of the WebYep file uploader and short text inputs. We use jQuery Javascript to convert an ordinary download link into an iFramed PDF file embedded seamlessly into your webpage. The normal document viewer controls are shown; together with options to print, download or share the PDF.

WebYep PDF Embed works with both the free and paid versions of WebYep CMS.

Are you building a website for a client, where they need to regularly change a PDF file? Documents like a restaurant menu, handouts, forms, instructions and other PDF files may frequently require changing on a website. Our WebYep PDF Embed stack makes the process of sharing PDF files online remarkably simple. With this stack, clients no longer need to conjure-up complicated code or upload PDF files to far-distant places. Look how easy it is!

https://www.youtube.com/watch?v=AbP8RIJ_48U

What about mobile and tablet devices? Historically these types of device handle PDF files as images; meaning that the only the first page of a PDF will be shown and the remaining pages cannot be scrolled or viewed. We include some clever jQuery Javascript that will detect handheld devices and hide the PDF file. A short piece of text and a download link can be displayed for these users instead.

This update is available via automatic updates in your Stacks Library or from your Paddle account.

Click here to learn more about WebYep CMS for RapidWeaver.

View on Tumblr

ProGallery updated to version 2.4.0

Wednesday 14th November 2018

Changes in this free update include:

  • If no link is applied to a thumbnail image, we now conditionally hide all the anchor markup and present the image as a static image.
  • Patched a Chrome bug, that was causing images in columns to vanish if they had animations applied to themselves.
  • Added a basic Instagram image source (derived from the InstaViewer stack), which was sponsored by a ProGallery user.
  • Renamed the ‘Masonry’ image layout to 'Columns’ to better-reflect what this layout does.
  • Simplification of the choice of slideshow options shown for the lightbox.
  • Major improvements to 'swipe’ support on touch devices - now faster, smoother and less error prone.
  • Swipe support is now permanently enabled at all times. There was no reason to turn this off.
  • Added a new setting to randomise the ordering of images within your gallery.
  • Ability to toggle the display of lightbox Titles and Captions independently, rather than all on, all off.
  • Added tooltip notes to the effect that the download button only works for images published on the same domain that ProGallery is published to.
  • Improvements to help try and limit the risk of Pinterest / Download lightbox buttons vanishing in some web browsers, for slower loading images.
  • As requested by a user, both the Pinterest and Download buttons can have their icon markup customised within the ProGallery settings.
  • Borders can now get applied independently to thumbnail images and thumbnail items.
  • New image source to load a selection of random images from Lorem Pixel - useful for quickly testing ProGallery with.
  • The lightbox title no longer has a background colour applied on mobile.
  • It is now possible to apply rounded corners and basic frame effects to lightbox images.
  • New 'Vertical Stack’ image layout added.
  • New 'Floating Thumbs’ image layout added.
  • New 'Zig-Zag’ image layout added.
  • Additional font formatting options added for titles and captions presented in the thumbnail grid and lightbox modes.
  • Added new box shadow settings for the image thumbnails.
  • It is now possible to trigger the lightbox at any image or video more reliably, using custom anchor triggers (see the website for details).
  • Updated some of the informational tooltips displayed against some settings.
  • The grouping and ordering of some ProGallery settings has been changed, to reflect new features being added and to make setup easier.
  • Additional options to customise thumbnail outlines, when tab navigation is being used in the web browser.

The name implies it all! ProGallery is a professional-grade image and video gallery solution for RapidWeaver. It makes light work of building beautifully immersive web galleries; which boast the highest possible standards of browser compatibility, web accessibility and loading speed. Plus ProGallery has a range of intelligent optimisations built-in, like touch screen support, lazy loading images and retina display support. Click here to learn more and to download a free demo version. Requires Stacks 3.5 or above.

View on Tumblr

UsefulStack updated to version 2

Thursday 4th October 2018

Changes in this sizable update include…

  • New ‘debug’ mode, to display important diagnostics about your site setup (pictured below)
  • Support for ARIA roles (useful for improving webpage accessibility)
  • Ability to embed content directly into a theme ExtraContent area
  • New z-index setting
  • Padding and margins now support more units of measurement
  • Renamed some settings

UsefulStack remains a free stack to download and use. For more information, click here.

View on Tumblr

Introducing the Formulate stack

Wednesday 29th August 2018

This stack was released for free several weeks ago, exclusively for ThemeFlood customers. A paid version that could be used with other themes was requested and has been released through the Stacks4Stacks website. This paid version includes additional code and testing to improve the compatibility and styling with theme frameworks like Foundry and Foundation. You’ll need this version of the stack if you are wanting to use Formulate with a non-ThemeFlood theme. Click here to learn more.

Contact forms are a common component in many RapidWeaver websites. However a lot of them require a PHP ‘backend’ to process the form data and send it to where it is required. Although most better website hosting companies support PHP, some cheap hosts either charge customers extra for this service or have configured their PHP in such an astonishingly awkward way that it renders any contact form useless. We’re looking at you, GoDaddy!

On the surface, Formulate looks and works much the same as any other contact form. But a key difference is that the message data is either sent via conventional email or goes through one of two mail handling services; Formspree.io or Formbucket.com. Both of these services offer a simple and smart method to receive data from a contact form. In some instances, it is even possible for yourself or a client to login to these services and view your form submissions as they come in.

Straight away you can begin to see the benefits here - no complications with PHP, fast setup, secure and it works with virtually any email or hosting service. You can even have your messages sent to a disposable email address - like a free Gmail, Outlook or Yahoo address.

Spam protection varies, depending on what form processing service you use. The 'mail to’ option supports an obfuscated email address which has surprisingly good protection. Formspree does display your email address in the form action attribute, but a paid account solves this and you get 'honeypot’ protection as standard. Formbucket provides the options of both 'honeypot’ and 'reCaptcha’, within your bucket settings. Again you can use a free disposable email address with this stack, so if the spammers and trollers become too much to handle, just change your email address to something else. That’s the same reason why many companies use rather obscure email addresses that change frequently. You can still reply to genuine messages with your normal email address.

Lots of simple form inputs are supported. You have got all your normal form inputs and a couple of specialty HTML5 ones too. Every input supports a label, placeholder text and optional 'help’ text. Inputs can be dragged and changed into any order. Any number of inputs can be made mandatory. The 'submit’ button at the bottom is only shown / activated when all mandatory fields are completed and the user gives their consent to your GDPR privacy disclaimer.

Formulate most definitely is not a replacement for heavyweight form stacks, like the excellent FormsPlus system from Chillidog Software. But if you need to get a simple form created, then Formulate could be just the job.

If you are using a ThemeFlood theme, Formulate remains a free stack for you to download and use with our themes.

Learn more…

View on Tumblr

SortStack updated to version 1.1

Monday 20th August 2018

Changes in this free update for SortStack include the following

  • Added a ‘missingURL’ key, for rare instances where the stack might not be installed
  • Sparkle update checking happens over SSL
  • When a filter is applied, buttons now 'dim’ with opacity, instead of hiding
  • All colour pickers support RGBa
  • You can have a filter applied, at page load

This free update is available via automatic updates in RapidWeaver or by downloading the stack from your Paddle account. SortStack is compatible with the newest versions of Stacks and RapidWeaver 8. A simple yet effective stack for filtering and sorting items on a webpage.

Learn more…

View on Tumblr

Introducing CommentsStack

Wednesday 1st August 2018

This is a small, simple, smart and self-contained commenting solution for anybody wanting to add a basic comments box to a webpage. CommentsStack is ideal for collecting product ratings, user feedback / bug reports, guest book entries or other comments. Some of its key features include:-

  • No complicated database - comments are stored in a plain text, editable text file on your web server
  • Zero dependency on outside services - no more integration of slow, buggy and intrusive Facebook, Google+ or Disqus code
  • No personal, identifiable user data is collected - so this solution conforms well with the EUs most recent privacy laws
  • Several basic security layers - including bad word lists, maths questions and restrictions on what a user can enter in the comments box
  • Comments are displayed instantly - with unique permalinks and the ability to get sent a simple email notification
  • Massively customisable - lots of powerful options to customise how the form looks and everything is language translatable
  • Extra features - like pagination and multi-column masonry layouts for larger collections of comments
  • Powerful ratings - easy to toggle off if not required or take advantage of our ‘opensource’ approach towards building a custom ratings system
  • Works perfectly behind a firewall - making it ideal to build into a Sitelok or Lockdown private membership website

This stack will not be for everyone. If you want multi-thread comments or email moderation - then forget it - this stack is not for you! But if you have modest commenting requirements and have grown tired of what the big companies force you to use, this could potentially be a brilliant solution. The premise of keeping everything 'in house’ certainly bodes well with respecting user privacy and having total control over the complete setup.

You’ll find CommentsStack works with most RapidWeaver themes. A free demo version is provided, which you can use to fully evaluate CommentsStack and explore the wide choice of features provided in this v1 release. If you have support questions, please get in contact through the website support page.

Learn more…

View on Tumblr

Introducing CookieManager

Sunday 29th April 2018

Website privacy, security, cookies and GDPR are a hot topic currently. One of the biggest questions is how can a RapidWeaver user safely, easily and compliantly display content based on user consent?

Take for example some analytics tracking code or a Google map. How can this type of content only work if a user clicks a button and explicitly opts-in or opts-out? Currently it is almost impossible to do this without some really complicated coding. Although some solutions claim to offer a fix, a quick look in the browser console reveals a horror-show of invasive scripting and tracking cookies continuing to download in the background, irregardless of consent being granted or not. This simply is not good enough for GDPR compliance!

And so the CookieManager stack was created. CookieManager can swiftly create, modify or delete tracking cookies. Zero complicated coding or configuration is required. It is able to conditionally display areas of a webpage or load scripting (like analytics) only if a matching cookie is found.

Watch a quick video here: https://www.youtube.com/watch?v=sNlJi_ukjR0&feature=youtu.be

It can work great in conjunction with FloatingContent, Gateway or TopBox. Use either three of these stacks to display attractive popup messages about privacy or cookies; and generate an opt-in consent cookie when the message is dismissed.

Then you can configure CookieManager (with the same tracking cookie ID) to conditionally display or hide parts of a website. Not only that, but you can change CookieManager to display a button to modify or delete the tracking cookie too - allowing the user to freely change their cookie preferences later on.

This is a free stack to download and use. It should solve a lot of GDPR and associated problems many RapidWeaver users have been struggling to resolve before the 25th May 2018 deadline kicks-in. User security and privacy is not something you can leave to chance or pretend that it does not apply to you!

Learn more…

View on Tumblr

TopBox 4.5 is here

Thursday 5th April 2018

A little while has past since TopBox was last updated (May 2016 to be exact). However this stack still remains one of the most popular stacks we sell and is by-far the most popular lightbox stack available for RapidWeaver.

The aim of this free update is to add a couple of hotly-requested features (like the ability to have a TopBox open automatically on page load). The user interface has also been tidied, to remove some unnecessary settings and make the stack even easier to use.

Changes in version 4.5 include:

  • Fixes a problem whereby HTML5 video was not correctly centred in Firefox Quantum
  • Surplus border, background, layout and responsive controls are now hidden in Stacks 3.5
  • The title text box is now 8 lines tall
  • More efficient loading of jQuery and Font Awesome icons
  • Callbacks now use 8 line input boxes, for easier writing of custom jQuery code
  • All colour pickers support RGBa opacity sliders
  • The input field for the error message supports 2 lines of text
  • Renamed a couple of settings and amended some tooltips for improved clarity
  • You can now close a TopBox using a custom link or button with a class of topBoxClose applied; or a custom element specified in the advanced settings
  • New setting to automatically truncate and ellipse longer titles that span multiple lines
  • New border radius, line height and font size options for titles
  • New checkbox option to hide the TopBox close button, to avoid needing custom CSS code
  • Added the option to automatically open a TopBox as the page loads
  • Optional cookie tracking, to record when a TopBox was closed
  • Minor optimisations for Stacks 3.5 and later
  • By request, TopBox titles (captions) can optionally be displayed as block elements using a new checkbox option
  • Removed some older CSS browser prefixes that are no longer required
  • It is now possible to trigger TopBox stacks using simple buttons (like Bootstrap buttons) or links
  • New option to set the vertical positioning of the title

TopBox 4.5 will show automatically in Stacks as a free update, if you are already using TopBox 4.4.2 and you are a user of Stacks 3.5. Because some of the changes in this update are dependent on features in Stacks 3.5, the update will not show if you are using an older version of the Stacks plugin. There should not be anything that destructively changes your existing TopBox configurations in this update; however as always, please ensure you have got adequate backups before commencing any stack updates!

See the website for the revised documentation. If you are new to TopBox, download the free demo version to try.

View on Tumblr

Introducing the updated WebYep CMS stacks

Thursday 22nd March 2018

WebYep is an opensource CMS (content management system) favoured by thousands of users for its ease of setup, reliability, great multilingual support and its simplistic approach towards online editing. A perfect solution for making frequently-changed parts of a website remotely editable outside of RapidWeaver or for letting clients safely edit parts of a website themselves.

The eagerly awaited WebYep v2 has recently been released, and we have simultaneously released a brand new pack of powerful WebYep stacks. The WebYep stacks work with both the free version of WebYep and the forthcoming commercial version. The commercial version of WebYep is unbranded, with support for a REDACTOR rich text editor and file manager.

You can use WebYep in RapidWeaver without the stacks. But our stacks make the setup of editable content regions in your pages much easier. This is a friendly and flexible CMS solution for RapidWeaver, which anyone can use. WebYep is a tried and proven CMS we actively use daily in websites for our own clients.

The current pack of WebYep stacks (as of version 2.1, March 2018) includes the following:

  • Assistant - the main WebYep stack you add to every page
  • Attachment - creates file download links with customisable icons
  • Boolean - instantly toggle the display of page areas on and off
  • Calendar - populates calendar tables with events
  • Conditional - hides or displays content if authors are logged in
  • Grid - a responsive grid authors can add or remove items from
  • Image Gallery - responsive thumbnail grid with popup lightbox
  • Image - static images that can be changed by an author
  • Login Button - place a login button anywhere on the page
  • Long Text - a long extract of plain text an author can edit
  • Loop - page areas which can be repeated and reordered
  • Markup - a plain text / HTML editor for content authors
  • Menu - links which open dynamically generated pages
  • MP3 Player - embeds a single audio file
  • MP4 Player - embeds a single video file
  • Organiser - Trello-style project manager or schedule with cards
  • Rich Text - an editable area with link and formatting buttons
  • Short Text - a short extract of plain text an author can edit
  • Tabs - lets content authors setup panels of tabbed content
  • Time Control - displays page areas, based on date / time
  • Toggle - lets content authors setup accordion panels of content

Use as many or as few WebYep stacks as you want. The modular nature of this setup offers great flexibility. The loop and menu stacks are immensely powerful. Some of our other stacks like CutOut also incorporate WebYep compatibility.

Minimum system requirements:

  • RapidWeaver 7
  • Stacks 3.5
  • PHP 5.6 (7.x or greater is better, as 5.6 is approaching end-of-life)
  • SSL certificate (this stops web browsers nagging you about insecure login forms)
  • WebYep 2 free or commercial

This video [CC] provides a quick introduction to the WebYep stacks. As always, you can download a free demo version of the stacks to play with. WebYep itself is available to download from the Github project page and is extensively documented. Any technical questions you have about the WebYep stacks can be emailed direct to us. Any general questions about WebYep can be posted  to the forums.

Take a look at a couple of our other WebYep stack short teaser video’s here, here, here and here.

View on Tumblr

Announcing the updated stacks for WebYep CMS v2

Wednesday 7th March 2018

After a couple of months work, I’m pleased to finally unveil the updated stacks for WebYep v2:

https://stacks4stacks.com/webyep/

The WebYep stacks were formally developed by Tsooj Media. Following the acquisition last July, the stacks came over to us. In parallel to WebYep v2 being developed, we have worked hard to completely rebuild these stacks; featuring a new user interface and all new codebase. A couple of new stacks have been added to the collection too.

It’s been a lot of work to get to this stage. Many Beta builds were published on the WebYep forums, and we are grateful to everybody who downloaded these and provided feedback.

Today we’ve hit the big milestone of being able to release these updated stacks. The new product page on the Stacks4Stacks website provides a good insight into what WebYep actually is. Numerous links are provided, to help you get started.

These stacks work with both the free version of WebYep and the new commercial version that will be coming-along shortly. You’ll find WebYep simple, reliable and very cost-effective to deploy in websites. Our clients love it!

The work does not stop here. We have plans to add WebYep support to some other stacks and will continue to update these new WebYep stacks. Simply because we believe WebYep is the best CMS solution available for RapidWeaver.

RapidWeaver Ninja had some nice things to say about WebYep last week, when he tested and reviewed several CMS options for RapidWeaver.

-Will.

View on Tumblr

Introducing the CutOut stack

Monday 19th February 2018

An image float stack unlike any other! CutOut uses the new CSS ‘shape-outside’ property to apply attractive text wrapping effects around left or right floating images. Wrapping shapes can include circles (default), ellipses, insets and more complex polygons. This is a special effect, growing in popularity, which many web designers are deploying in more and more websites. A perfect finishing-touch for product photography and personal profile images.

CutOut uses pure CSS and HTML to achieve this effect. Zero Javascript is used. Because the 'shape-outside’ property is new in the CSS specification, it’s currently only supported by some newer web browsers. Rest assured, older web browsers will continue to render the image float and text in the normal 'square’ way. This is a progressive enhancement for newer web browsers. To combat the problems of floats on smaller screens (like mobile) a custom breakpoint setting lets you safely disable the float on smaller screens; where the image will get rendered above the content and centred.

You can use images dragged and dropped into RapidWeaver, warehoused images stored online already or login and upload images using the WebYep CMS. Images are automatically resized and can have a border radius applied, to make things simpler. Your image can be floated either left or right. Both the image and content can have their placement fine-tuned using padding and margin controls. In terms of written content, you can toggle between using styled text, HTML, markdown or content edited online with the WebYep CMS.

Learn more about CutOut here. This is provided as a free stack, but as always if you find it useful (or need support) please make a contribution to support ongoing development.

View on Tumblr

Embed updated to version 3.0

Tuesday 6th February 2018

The focus of this major update has been to add support for more content types, which several users have kindly sponsored through generous contributions.

You can now embed Google AdSense adverts, CSV files (these are converted to HTML tables), Google Doc’s, Microsoft Office documents, OpenOffice documents, responsive Tumult Hype animations, and Pages documents. Video support has been extended, with options for TED, Vimeo, DailyMotion and YouTube HTML5. PDF support has been improved; with particular emphasis on better handling of multi-page PDF files on iOS.

This screenshot shows the choice of content types now available in version 3:

In addition to many new content types being added, some of the underlying source code has been changed to yield better performance in Stacks 3.5 and above.

Embed remains a free stack to download and use in your projects. It is an incredibly useful stack that can help you get lots of different content types safely embedded into your webpages; without needing to use complicated code or expensive plugins. Although you can sometimes get certain content types embedded quickly in webpages, Embed can assist you in making the content responsive and removing things like ugly borders or buttons.

As always, if you find this stack useful, please make a contribution to help offset ongoing support and development costs. :-)

View on Tumblr

AnimateIt updated to version 2.1.0

Tuesday 6th February 2018

Need an easy and efficient way to add attractive animation effects to your webpages? AnimateIt could be exactly what you’re looking for!

This free update adds a ‘delay‘ setting; letting you delay an animation effect.

You can read more about the AnimateIt stack on the product page or see the original announcement on the RapidWeaver forums here.

View on Tumblr

Paperless updated to version 1.1.0

Friday 19th January 2018

Changes in this free update for Paperless include:

  • It is now possible to apply live filters via URL query strings / parameters, as the page loads. e.g. https://stacks4stacks.com/paperless?filetype=jpg
  • Live filtering is now enabled by default in the stack settings
  • Support has been added for detection of up-to five custom file extensions, with options to change their icon / colour

Please download this update via automatic updates in RapidWeaver or from your secure Paddle account.

Want to learn more about Paperless? See the product page here. A free demo version is available to download.

View on Tumblr

InstaViewer stack updated to version 2.3.0

Monday 15th January 2018

Changes in this free update for InstaViewer include:

  • Fixed support for lightbox images, now that Instagram has begun appending extensions and other meta data onto images
  • Added a ‘missingURL’ meta tag to the stack, for Stacks 3.5
  • Revised the stack sub title slightly
  • You can now control the number of thumbnails and lightboxed images shown, using a built-in slider in the stack settings

You can obtain this update via automatic updates in RapidWeaver / Stacks or from your Paddle account.

Learn more…

View on Tumblr

Introducing the new SelectNav stack

Thursday 11th January 2018

A need recently arose (in a website I was updating for a client) to display a long list of links, about 60 in total to start. A normal drop-down menu or sidebar block menu wasn’t suitable to use. The list of links needed to be fast for users to access on any device and fully compliant with WAI guidelines for accessibility.

I opted to go the route of an HTML select menu. Normally these are only suitable to use inside forms, but with a tiny bit of Javascript it is possible to repurpose them as a very effective website navigation component.

SelectNav is available to download from the Stacks4Stacks website. It is a good solution for presenting a long list of webpage or file download links. Items within the select menu can be dragged into any order and it’s possible to sub-categorise them too with ‘option groups’. A simple yet very effective stack.

The button to trigger the option select menu carries a couple of style and colour settings. As normal, the styling of the option select menu itself is the responsibility of the browser or operating system.

The SelectNav stack is provided as a free download. But as always, if you get any use from the stack a small donation is very much appreciated and ensures we can continue to offer you support and updates going forward.

View on Tumblr

Saturday 30th December 2017

Embedded image

The Stacks4Stacks blog turned 2 today! Although of course, we did have a blog a long time before this. Lots of people often ask what we are using for the latest blog setup. The simple answer is that new blog posts are made using Tumblr and we embed them into the Stacks4Stacks blog page using the free MicroBlog stack.

View on Tumblr

Introducing Locator Stack

Monday 27th November 2017

Want to show your website users the locations of your business or multiple outlets? How about giving website users information like contact details, opening times, street view and realtime travel and directions for these locations? The new Locator stack could be what you need!

Sure you can use any other map addon for RapidWeaver, but that tends to be rather boring. In this day and age of AR (augmented reality), many modern businesses are beginning to embrace new technology to give customers realtime location information. And it needs to be something that looks and works great on all newer web browsers.

On the surface, this is a store locator. Users to your website or webapp can type their current location in the search box (auto location is supported too on SSL) and see a list of locations sorted by nearest first. Locator is using the latest Google Maps API v3 and a clever geocoder to query customer locations against your database. A whole host of powerful settings exist within Locator, to customise the user interface.

Locator supports unlimited locations. For example you could be a single, independent guitar shop on the edge of town or a global manufacturer selling products available worldwide in thousands of different stores. This location data can either be generated from a Google Earth KLM export (very easy), or you can code it yourself in simple XML format (a bit harder, but recommended). Step-by-step directions only work for XML sources.

The search box and list of locations are totally optional. You can easily toggle these off; meaning that Locator can double as a normal Google Maps stack. Lots of other style options can be changed, including the presentation of locations in the list, map points, the search box and all label localisations. Many settings to play with.

This stack came about out of need, not desire. Within the RapidWeaver community, a store locator stack has been in demand for a long time. I had a requirement to create a store locator for 2 private clients. Pre-existing map addons fell a long way short of what I wanted. Locator has been meticulously designed, developed and tested for real websites since July.

Please have patience! This is NOT a typical stack you drag and drop into a webpage and instantly have a store locator in less than 30 seconds. This is an expert-grade stack intended for semi professional RapidWeaver users. Carefully read the instructions and create a Google Maps API key. Then generate your map data and feed it into Locator. Adjust the settings accordingly (to suit your requirements) and preview the output. You should finish with an incredibly sophisticated store locator powered by Google Maps. One which easily beats the price and feature set of Wordpress equivalents!

As always, a free demo version is provided for download. You can use this to fully evaluate Locator without time or feature constraints, before committing to a purchase. Stacks 3.5 is required.

You can use this stack in as many personal and commercial websites as you want. If you are building websites for clients, this stack could make you their favourite web designer!

Until Saturday 2nd December 2017, Locator is 50% off, as part of our wider Black Friday promo. That’s a lot of stack for $10 USD!

View on Tumblr

PaddleBoard stack updated to version 1.2.0

Thursday 23rd November 2017

Changes in this free update include:-

  • New icons
  • Added support for pre-filled coupons, useful for Black Friday etc.
  • A new input box to enter custom messages you want displayed on the checkout
  • Minor improvements to the display of the stack in edit mode
  • Removed surplus style / background / layout options that were not needed in the HUD

Learn more…

View on Tumblr
Bookmark or share this page
Baidu 百度
Blogger
Delicious
Digg
Facebook
Google+
LinkedIn
LiveJournal
MySpace
Pocket
Одноклассники
Reddit
Renren 人人网
StumbleUpon
Tumblr
Twitter
ВКонтакте
Weibo 微博
XING
Contact Us
Email This Page
Print This Page
PS: This bookmarking and sharing popup is powered using our brilliant SocialPopup stack!