Tag > css

09 Aug
2015

bootstrap icon grafxflow

Bootstrap 4, 3 and 2 css @media rules widths

Along with Font Awesome I nearly always use the Bootstrap 3 front-end framework for responsive website development. It allows a quicker workflow than starting from scratch.

But nearly always in a project there are needs to create custom CSS for things like different font sizes etc. So it’s always good to know what widths Bootstrap is using in its own css @media rules.

Continue reading…

Posted in: <Bootstrap>

02 Aug
2015

20 free fonts thumbnail

20 of the Best Web Font icons

Whether you are a developer or a designer for the web, it’s always nice to have a collection of icons to use plus ones that can implemented direct with CSS.

The advantage is they stay crisp/sharp no matter what the screen size plus you can change the size and colours easily with CSS without any image processing.

I have listed 20 of the best free fonts on the web. Hope you find them handy… I do!

Continue reading…


18 Mar
2013

css icon grafxflow

What is responsive CSS

The use of Responsive CSS has become more popular over the last few years due to the demand and popularity of mobile devices. It allows you to design a website which will change scale and layout depending on a users device (Computer, Mobile and Pad). There are other ways of doing this such as PHP to detect the device (User Agent) and redirect to a different url or load a different devices specific CSS file. The problem with the latter has got more and more complicated with the amount of devices on the market.

So here is a simple little snippet of CSS code to get you started…

Continue reading…


29 Nov
2012

css icon grafxflow

Fix html table width with CSS

Sometimes when outputting data in a table based layout you may find the size and width differ depending on the content, so to fix the tables and all the inner columns width use the below CSS.

Continue reading…

Tagged: < | | | >

12 Oct
2012

css icon grafxflow

What is the CSS word-wrap property used for?

A wonderful CSS property is the word-wrap. For example let’s say there is a website which has a dynamic RSS feed and its div container is not wide enough to show long urls. By default they will overlap the div or paragraph container… which doesn’t look good! With word-wrap it forces the long url to break and wrap onto the next line.

Continue reading…

Tagged: < | | >

smart search