Posts in category: Web Development

Welcome to June’s monthly roundup of Web Design and Development news and resources. I have scoured the web to find collections of useful websites that will keep you busy until next month. In this edition, we feature the mighty JavaScript. How to develop a good coding mentality and the usual web design resources section.

Welcome to the monthly roundup of Web Design and Development news and resources published in May 2020. With so many resources available I have handpicked a collection of useful websites that will keep you busy until next month. This month we feature the new release and alternative to Node, responsive web design turns 10 years old, coding for kids as well as some useful resources on web development.

Many years ago web designers were limited to JavaScript when adding functionality to web sites. This was before the official release of HTML5 and CSS3. JS added oomph to any website, making it more appealing and sexy. If the user disabled JS in the browser then web sites had to be functional without it.

If you are wondering why your eCommerce website is not getting enough traffic or ranking-well on the search result, then one of the reasons would be the below-mentioned eCommerce mistakes. Unlike a regular website for business or personal portfolio, an eCommerce website includes an array of features that make navigation, operation, and maintenance easy. To build a fully-functional eCommerce website, there are certain core elements that need to be a part of it, and failure to do this would hurt your site’s traffic, ranking, and ultimately the conversion rate.

VS Code has become popular since its initial release in 2015. Released 1 year after Adobe Brackets and a year before Atom. The battle of the text editors began to rival Commercial software Sublime Text. VS Code was designed to be a next-generation Code editor built on top of the Electron Framework. Its lightweight functionality and its extensible features make it fully compatible with the majority of programming languages. Microsoft has also made it cross-platform so it supports Windows, Mac, and Linux. It can even run as a portable app.

In this penultimate year of the decade, there are lost to know and do in web design especially when the internet has undergone such dramatic changes in the past couple of years. Expectations of the users, business owners and shareholders have also changed at an equally rapid pace. Therefore, as a web designer, you will need to know the current as well as the upcoming trends in web design and deliver just as your clients want.

Welcome to my stretched Bulma navigation tutorial. For those of you that don’t know. Bulma is an incredibly easy to use free and open-source CSS Framework built on the latest CSS flexbox features. Bulma comes with many components, such as a navigation bar and elements like tooltips and buttons which can be customised to suit your needs. Furthermore, it is modular, allowing you to use as many or little features that you require.

In this edition of a trip down memory lane series, we feature the comparison of Web Design from 2008 to 2018. Web design has evolved greatly over this period of time. Introducing new technologies, improved specifications and browsers becoming more consistent resulting in having to use fewer hacks. However, browser wars are still here to stay but who will be on top next year!

Website owners, bloggers and fellow creatives are always on the lookout for good, and preferably free, graphics for their websites. If you don’t have the time or possibly not as creative they are a must. Here is a comprehensive sourced list, updated for 2018, of websites that provide free images, icons and other vector art for all of your design needs. Please be advised that some may have licenses for commercial use. Feel free to comment on any you think I have missed. Enjoy!

During spring, I decided to give WOW a little overhaul and create a new WordPress theme. I previously used bootstrap 3, which at the time was very stable. During the development stage, I could upgrade to Bootstrap 4 or change to another framework. Having looked at several options I opted to choose Bulma, a fast-growing lightweight CSS framework. Here are my findings.

When it comes to open-source code editors we are spoilt for choice. Do you go for Brackets, Atom or Visual Studio Code editors as an alternative to using a paid-for software? Do you install all and use them for different projects? Here is a list of extensions to install on Visual Studio Code, Atom and Brackets. These extensions will enhance the use of your code editor making you super productive.

Earlier this year I revamped my WordPress website using Bulma, a CSS Flexbox Framework. I tested a few Navwalkers to integrate the WordPress Nav Menus into the Bulma Navigation. Although they worked they didn’t support Font Awesome. I embarked on creating my own Bulma Navwalker with inspiration from my previous Bootstrap Navwalker and GiottoPress.