Skip to main content Jump to list of all articles

Posts tagged with: HTML

Stretched Bulma NavBar Navigation Tutorial

Stretched Bulma NavBar Navigation Tutorial

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.

Hello Bulma CSS Framework, Goodbye Bootstrap

Hello Bulma CSS Framework, Goodbye Bootstrap

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.

How to Enter a Career in Technology

How to Enter a Career in Technology

Technology is transforming every industry across the world and changing the lives of billions of people every day. It has evolved rapidly since it’s invention and continues to grow and change every year. It is therefore unsurprising if you want to secure a career in the forward-thinking field. Find out how to enter a career in technology if you think this is the right path for you.

Top Atom Packages You Should Install From The Start

Top Atom Packages You Should Install From The Start

Atom, like Brackets, is a 21st century, full-featured, cross-platform, open-source hackable text editor from Github. Currently, at the time of writing, there are over 7000 Atom packages available to extend its functionality further. Sifting through all of those packages is both time-consuming and cumbersome.

WordPress Functions PHP Super Useful Snippets

WordPress Functions PHP Super Useful Snippets

Adding Code snippets to the WordPress functions.php file enables you to perform actions and use filters in a way that will improve functionality of your WordPress site which can make your theme more organised and cleaner. Here is a bunch of useful snippets to further enhance your WordPress theme.

WordPress HTML5 Clickable Div - Highlight Hover Post

WordPress HTML5 Clickable Div - Highlight Hover Post

In this tutorial, we will highlight hovering over a clickable div which contains an image and a title. With the magic of HTML5 and CSS3, you can now insert a <div> which is a block element, inside of a <a> which is an inline element. Previously this would have resulted in HTML errors. Feel free to check out the code and also the demo which is included.

10 Striking WordPress Themes to Display Your Posts

10 Striking WordPress Themes to Display Your Posts

As WordPress continues trying to get the first place in the CMS website building platform league, more and more people give their preference to it. The easy usage and diversity of applications, from a personal blog to an e-commerce website, makes it tempting to choose WordPress for your web resource.

Steps to Consider Before Becoming a Web Designer

Steps to Consider Before Becoming a Web Designer

So you have got your web hosting and want to pursue a career in web design or maybe you want to design your own website for your own personal project. Unfortunately a web designer’s job isn’t finished once the site goes live there are other steps that need to be taken too, unless you have a massive budget and you pay for these services. Here is a guide of the steps to consider before becoming a web designer.

New to Web Design? Use WordPress or Create your Own

New to Web Design? Use WordPress or Create your Own

If you are new to web design you will be glad to know that it can be a very gratifying and worthwhile learning experience. With a little effort and commitment, you can grasp the basics and go on to create your own inspiration. But before you start there are several questions that you may need to ask yourself. Here is a little guide to help you decide which way forward in the web design world you want to go. This is a follow-up post from Newbies Guide to Web Hosting

HTML5 & CSS3 Resources to Kickstart your First HTML5 Project

HTML5 & CSS3 Resources to Kickstart your First HTML5 Project

HTML5 and CSS3 have been known to web designers for many years. Unfortunately, due to the lack of browser support, it hasn’t been wildly adopted. With the release of Internet Explorer in 2011 that it started gaining in popularity. Internet Explorer 9 still doesn’t have complete support for both technologies. The arrival of the upcoming Internet Explorer 10 will support more elements including CSS transitions and transforms.

jQuery Disable and Enable Form Elements Using a Checkbox

jQuery Disable and Enable Form Elements Using a Checkbox

Here is a simple little snippet that uses jQuery to enable or disable text input boxes in forms using a checkbox. When disabling the text boxes it prompts you to confirm it so that you don’t accidentally delete your data. This might be useful for forms elements that need to be enabled or disabled when a certain checkbox is checked like on an options page.

1 2 »