Margin Offset for Anchor Targets with CSS or JavaScript
For sites using a fixed-position “sticky” header or similar, it’s necessary to add an offset margin to any on-page anchor targets. For example this recent article provides a Table of Contents menu with links to each section on the page. Click a link and the page scrolls down to the target element, which is an <h2></h2> heading tag. Thanks to one of the CSS solutions provided in this tutorial, the scrolling takes into account the page’s 50-pixel sticky header, so […] Continue reading »
All the X’s
This post explains all the different “x” characters currently available in HTML. It covers the various HTML entities and provides some examples and tips. Also explains the difference between the often confused “Multiplication X” and “Multiplication Sign”, and which is better for symmetrical buttons and links. Continue reading »
HTML Abbreviations Cheat Sheet
Here is my custom list of abbreviations for commonly used terms, as written via HTML’s <abbr></abbr> tag. I’m posting this to make it available to anyone who finds it useful. Very handy when writing tutorials related to WordPress, web design and development. A quick copy/paste is much quicker than typing it all out. Without further ado, here is my “cheat sheet” of HTML abbreviations. Continue reading »
Target User Agents and Reduce Spam via robots.txt
Your website’s robots.txt file probably contains some rules that tell compliant search engines and other bots which pages they can visit, and which are not allowed, etc. In most of the robots.txt files that I’ve looked at, all of the Allow and Disallow rules are applied to all user agents. This is done with the wildcard operator, which is written as an asterisk *, like this: User-agent: * This site’s robots.txt file provides a typical example. All of the allow/disallow […] Continue reading »
Disable Highlighting in Comments with Prismatic WordPress Plugin
Prismatic is a free WordPress plugin that adds syntax highlighting to code samples. You can use either Highlight.js or Prism.js to make your code snippets look amazing. By default, Prismatic highlights code snippets in both post content and post comments. This quick tutorial shows how to disable highlighting in post comments by adding a simple code snippet to your WordPress. Estimated time to complete ~2 minutes. Continue reading »
An Epic Design Fail
We’ve all experienced design fails. Sadly, they happen so often as to be unmemorable, not worth mentioning. Design fail examples include things like form controls not working, or confusing user interfaces, or problems with folding phones, or myriad other mobile phone design fails. But every now and then you encounter a design that fails so badly, that you just have to share it. Continue reading »
There is No Operator
I’ve posted before lamenting the absolute pathetic state of big company phone support. Here is a transcript of a recent phone call with a big bank, trying to speak to a representative, but getting the run-around from their crappy telephone system. This was an extremely frustrating experience.. perhaps you can relate? Continue reading »
Browser Extensions I Use Every Day
I love improving my workflow via browser extensions. I’ve written about some great extensions in the past, and since then have continued to refine my collection. Fast-forward 10 years of web development, and I’ve got the number of extensions down from 30+ to around eight per browser. These are essential extensions that I actually use every day. They make my online work/life much easier. Continue reading »
Subscribers: Update Your Feed URLs
This post is for any feed subscribers out there.. please update your feed URL if you want to continue getting Perishable Press articles in your feed reader. Again for those in the back: update the feed URL for Perishable Press if you want to stay subscribed. This is necessary because Google finally has killed the once awesome Feedburner service. Continue reading »
Filtered Language Menus with Prismatic WordPress Plugin
Prismatic is a free WordPress plugin that adds syntax highlighting to code samples. You can use either Highlight.js or Prism.js to make your code snippets look amazing. This quick tutorial shares a way to customize Prismatic to save time scrolling thru a bunch of language options. Huge time-saver and simple to implement in a few minutes. Continue reading »
Vanilla JavaScript: Add Class to Image Links
It seems that for every new web design, I need to add a specific CSS class to linked images. So I can distinguish between regular text links and image links. And then apply styles as desired for each. I’ve tried all sorts of CSS and JavaScript/jQuery tricks over the years, but so far this one is the best.. Continue reading »
Why is there no 7G WordPress Plugin?
I have thought a lot about making an nG WordPress plugin. The problem is that writing to .htaccess via PHP/plugin is risky with lots of ways to fail and make users confused and angry. And nobody wants that, in fact just the opposite: my plugins strive to give users the most awesome experience possible. Continue reading »
CSS Text Decoration (and Related) Properties
I’ve always made use of CSS text-decoration properties in my theme designs and other dev work. From underlining text to making hyperlinks look great, text-decoration is essential CSS. Until recently I was not aware of a couple of related properties, text-underline-offset and text-underline-position. I am currently planning the next redesign of Perishable Press and thinking about using text-underline-offset to add some style to various link elements. So this post is to bring these related CSS properties together on paper, forever […] Continue reading »
New Plugins for WordPress 5.5
Forgotten post! I wrote this article way back for WordPress 5.5 but forgot to publish. Rather than delete I am posting it now. I think the information remains relevant for the most part. Read with a grain of salt :) WordPress 5.5 brings some new features that may help a lot of users. The two biggies: sitemaps and lazy loading images. This rundown post explains a bit about each, and shares some free plugins to help should you need to […] Continue reading »
