Say Hello to Houdini and the CSS Paint API
Will Boyd introduces the Houdini project and shows how to get started with the CSS Paint API (the first part of Houdini to go live). - https://goo.gl/L4X8qd
#css #paintAPI
Will Boyd introduces the Houdini project and shows how to get started with the CSS Paint API (the first part of Houdini to go live). - https://goo.gl/L4X8qd
#css #paintAPI
Codersblock
Say Hello to Houdini and the CSS Paint API / Coder's Block
I haven’t been this excited about a new browser tech in a long time. Houdini is an ambitious project to give developers more power over CSS than we’ve ever had before. The first piece of this project […]
JavaScript Modules Worth Using
A quick breakdown of the most useful JavaScript modules that Travis Fischer has found himself using over and over again. - https://goo.gl/DQZnEb
#javascript
A quick breakdown of the most useful JavaScript modules that Travis Fischer has found himself using over and over again. - https://goo.gl/DQZnEb
#javascript
Hacker Noon
🔥 JavaScript Modules Worth Using 🔥
A quick breakdown of the most useful JavaScript modules that I find myself using over and over again.
Theming with Variables: Globals and Locals
Andrés Galante shares some tips on theming using Global and Component variables. - https://goo.gl/BLWeZp
#css
Andrés Galante shares some tips on theming using Global and Component variables. - https://goo.gl/BLWeZp
#css
CSS-Tricks
Theming With Variables: Globals and Locals
Setting CSS variables to theme a design system can be tricky: if they are too scoped, the system will lose consistency. If they are too global, you lose granularity. Maybe we can fix both issues. I’d like to try to boil design system variables down to two…
Creating a Progressive Web App with Ionic and Firebase Hosting
Part 3 in a series on creating a real-time chat app using Socket,io and Ionic, with the final part showing how to convert it to a Progressive Web App. - https://goo.gl/wAwUjk
#ionic
Part 3 in a series on creating a real-time chat app using Socket,io and Ionic, with the final part showing how to convert it to a Progressive Web App. - https://goo.gl/wAwUjk
#ionic
Masteringionic
Creating a Progressive Web App with Ionic and Firebase hosting
Using Ionic and Firebase Hosting to create a Progressive Web App that we will test with Google Chrome Lighthouse plugin
🥰1
A Short Guide to a Productive Docker Dev Environment
If you don’t need full-on Kubernetes, you may prefer this tutorial focused on Docker. - https://goo.gl/im5DpP
#nodejs #docker
If you don’t need full-on Kubernetes, you may prefer this tutorial focused on Docker. - https://goo.gl/im5DpP
#nodejs #docker
Nrempel
A Short Guide to a Super Productive Docker Development Environment | Nicholas Rempel
Nick Rempel is an experienced software developer with a focus on SaaS and mobile application development. When he's not working, Nick spends his time exploring Vancouver Island and the outdoors.
Tips and Tricks for Creating a Native Mobile App with NativeScript - https://goo.gl/A3wyZN
#nativeScript
#nativeScript
DEV Community
Creating a native mobile app with NativeScript — tips and tricks
I wrote a native app with NativeScript and I am keen to share some of the things I learned that can save you time.
CSS Gradient
CSS Gradient is an online tool that lets you create gradients for the web. - https://goo.gl/CexBgV
#css #tools
CSS Gradient is an online tool that lets you create gradients for the web. - https://goo.gl/CexBgV
#css #tools
CSS Gradient
CSS Gradient — Generator, Maker, and Background
As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile.
Building a GitHub Client with React Apollo
A walkthrough of building an app to interact with GitHub’s awesome GraphQL API. - https://goo.gl/mvkmqL
#react #apollo
A walkthrough of building an app to interact with GitHub’s awesome GraphQL API. - https://goo.gl/mvkmqL
#react #apollo
A 10 Video Introduction to Functional JavaScript with Ramda
Want to get started with functional programming in JavaScript? Ramda is a more functional alternative to libraries like Lodash, and these brief videos cover the essentials. You may also appreciate Kyle Simpson’s Functional-Light JavaScript if you set off on the functional programming journey. - https://goo.gl/VQMx1J
#javaScript #ramda
Want to get started with functional programming in JavaScript? Ramda is a more functional alternative to libraries like Lodash, and these brief videos cover the essentials. You may also appreciate Kyle Simpson’s Functional-Light JavaScript if you set off on the functional programming journey. - https://goo.gl/VQMx1J
#javaScript #ramda
Common Anti-Patterns and Gotchas in React
Covers five common problems with an example and resolution for each. - https://goo.gl/PdJ8X7
#react
Covers five common problems with an example and resolution for each. - https://goo.gl/PdJ8X7
#react
codeburst
How to NOT React: Common Anti-Patterns and Gotchas in React
What is an anti-pattern? Anti-patterns are certain patterns in software development that are considered bad programming practices.
Notched Boxes
Chris Coyier shows how to create cut-off corner effect using clip-path. - https://goo.gl/fxCqqt
#css
Chris Coyier shows how to create cut-off corner effect using clip-path. - https://goo.gl/fxCqqt
#css
CSS-Tricks
Notched Boxes | CSS-Tricks
Say you're trying to pull off a design effect where the corner of an element are cut off. Maybe you're a Battlestar Galactica fan? Or maybe you just like
A Complete Guide to Recording Location Data in React Native
A complete guide to gathering a users’ location data and displaying it on a map with React Native. - https://goo.gl/Z53GCa
#reactNative
A complete guide to gathering a users’ location data and displaying it on a map with React Native. - https://goo.gl/Z53GCa
#reactNative
Pauldowman
Shutting down OK GROW! and joining Shopify
The time has come for me to move on to something new, and OK GROW! is no more.
Thank you to our clients, and to our amazing team.
My focus remains on building…
Thank you to our clients, and to our amazing team.
My focus remains on building…
JavaScript vs. TypeScript vs. ReasonML: Pros and Cons
Dr. Axel is becoming a fan of static typing for larger projects and explains the pros and cons of it and how static typing relates to the TypeScript and ReasonML projects. - https://goo.gl/kLXK7c
#javascript #typescript
Dr. Axel is becoming a fan of static typing for larger projects and explains the pros and cons of it and how static typing relates to the TypeScript and ReasonML projects. - https://goo.gl/kLXK7c
#javascript #typescript
2ality
JavaScript vs. TypeScript vs. ReasonML
In this blog post, I describe the pros and cons of three programming languages/dialects: JavaScript, TypeScript and ReasonML. My descriptions are based on recent experiences with TypeScript and ReasonML on a few smaller real-world projects and on years of…
Renderless Components in Vue.js
A comprehensive guide on designing customizable Vue.js components using scoped slots and render functions. - https://goo.gl/pgJhrB
#vue
A comprehensive guide on designing customizable Vue.js components using scoped slots and render functions. - https://goo.gl/pgJhrB
#vue
adamwathan.me
Renderless Components in Vue.js
Have you ever pulled in a third-party UI component only to discover that because of one small tweak you need to make, you have to throw out the whole package?
A renderless component is a component that doesn't render any of its own HTML and instead only…
A renderless component is a component that doesn't render any of its own HTML and instead only…
Loading Third-Party JavaScript
Addy Osmani and Arthur Evans explain how to optimize the loading of third-party scripts to reduce their impact on performance. - https://goo.gl/93hmBm
#javascript
Addy Osmani and Arthur Evans explain how to optimize the loading of third-party scripts to reduce their impact on performance. - https://goo.gl/93hmBm
#javascript
Google Developers
Loading Third-Party JavaScript | Web Fundamentals
| Google Developers
| Google Developers
Third-party scripts provide a wide range of useful functionality, making the web more dynamic. Learn how to optimize the loading of third-party scripts to reduce their impact on performance.
The History of Node.js on a Timeline
With Node getting its name on March 3, 2009, we’re due a tenth anniversary next year. - https://goo.gl/Qqq7fQ
#nodejs
With Node getting its name on March 3, 2009, we’re due a tenth anniversary next year. - https://goo.gl/Qqq7fQ
#nodejs
RisingStack Engineering - Node.js Tutorials & Resources
History of Node.js on a Timeline | @RisingStack
A look back at what exactly happened to Node.js so far, from the point where it was born. The history of Node.js on a timeline: 2009-2018
Introducing Certificate Transparency and Nimbus
Certificate Transparency is the process of allowing the generation of security certificates to be audited in public and Cloudflare has created a new, open certificate transparency log and a dashboard to explore the CT ecosystem. This is a great article if you want to learn more about CT and what it entails. - https://goo.gl/Qj8oEB
#certificate
Certificate Transparency is the process of allowing the generation of security certificates to be audited in public and Cloudflare has created a new, open certificate transparency log and a dashboard to explore the CT ecosystem. This is a great article if you want to learn more about CT and what it entails. - https://goo.gl/Qj8oEB
#certificate
The Cloudflare Blog
Introducing Certificate Transparency and Nimbus
Certificate Transparency (CT) is an ambitious project to help improve security online by bringing accountability to the system that protects HTTPS. Cloudflare is announcing support for this project by introducing two new public-good services.
Front End Architecture — Making rebuild from scratch not so painful
How to create a package to handle application business rules, API calls, localStorage and change frontend frameworks as often as you want to. - https://goo.gl/tqU9X1
#frontEnd
How to create a package to handle application business rules, API calls, localStorage and change frontend frameworks as often as you want to. - https://goo.gl/tqU9X1
#frontEnd
Medium
Front End Architecture — Making rebuild from scratch not so painful
How to create a package to handle application business rules, API calls, localStorage and change frontend frameworks as often as you want…
Dragon Drop
Dragon Drop is an accessible drag and drop list reorder module. - https://goo.gl/LLnmUj
#react
Dragon Drop is an accessible drag and drop list reorder module. - https://goo.gl/LLnmUj
#react
GitHub
GitHub - schne324/dragon-drop: Accessible drag and drop list reorder module
Accessible drag and drop list reorder module. Contribute to schne324/dragon-drop development by creating an account on GitHub.