I have recently found myself wanting to tightly pack an SVG shape into an HTML container. By tight packing, I mean I want the outermost points of my shape to be right on the edges on the container, without anything …
Major changes in Version 4. Some highlights:
Joni Korpi on the redesign of his personal website, where he describes all the issues involving “zoomable user interfaces”, or ZUIs. For example, clicking on a link will zoom into that particular element rather than cause a full page refresh. …
I’ve spent a good portion of my professional career working with WordPress, and I’ve come to learn a couple of things: Popularity breeds contempt, and to dismiss something based solely on the critiques of others is a missed opportunity.
WordPress …
This assumes the use of an autoprefixer.
.face:hover {
animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;
}
@keyframes shake {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(2px, 0, 
These are some of my favorites from conferences I’ve either been to lately, have watched online, or were recommended to me (in which case they aren’t always super recent). I link up the playlist of videos from the conference the …
Interesting that it’s not about code or design (in a traditional sense). It’s about writing and copy and tone and and that kind of thing. Distinctly different from their Patterns. Makes sense to me. There doesn’t seem to be …
David Merfield:
There are lots of clever one-liners for generating random colors:
'#' + Math.floor(Math.random()*16777215).toString(16);…Unfortunately, this code naturally produces lots of greys and browns and murky greens.
randomColor generates attractive colors by default. More specifically, randomColor produces bright colors
Tiffany Stoik wrote up how she created some really clever pixelated hover effects.…
You can’t really compare if two jQuery objects are the same…
if ($(selectionOne) === $(selectionTwo)) {
}You can compare DOM objects though…
if ($(selectionOne)[0] === $(selectionTwo)[0]) {
} But that’s only really useful if you’re comparing a single element, …
jQuery doesn’t really have an .hasAttr() function. You might assume that it does, but alas, it does not.
A StackOverflow thread has some pretty good solutions.
Get the attribute, check the valuevar attr = $(this).attr('name');
// For some browsers,