Search

Nalezeno "SVG": 523

JavaScript Proxy


I’ve always loved the flexibility of Objects and prototypes in JavaScript, but for a long time, I felt that a level of dynamism was lacking. JavaScript eventually added get and set methods for object properties, which was an awesome step, but there was still room for improvement....

iconsvg.xyz


There is a lot to like about Gaddafi Rusli's ICONSVG. It provides inline <svg>, which is the most generically useful way to deliver them, and probably how they should be used anyway. Each icon is a tiny amount of SVG and I'd bet they were all hand-golfed. They are all stroke-based, so they...

Chris Coyier’s Favorite CodePen Demos IV


Did you know you can triple-heart things on CodePen? We’ve had that little not-so-hidden feature forever. You can click that little heart button on any Pen (or Project, Collection, or Post) on CodePen to show the creator a little love, but you can click it again and again to heart it just that...

Blobs!


I was recently a guest editor for an issue of Bizarro Devs. It's a great newsletter! Go sign up! I put in a bunch of links around blobs. Like those weird squishy random shapes that are so "in" right now. Here are those links as well. I'm always a fan of publishing stuff I write ;) Blobs! Blobs...

Awesome Analytics with Keen.io (Sponsored)


As a young developer, I would often make decisions based on what I considered to be common sense or what I would envision appealed to users. What a mistake. As I’ve become more experienced as a developer and a businessman, I’ve realized that analytics are the best way to make...

Diana Smith’s Top 5 CSS Properties She Uses to Produce CSS Art


Have you seen Diana Smith's CSS drawings? Stunning. These far transcend the CSS drawings that sort of crudely replicate a flat SVG scene, like I might attempt. We were lucky enough for her to post some of her CSS drawing techniques here last year. Well, Diana has also listed the top five...

Welcome to My New Office


My first professional web development was at a small print shop where I sat in a windowless cubical all day. I suffered that boxed in environment for almost five years before I was able to find a remote job where I worked from home. The first thing I told myself when leaving that first...

SVG Filter Effects: Creating Texture with <feTurbulence>


Learn how you can use the powerful SVG filter primitive &#60;feTurbulence&#62; to create your own textures and distortion effects. SVG Filter Effects: Creating Texture with &lt;feTurbulence&gt; was written by Sara Soueidan and published on Codrops

Using Slack Slash Commands to Send Data from Slack into Google Sheets


Since I work from home, most of my daily work interactions happen through Slack. It’s my equivalent to the water cooler. A place to hang out and discuss ideas with friends. I’m part of a book recommendations channel. People share books all the time, but they disappear quickly, lost in a sea...

The ineffectiveness of lonely icons


Icons are great and all, but as we've been shown time and time again, they often don't do the job all by themselves. Even if you do a good job with the accessibility part and make sure there is accompanying text there for assistive technology, in an ironic twist, you might be confusing people...

Script & Style Show on iTunes!


Last year Todd Gardner of TrackJS and I debuted our YouTube web show (podcast): The Script &#38; Style Show. It was an amazing first year of guests, including Chris Coyier, Kyle Simpson, Jason Laster, Max Lynch, Dylan Schiemann, and more! And the show will only get better! I&#8217;m happy...

Animate a Blob of Text with SVG and Text Clipping


I came across this neat little animation in a designer newsletter — unfortunately, I lost track of the source, so please give a shout out if you recognize it! In it, a block of text appears to bleed into view with a swirl of colors, then goes out the same way it came in. It’s a slick effect and...

SVG Filter Effects: Duotone Images with <feComponentTransfer>


This fourth article in our SVG Filter series will show you how to use feComponentTransfer to create a duotone filter effect. SVG Filter Effects: Duotone Images with &lt;feComponentTransfer&gt; was written by Sara Soueidan and published on Codrops

CSS :placeholder-shown


One of the first plugins that would hit a new framework in the early days of JavaScript frameworks was a placeholder plugin, which is why we were so excited when HTML5 brought us the placeholder attribute. Then CSS lovers like me were thrilled when the CSS spec allowed us to style placeholders....

The Many Ways to Change an SVG Fill on Hover (and When to Use Them)


SVG is a great format for icons. Vector formats look crisp and razor sharp, no matter the size or device — and we get tons of design control when using them inline. SVG also gives us another powerful feature: the ability to manipulate their properties with CSS. As a result, we can make quick...

Set Desktop Wallpaper from Command Line on Mac


Whenever I need to accomplish a basic task that typically calls for interacting with a UI, I challenge myself to complete the task from command line. After all, most UIs are simply a mask over basic commands, especially when it comes to the operating system. Suddenly I feel like an automation...

Mac Dark Mode from Command Line


One of the best professional decisions I ever made was switching to a dark text editor theme. I suffered from horrible headaches for years, partially caused by late night coding sessions with blindingly bright computer screens. Recently Apple implemented a dark OS theme which helps my eyes,...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace