Call   0208 3131682   Mon-Fri 9am-6pm
Category

CSS

Flexbox cheatsheet

By | CSS, flexbox | No Comments

update: this is a very useful cheatsheet also (with lots of pics to explain)

css tricks guide to flexbox

Equal width columns (responsive i.e. Rows on small screen width)

 

Vertically align stuff

codepen reference to vertical and horizontal centering click here

Horizontally align stuff

Vertically and Horizontally align stuff

you might also need to add height:100% to the above container css ( to force container height)

 

Simple equal height columns ( height being flexible based on content height of largest column)

Set container to display flex, and items to flex: 1 , this will grow all columns to be the same height as the highest height column of the 3 based on its content.

 

 

Disclaimer: All content on this site, is use at your own risk (Always backup before changing anything in your software/database/servers etc). Techs change, go out of date etc...
I/we accept no liability if anything you use on this site adversely affects you.
Screen Shot of portfolio section

Create a portfolio section on WordPress website using Custom Post Type (CPT)

By | CSS, Freelance, HTML, PHP, Wordpress | No Comments

I’m going to show you how to create a portfolio section on your WordPress website.

For any many companies (such as web design agencies) and freelancers that work with digital media its important to have a portfolio section on your WordPress website.

I’ll show you how todo this using WordPress Custom Post Types, you’ll easily be able to update the portfolio via the WordPress admin interface without having to write extra html or css.

As I’m a WordPress Developer my portfolio section will focus on showcasing WordPress programming and web design. See  the finished version here.

Read More

Disclaimer: All content on this site, is use at your own risk (Always backup before changing anything in your software/database/servers etc). Techs change, go out of date etc...
I/we accept no liability if anything you use on this site adversely affects you.
Stop Wordpress caching files

3 Ways to easily stop wordpress caching your stylesheets

By | Caching, CSS, HTML, Theming, Web Design, Wordpress | 5 Comments

In this post I’m going to tell you how to easily stop WordPress from caching your css styles, so changes you make are instant. It can be very handy todo this while you are testing your new website. Read More

Disclaimer: All content on this site, is use at your own risk (Always backup before changing anything in your software/database/servers etc). Techs change, go out of date etc...
I/we accept no liability if anything you use on this site adversely affects you.

How to do Columns in HTML and CSS

By | CSS, HTML, Responsive Web Design, Web Design | No Comments

Recently my mate Dave asked me how to do Responsive columns in html and css using Divs.

Dave was used to doing columns in frameworks like the Twitter Bootstrap framework. I must admit I was abit rustly myself so I wrote this for myself as much as Dave. Read More

Disclaimer: All content on this site, is use at your own risk (Always backup before changing anything in your software/database/servers etc). Techs change, go out of date etc...
I/we accept no liability if anything you use on this site adversely affects you.