Our featured WordPress tutorial for today may be a long-time classic trick. It comes from renowned CSS guru Chris Coyier of CSS-tricks, and it’s about replacing the ellipsis (…) from the excerpt with a permalink to the post. It is a pretty short snippet and so it’s very easy to implement on your site. All [...]
Today’s feature is GoalSmashers’ node.js library called clean-css. It’s a nice and very simple utility for minifying and concatenating CSS files. It strips unnecessary whitespace, removes comments, deletes the last semicolon of every selector, and more. Basically, it does the same job as YUI Compressor’s CSS minifier but much faster. Using the clean-css library is [...]
Check out this pretty neat barcode generator created by Rex Feng using CSS and JavaScript! The JavaScript is used solely for the automation of the HTML/CSS while the CSS takes care of the divs to conform to UPC-A details. Test runs were done using the RedLaser mobile app and the results were positive (i.e. the [...]
Our featured tutorial for today is from Chris Spooner of LINE25, and what it’s about is recreating that classic and attractive calendar (or date) icon which I’m pretty sure is quite familiar to everyone; we usually see it on various user interfaces to represent an organizer app or widget. But in this tutorial,,you’re going to [...]
Twitter Bootstrap is an extensive font-end toolkit that contains HTML and CSS-based templates used for developing web sites and applications like forms, typography, optional Javascript extensions and more. Bootstrap began as an internal Twitter object intended for developing management tools and was made as style guide. It then became popular as many users used this [...]
Cubism.js is a great D3 plugin developed by Mike Bostock for displaying time series in real-time. With Cubism, you’ll be able to create better real-time dashboards, pulling data from various sources. In terms of flexibility, Cubism.js is highly customizable via CSS and JavaScript, and it also lets you add new chart types and modes of [...]
Arctext.js is a plugin created by web developer Pedro Botelho that rotates the letters with CSS3 transformation and arranges them along a curved path. The lettering.js calculates the right rotation of each letter then distributes it across the imaginary arc of the radius. Below is the code: radius : 0, // the minimum value allowed [...]
One of the very interesting techniques in creating buttons with CSS is by Johnny Simpson . His creation is these sleek pressure style buttons that you may find useful in your site. He mainly used multiple box shadows to add depth instead of gradients because it has more solid ground when it comes to support. [...]
Here’s another amazing video tutorial by Chris Coyier from CSS-tricks where he gives a straightforward overview on CSS positioning, an area of CSS where a lot of people are struggling with. The video is a quick beginner-level overview of the different CSS position values (i.e. static, absolute, relative, fixed, and inherit). I hope that a [...]
Jeffrey Way shares with us a great CSS tutorial where you can create a counter which is very handy for presentations, using a counter-increment. Sounds unfamiliar? Well, counter-increment has been around for some time, it’s just that we haven’t used this property a lot. You can use this technique in comments section of your blog [...]
0
511
