Blog ~ Twenty Sixteen Cascading Style Sheet [CSS], 03/31

This has been an active CSS coding month–well over 175 changes.

Indeed, a busy period in my CSS world, most of it focused on getting the Twenty Sixteen theme to display this blog as I want on most mobile devices. I used emulators, especially those in the Google Chrome Developer’s Tools. I also use online emulators [here is one], as well as my mobile devices [iPhone 6S Plus & Nokia Lumia 1520–a Windows Phone]. I am happy with the results.

I have validated and “minified” the statements. There are fewer lines and is supposed to load faster. Minifying meant the loss of my comments and remarks, as well as combining some of the statements. It is more challenging to recognize what a paragraph changes that before. Harder for you and for me. There is a link explaining it.

Recent changes are listed in the Change Log.

I put a link [CSS w/REM] as a connection to the past. It may help some. Now, we are forced to recognize the element by its name and perhaps what it does. This has helped me in the past.

Inspect the element using your browser’s developer Tools. I like Google Chrome’s. Make changes there and see the results without publishing those changes. Make bold [large numbers] to know you are hitting your target and that your desired change does what you want it to.

Use scalable units of measure–maybe not as easy as the static pixels of the past. I published an article on this too–CSS ~ px to em Conversion. There is a link to it at the top of the Custom Twenty Sixteen CSS Page.

The paragraphs of the Custom CSS Page are in the order of a blog page [as best I can determine] from top to bottom. That is the coding starts by turning off the black admin bar of your screen. You have to be logged in to see it anyway. You can have access to your normal admin functions by logging in using the blog name in the site info at the bottom of the page.

Next, is an adjust to the top HTML margin for a balanced display of the theme’s border. Following, the blog title, description, banner, and articles, through end material. After that is sidebar/widget coding. Following that is site end-of-page information–site footer and social links.

I have a small section to control the display of CSS on the CSS page you visit. Then, we have code to effect the display of various mobile devices and tablets. Emulators will help you see the results of those statements. It took hours–NO, days and weeks to achieve the results I , and with the help of thesacredpatha WordPress.com Happiness Engineer, achieved.

You will find a red line to give you some idea what may have changed since your last visit. This month, that would have had to have been frequent to keep up. Henceforth, I think to pace will be much slower–not much to change when one is happy.

If you missed an article, there is a link to “related articles” on the CSS Page. My goal to help us understand the what and why of custom CSS.

Above all, thank you for your patience and continued use of this resource. Show us your pleasure by clicking the “like button” and/or rate the experience with stars. It means LOTs to have your feedback. I welcome your comments and will make every effort to respond quickly.

Thanks and happy blogging…

I am,

Jim Artis [jalexartis, sometimes jaa]

 

Author: jalexartis

Avid cyclist, who loves photography, technology, blogging & cooking...

Your comments please...

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s