Tag > css
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.
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!
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…
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.
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.