For about a year, as you know, WordPress has replaced the TinyMCE editor with a new one that uses blocks. Gutenberg, now known as WordPress 5.0 and up, allows blocks to be placed on the page and moved around for a richer editing experience. A few blocks, such as the Image, Cover Image and Column, have the option of spanning a wider width than the parent container.
Read More…
Welcome to the next tutorial in the series of modernizing an old desktop layout. In the previous tutorial, How to Convert a Desktop Design to a Responsive Design- Part 2, you may have noticed in some of the screenshots, that the header text looked different than originally depicted. That is because I used some CSS techniques to replace the image based banners. A how to on this will be the topic of this tutorial. We will be replacing image text with some CSS3 effects.
Read More…
Welcome to part 3 of this responsive design series, even though the title suggests a second tutorial. In part 1, we converted XHTML code to HTML5. In the second tutorial, we focused on adjusting the CSS for the main layout elements. This time, the focus will be on responsive navigation design for this example portfolio.
Read More…
In a previous article, I described how while redesigning my portfolio, I updated the code to use HTML5 rather than XHTML. In this follow-up, we will explore how to convert the previous desktop only design to a responsive design using CSS. We will focus only on laying out the main sections: header, sidebar (which also is the main navigation) and footer.
Read More…
Forbes released a new article last week describing how Microsoft is heavily urging Windows 10 users to update to the latest version, as the current version is nearing its end of life. However, the article describes that the latest version is full of bugs affecting a lot of things from the Start menu to audio, to name a few.
Read More…
Recently, I started the process of updating my portfolio site design and code. Since the overall site that houses the portfolio runs on PHP, my first step was to convert the underlying code to use PHP includes and whatnot. My next step was to convert the old code to newer up-to-date code—XHTML to HTML5. In this article, we will look at the before and after code.
Read More…