AMP and CSS !important
Description
While testing the article AMP (accelerated mobile pages) with the Google AMP Test. I found something that I hadn't run into before.
While testing the article AMP (accelerated mobile pages) with the Google AMP Test. I found something that I hadn't run into before.
Pagination is a common feature in any listing page. With the amount of development articles I have been posting, I quickly realized, I was going to need to address paging. But I didn't want to just accept the standard implementation.
My plan didn't come all together yesterday or today. I wasn't really able to knock items off my list. I did, however, manage to make some serious progress on images. During the process I also learned some new things ways to improve my web design and graphic design workflows.
During tonight's testing with the Facebook Sharing Debugger, I found something interesting. After running the debugger and testing a link post preview on my wall, I noticed that preview image was cut off. This is not acceptable.
My attempt at getting caught up on web design and development is going much slower than I had hoped. Much of this is due to the need for a .svg editor. The only viable option for me, at the moment, is Adobe Illustrator.
Lately I've been so busy with my non-digital life that I haven't had the time or waking hours to put in any meaningful development on this site. Today, I am going to set the bar high and knock some tasks off the list.
One of the websites I administer utilizes Google Analytics using the analytics.js implementation for stats tracking. The website also utilizes a Google Ads account. After reviewing the Google Analytics information, it appears as though some of the Google Ads conversions aren't being tracked correctly. It is my goal to find out why.
Testing in the Facebook open graph share validator, an error came up for an image that was missing on the website. The error message stated that the image dimensions were missing for that image. There was also mention of improved performance by providing the og:image:width and og:image:height tags.
Brought the site up on an iPhone and saw the automatic formatting of the search submit button was not consistent with the rest of the sites design.
Previously I have looked for and used an image compression web API. With all the graphic design work I have been doing lately in my personal and professional projects, I wanted to find something that would fit directly into my design workflow. Look what I found!