Search

Top 60 Oracle Blogs

Recent comments

Squarespace

Jay Whaaaat?<br#x3E;The Magic of jQuery in Squarespace

jQuery is a framework allowing you to write easy snippets of JavaScript to change a website's content and structure. It's especially helpful with Squarespace because of its expressive power enabling you to change the underlying CSS and HTML that Squarespace generates on your behalf, that is otherwise untouchable without taking your entire site into Developer Mode. 

Video Blogging the Squarespace Bedford

No one can serve two masters we are told, but it's common in Squarespace to find one data element serving two purposes. Pastor Taylor Birkey of The Edge Church in Aurora was stymied recently by a thumbnail image that he simultaneously wanted and didn't want in connection with a video blog of sermons in the church.

The Desired Look

The church maintains a blog just for sermons. Videos are posted to Youtube, and then a blog post is created for each video. The top content item in each post is a Squarespace video block linked to the Youtube video. Figure 1 shows the design, which is in the Bedford template.

Video Blogging the Squarespace Bedford

It's trouble when you serve two masters, and it's often trouble when a data
element serves two purposes. I help a pastor avoid trouble by placing his
sermons above the fold in a video blog done in...



Read the full post at www.gennick.com/database.

Munching the Squarespace Hamburger

Many Squarespace templates indicate mobile menus by the so-called hamburger icon. It's the three-bar icon in the upper-left corner of Figures 1. Use of the hamburger is controversial; some believe it unintuitive; some prefer a button labeled "Menu". Templates like Five and Marquee make it easy to substitute a menu button like you see in Figure 2.

Munching the Squarespace Hamburger

Many Squarespace templates indicate mobile menus by the so-called hamburger
icon. Some argue that the hamburger is unintuitive. Templates like Five and
Marquee make it easy to avoid the burger...



Read the full post at www.gennick.com/database.

Page-Specific Footers in the Squarespace Bedford

Would you like page-specific footers in your site design? Templates in Squarespace typically have one footer that is applied across all pages. Sometimes there is a pre-footer and a footer, and then both are applied across all pages. Page-specific footers are possible though. All it takes is a combination of creating thinking and CSS rules. 

Alternative Text Choices

Your work is sweet and easy if you're wanting to display alternative text passages in footers on different pages of your site. Place your text alternatives into a Code block, and choose between them using CSS rules that effectively function as switches. 

Figures 1 through 3 show an example of the technique. (Click any figure to embiggen it). Figure 1 presents the default footer on my site as I write this post. Figures 2 and 3 show blog-specific footers referring readers of one blog to my other. Readers of my Database and Tech blog see a link to my Outside the Box blog, and vice-versa. 

Page-Specific Footers in the Squarespace Bedford

Do you want page-specific footers in your template-driven Squarespace site?
One footer design normally applies across all pages, but you can combine
creative thinking with CSS rules to enable...



Read the full post at www.gennick.com/database.

Embiggening the Marquee Menu Dots

The Marquee template on the Squarespace platform is wonderful with it's colorful images and parallax scrolling on index pages. It's one of my top two favorite templates. What's not so wonderful sometimes are those tiny dots in the parallax navigation menu at the right side of the browser window. 

The tiny targets in the parallax menu can be tough to hit with a mouse pointer, and a lot of detail or the wrong color in that right-side region can make the fly-out text tough to distinguish from the underlying image. What follows are a series of CSS mods by which you can bring some zest to that menu while making it into a larger and more legible target. 

Embiggening the Marquee Menu Dots

Building your Squarespace website in the Marquee template? Having trouble
seeing or clicking on those little dots that make up the parallax
navigation on the right side of your browser window?...



Read the full post at www.gennick.com/database.

Coloring Page Sections in Squarespace

A useful technique in web design is the use of distinctive background
colors to provide visual separation between sections in a page. Squarespace
customers can implement the technique using...



Read the full post at www.gennick.com/database.