Search

Nalezeno "and": 61183

Getting Started with Yoga and Prisma for Building GraphQL Servers

7.6.2018
By now, you have probably heard a lot of buzz about GraphQL going around and how it’s going to replace REST but you don’t even know where to begin. You hear a lot of buzzwords about mutations and

Manipulating Pixels Using Canvas

7.6.2018
Modern browsers support playing video via the <video> element. Most browsers also have access to webcams via the MediaDevices.getUserMedia() API. But even with those two things combined, we can’t really access and manipulate those pixels directly. Fortunately, browsers have a Canvas...

Headless CMS: Fresh Air for Developers

7.6.2018
(This is a sponsored post.) Your current CMS sucks! You know that for some time already but have not decided yet what your next solution should be. You've noticed all the buzz around headless CMS but you're still not sure what is in it for you and how it can solve all your woes. What is...

console.logTime

7.6.2018
I work on a really complex debugger at Mozilla but, and don’t tell my colleagues, I sometimes enjoy simply using console.log and other console commands to get some simple output. I know, I know, but hey — whatever gets the job done. A few years ago I detailed console.time...

console.timeLog

The web can be anything we want it to be

6.6.2018
I really enjoyed this chat between Bruce Lawson and Mustafa Kurtuldu where they talked about browser support and the health of the web. Bruce expands upon a lot of the thoughts in a post he wrote last year called World Wide Web, Not Wealthy Western Web where he writes: ...across the world...

Animate Images and Videos with curtains.js

6.6.2018
While browsing the latest award-winning websites, you may notice a lot of fancy image distortion animations or neat 3D effects. Most of them are created with WebGL, an API allowing GPU-accelerated image processing effects and animations. They also tend to use libraries built on top of WebGL such...

Debug JavaScript in Production with Source Maps

5.6.2018
These days, the code you use to write your application isn’t usually the same code that’s deployed in production and interpreted by browsers. Perhaps you’re writing your source code in a language t

How to Integrate MongoDB Atlas and Segment using MongoDB Stitch

5.6.2018
It can be quite difficult tying together multiple systems, APIs, and third-party services. Recently, we faced this exact problem in-house, when we wanted to get data from Segment into MongoDB so we

What’s Next for Hybrid App Developers? (Sponsored)

5.6.2018
The story of hybrid application development is a never-ending one. Each framework has to continuously strive and innovate to remain relevant, and the discussion of which framework to use is a question often asked. Most hybrid applications are built using a combination of HTML, CSS, and JavaScript....

15 Interesting JavaScript and CSS Libraries for June 2018

5.6.2018
This June's collection is packed with awesome free resources including some powerful CSS frameworks and JS tools

Collapsing Logo Effect

5.6.2018
A recreation of the collapsing logo effect seen on PracticalVR. The idea is to have an initial view that animates to a logo in the top left corner of the page. Collapsing Logo Effect was written by Mary Lou and published on Codrops

Combining the Powers of SEM and BIO for Improving CSS

4.6.2018
CSS is easy, some might argue, but that "easiness" can cause messy code. This is especially true through power of preprocessors like Sass or Less where, if you aren’t careful, your CSS can become harder to deal with instead of easier. Sass? Harder? This Gist shows a great example of Sass nesting...

Collective #421

4.6.2018
Oat the Goat * NimForum * Maid * From Brain With Love * Fathom Analytics * WTF * Line Lisa * Hiper Collective #421 was written by Pedro Botelho and published on Codrops

HSL() / HSLa() is great for programmatic color control

1.6.2018
If you ever need to hand-manipulate a color in native CSS, HSL is pretty much the only way. HSL (the hsl() and hsla() functions in CSS) stands for hue, saturation, lightness, and optionally, alpha. We've talked about it before but we can break it down a little more and do some interesting things...

Script & Style Show: Episode 11: Ionic Framework with Max Lynch

1.6.2018
In this episode: David blames his wife for getting sick and missing last week’s show, Todd’s got a new Jeep, and David then blames his wife for not letting him have a Jeep. Oh, and Max Lynch of Ionic Framework fame stops by to talk about Ionic, Stencil, Web Components, the state...

The State of Changing Gradients with CSS Transitions and Animations

1.6.2018
Back in 2012, Internet Explorer 10 came out and, among other things, it finally supported CSS gradients and, in addition to that, the ability to animate them with just CSS! No other browser supported this at the time, but I was hopeful for the future. Sadly, six years have passed and nothing...

WDRL — Edition 230: DNS over HTTPS, Web Push and Bitcoin’s Dark Energy Secret

1.6.2018
Hey, the web’s evolving every single day and it’s amazing to follow and watch what happens. So when I heard first about Notifications in our web browsers by websites I was immediately concerned that a lot of websites will abuse this and ask for permission. Over time, a lot of people got annoyed...

Frustration

31.5.2018
Jeremy Keith talks about a couple of recent frustrating moments in his life. One regarding a musical instrument, one involving a build process: That feeling of frustration I get from having wiring issues with a musical instrument is the same feeling I get whenever something goes awry with my...

Build Multiple Stacking Sticky Sidebars with Pure CSS and Bootstrap 4

31.5.2018
Making high performant, pure CSS sticky sidebars that stack with Bootstrap 4. This will be a quick and pretty cool tutorial on a neat trick on how to have m