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…Just over the course of last week, I did a minor re-design of this website. For better readability, I reversed the background between the header/sidebar area and the content area.
So now the content area has a white background for better text legibility. Before, the background directly behind the content text might have been distracting for readers.
In addition, I switched the link colors in the main content area to blue, while the sidebar has the copper color links.
Recently, I was making some small changes to the look and feel of this website’s WordPress theme. But, even after exploring Gulp I was still using an older method for updating. Updating this website meant a tedious process.
Read More…