There are times when a really long string of text can overflow the container of a layout.
For example:
URL’s don’t typically have spaces in them, so they are often culprits.Here’s a big snippet with all the CSS players …
To figure out your grid width percentages for a fluid design, you start with a fixed design and divide the column widths by the container width. Elliot Jay Stocks calls for us to stop the self-torture and use 1000px for …
Chartwell is a font specifically for making simple and beautiful pie charts, bar charts, and line graphs. It’s as simple as writing out simple equations like 40+20+25+15. In desktop software like Adobe Illustrator, you control the graph by writing out …
var arr = [1, 2, 3, 4, 5];
var removeItem = 2;
arr = $.grep(arr, function(value) {
return value != removeItem;
});I’ve long been convinced icon fonts are awesome. Now Drew Wilson’s new service (and article I’m linking to) put to rest any of the last possible arguments against them. Think they use unsemnatic markup? Apply them via pseudo element. …
Bookmarklet by Benjamin Keen which automates an idea by Lennart Schoors where the current page is loaded into a bunch of differently sized iframes, so when working on a large monitor, you can see what a design looks like at …
window.location = "https://" + window.location.hostname + window.location.pathname + window.location.search;You might wanna test if window.location.href doesn’t start with “https” before doing that, so you don’t redirect unless you have to.…
Where Dave and I are joined by Chris Eppstein. Sponsored by LessAccounting and United Pixelworkers (who are offering a 10% discount on shirts with coupon code “shoptalk”).…
You already know that inline styles are “bad practice.” Inline styles aren’t reusable like CSS in separate files is, and thus, inefficient bloat. Unless of course, when it isn’t. …
$.fn.pasteEvents = function( delay ) {
if (delay == undefined) delay = 20;
return $(this).each(function() {
var $el = $(this);
$el.on("paste", function() {
$el.trigger("prepaste");
setTimeout(function() { $el.trigger("postpaste"); }, delay);
});
});
};Call this plugin on an element, then you …
