Well, Michelangelo has submitted to pressure and the resulting Hype Titles stack includes 17 different animations with 29 built-in fonts and an option for Google Fonts.
For both the Title and the slogan, you'll find settings not only for the font, but also for size and font style. The Title font can be shifted up / down / left or right by 50px and 70 px respectively.The slogan can be shifted up / down / left or right by 200px and 600px respectively and can be rotated up to 90º in either direction.
As you can see in the demo above, the title can be made up of two different colours. The slogan and the animated line[s] are coloured separately. Unlike the screenshot above, Hype Titles animates once. Either immediately or after a 1 second / 2 second pause. Hype Titles can also be set to static.
It must be noted that Hype Titles is conceived as a banner stack i.e. it will always appear at the top of your page and saves us from the agony of having multiple animated headlines on a page. The default Stacks option to add a background colour or an image to the stack allows Hype Titles to be displayed over a banner image.
It's worth taking a look at Michelangelo's demo page it has 25 x 16 different examples of how Hype Titles can make your next project pop.Your Header at least won't be boring. And if you like a specific Title, the demo project contains every page from the demo so you can simply copy and paste and add your own text without needing to experiment.
Scribe is BWD’s latest stack and it shows that it is, after all, possible to teach an old dog new tricks. Not only does Scribe improve your copy, but it’s flexible enough to build a complete webpage within a single stack – without even using a theme. Fewer stacks means better code and faster rendering times.
Scribe is a markdown stack, but no worries if, like me, you haven’t concerned yourself with markdown before; you can simply write your text as you normally would. Returns automatically create correctly spaced paragraphs. The result is an improvement over using standard paragraph stacks and you’ll need fewer stacks to to compose long passages with multiple paragraphs.
If you would, however, like to use markdown, basic formatting is simple enough:
‘#’ for instance will give you an h1 formatting. ‘##’ will result in an h2 etc. etc.
For more complicated content the Ulysses markdown app comes highly recommended. It’s simple to use and no Markdown knowledge is required.
Once finished, copy your content from Ulysses into Scribe and use Scribe’s child stacks to refine your text.
Andrew’s extensive demo pages will give you a far better idea of Scribe’s capabilities than I could ever give you here. Don’t just skim the pages, take your time. I assure you that when you’re finished, you’ll want to download both the stack and the demo project!
Squiggle can replace the standard Strikethrough with a scribbled line. I don't use Strikethrough very often (if you check my over 400 blogposts, you'll discover it just once), but if I did, I might be tempted to use Squiggle. Squiggle can be configured to be of any colour and, if you're in a bad mood, can be as intense as a felt-tipped-pen!
Stack settings
Target – Strike inside this stack, All strike on page, Strike with custom selector
Intensity – 1– straight line — 200–Irate
Set thickness – Auto, Manual
Set Colour – Auto, Manual
Move Up/Down
Don't you just love it?
You're looking for a review of a film or a book and stumble upon a page that iterates the complete plot.
Damn! Don't need to read the book any more!
If you have spoiler text on your page, you can hide it from view until the discerning reader really wants to read it with Spoiler.
Spoiler can cloak text elements by either covering them with coloured bars, or by blurring them so they are unreadable.
Stack settings
Apply To – Underlined text in stack, Whole content (including images), All text with a class
Effect – Blur, Cover
Change Cursor – Visible, Hidden
Tool Tip Text – When hidden, When Visible
Spoiler Text Whole Stack+Effect Cover Only
Text When Hidden
Hidden Text Colour
Custom Font Size
Style – B, I, U
Font Family – Theme default, Web safe, Custom
Set Custom Line Height
Colour Hidden
Colour Visible
Squiggle and Spoiler are two stacks that can be used to a) Represent content that is no longer relevant or accurate and b) Hide content that you don''t want your visitor to be able to view immediately. And – you can pay what you want!
CutOut is a stack that allows your text to gracefully flow around your image instead of the standard rectangular float that we have become used to. Check out the screenshot below:
The left half of the image displays a regular floating image. The right half of the image displays a floating image when using CutOut. Notice a difference?
CutOut makes use of the new 'shape-outside' CSS definition which is supported by all newer browsers (If you wish to know exactly which browsers take a look here). Shape Outside allows a text to flow around a pre-defined form. The form can be circular or polygonal. Polygonal shapes are highly experimental, but 0% 0%, 100% 0%, 50% 100% for instance, will create a triangular shape. CutOut degrades to a regular floating image on older browsers.
You can drop any Square (i.e. with equal length sides) image into CutOut and your image will automatically be displayed as a circular image which your text will flow around. If you require a more complicated shape, you'll need to search the web for shapes, or experiment.
How it works. Drag Cutout into a stacks page and you'll be presented with a dummy text. Replace the text with your text and drag your image into the image well in the stack settings panel. It's that simple. Of course, CutOut wouldn't be an S4S stack, if it didn't support warehoused images, but you'll also notice that it also has a setting for WebYep CMS images [Teaser]. WebYep2 is nearing release and CutOut already supports the new CMS system (as will a number of other S4S stacks).
Stack settings
Image Source – Drag & Drop, Warehoused, WebYep CMS
Standard Image
Retina Image
CutOut Shape – Circle (default), Elipse, Inset, Polygon
Image Float – Left, Right
Apply Border Radius – Default 50%
Breakpoint
Spacing – Space between image and content below breakpoint
Image Width – px
Image Margin – Top, Bottom, Left, Right
Image Width – Below breakpoint
Image Link
Content Type – HTML, Markdown, Text (default), WebYep Short and Long
Content Padding – Top, Right, Bottom, Left
With some experimenting, CutOut will allow you to create some very interesting text flows around your images. Oh, and did I mention that CutOut is a free stack?
Typist is one of those stacks that is quite unique, it can type a text on your page at varying speeds and then reveal a second stack. If you wish, Typist can then continue to type further text, and then (repeat the above)…
… cool, or what?
Typist will trigger n seconds (you set the time) after it is scrolled into view. If it visible on page load, it begins to type immediately after the time you have defined.
Stack settings
Trigger – When Scrolled into view, Triggered When Type Stack Above Ends
Delay – Seconds
Text Type – Paragraph, H1—H6
Colours – Theme, Custom
Align – Left, Centre, Right
Humanize – Typing speed – adds a human-like feel to the typing
On Complete – Do Nothing, Remove Flashing Cursor, Show Extra Content Below
Typist could theoretically build a whole page as your visitor views it.
A novel stack that I'm sure will appear on many websites in the near future.
Links to the developers ® All trademarks cited on this page are the property of their respective owners.
Do you have a question regarding RapidWeaver?
Would you like help with your new project?
Would you like us to build your new RapidWeaver website?
Don’t miss a post!
Sign up for our monthly newsletter.
A monthly digest of all the latest updates from our RapidWeaver blog, keeping you up to date with the hottest new stacks and themes.
265 Moo 2
Mae Na Toeng Nai, Pai
Mae Hong Son
Thailand 58130
We design websites and print-products for small businesses at reasonable prices. We specialise in Responsive Web Design.
This site uses Cookies to determine the best method of display in combination with your browser.
We do not harvest or sell personal information.
© rjh web design 2010—16