How to make a circle or elipsis in pure CSS?
Why would one want to make a circle or elipsis in just pure CSS? Because you can easily change the color and size using CSS and it looks great even when upscaled!
And how to do it, well, it’s extremely simple- let’s create a small rectangle:
<div style=”width:70px; height:50px; background-color: red”></div>
and then let’s add rounded corners to [...]
How to make a triangle in pure CSS?
In this post I’ll show you a trick to draw triangles in pure CSS. Why should you want to draw triangles in CSS instead of using images? Because CSS needs less bytes, it’s easier to modify colors and size and it can be enlarged easily (which would lead to horrible pixelation when using images).
First we should understand the method behind this trick, so- everything is based on drawing rectangles with big border.
How to style HTML file upload with CSS?
Styling <input type=”file”> is problematic, because most of the browsers don’t apply any styling to it.
But there is a nice hack, which works in major browser (including Firefox and Internet Explorer).
You just need to place a span, and in that space- nice looking text field which will imitate upload field and then the right upload [...]
How to compress CSS files with PHP?
In this post I will present a class I wrote for CSS compression. I know there are some scripts which can do this, but maybe someone will find mine somehow better
The code is simple and the whole thing runs fast. It removes unnecessary elements such as comments, whitespaces, tries to compress colors and so on. It can also output gzip compressed CSS.
Optimizing gif, jpg, png, html, css and js files
Kashmir Web Optimizer is a simple-to-use Windows application which can compress website specific files like CSS, JS, HTML, GIF, PNG and JPEG. The compression is lossless, so no real information is removed.
For JPEG files the application is mostly removing EXIF sections and comments. PNG and GIF files are recompressed with stronger compression. From HTML, JS and CSS files it is removing comments and unnecessary whitespace characters. And does even more!