Collective #488
31.1.2019
Simulating blobs of fluid * THREE.Phenomenon * socialsizes.io * WebAudio Polyphonic Synthesizer
Collective #488 was written by Pedro Botelho and published on Codrops
The Many Ways to Change an SVG Fill on Hover (and When to Use Them)
31.1.2019
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...
Forms that Move With You with Wufoo
31.1.2019
I've been into the idea of JAMstack lately. In fact, it was at the inaugural JAMstack_conf that I gave a talked called The All-Powerful Font-End Developer. My overall point there was that there are all these services that we can leverage as front-end developers to build complete websites without...
Set Desktop Wallpaper from Command Line on Mac
31.1.2019
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...
Custom Cursor Effects
31.1.2019
A collection of five demos and a tutorial on how to create animated custom cursor effects for interactive elements like navigations, galleries and carousels.
Custom Cursor Effects was written by Stefan Kaltenegger and published on Codrops
Live Coding is Boring. Announcing Weekly Live Coding with Scotch.io!
31.1.2019
Hello there. Chris Sevilleja, creator of Scotch.io here. I've been doing some
Multiple Background Clip
30.1.2019
You know how you can have multiple backgrounds?
body {
background-image:
url(image-one.jpg),
url(image-two.jpg);
}
That's just background-image. You can set their position too, as you might expect. We'll shorthand it:
body {
background:
url(image-one.jpg) no-repeat top right,
...
The Importance of One-on-Ones
30.1.2019
What do we mean by 1:1 (pronounced one-on-one)? This is typically a private conversation between an Engineering Manager/Lead and their Employee. I personally have been a Lead, a Manager, and also an Independent Contributor/Software Engineer, so I’ve sat at each side of the table. I’ve both...
An Overview of the Most Exciting Proposals for the Web Platform Related to Web Components
30.1.2019
As much as I like frameworks, I'm also a big fan of the native web platform, especially web components.
I look forward to the times when the implementation will be powerful eno
Mac Dark Mode from Command Line
30.1.2019
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,...
Buildings Wave Animation with Three.js
30.1.2019
A tutorial on how to create a 3D building wave animation with three.js and TweenMax.
Buildings Wave Animation with Three.js was written by Ion D. Filho and published on Codrops
11 Awesome JavaScript Extensions for Visual Studio Code
29.1.2019
One of the most impressive parts of Visual Studio Code is customizability, especially via extensions. I won't cover framework specific extensions, but here are some of the best extensions in VS Cod