PostHTML: An HTML/XML Transformation Tool Based on JS Plugins
Think PostCSS but for HTML and XML (which brings formats like SVG into play too). Check out the examples and plugins available. - https://goo.gl/e8tcdv
#tools #postHtml
Think PostCSS but for HTML and XML (which brings formats like SVG into play too). Check out the examples and plugins available. - https://goo.gl/e8tcdv
#tools #postHtml
GitHub
posthtml/posthtml
PostHTML is a tool to transform HTML/XML with JS plugins - posthtml/posthtml
The React and React Native Event System Explained
How exactly does React handle events? Here’s a look at what’s happening behind the scenes. - https://goo.gl/x4VV31
#react #event
How exactly does React handle events? Here’s a look at what’s happening behind the scenes. - https://goo.gl/x4VV31
#react #event
Animating Border
Stephen Shaw gives an overview of different methods for animating the border property on hover. - https://goo.gl/Kp3Dmx
#css #animation
Stephen Shaw gives an overview of different methods for animating the border property on hover. - https://goo.gl/Kp3Dmx
#css #animation
CSS-Tricks
Animating Border | CSS-Tricks
Transitioning border for a hover state. Simple, right? You might be unpleasantly surprised. The Challenge The challenge is simple: building a button with
Design Ideas for Mobile Menus
Ideas to help inspire a mobile navigation strategy - https://goo.gl/aPFK1e
#mobile #design #menu
Ideas to help inspire a mobile navigation strategy - https://goo.gl/aPFK1e
#mobile #design #menu
Popmotion: A Functional JavaScript Motion Library
Mix tweens, physics, & user inputs to create elegant Web-based interactions - all in 11KB. - https://goo.gl/n9nHAZ
#javascript #animations
Mix tweens, physics, & user inputs to create elegant Web-based interactions - all in 11KB. - https://goo.gl/n9nHAZ
#javascript #animations
popmotion.io
Popmotion is a collection of low-level JavaScript animation functions and utils for advanced animators.
Manageable Utility Systems with CSS Variables
Kasey Bonifacio shows the difference between Sass variables and CSS variables. - https://goo.gl/jx6ZTS
#css #sass
Kasey Bonifacio shows the difference between Sass variables and CSS variables. - https://goo.gl/jx6ZTS
#css #sass
Sparkbox
Manageable Utility Systems with CSS Variables
Let's study at the difference between Sass variables and new CSS variables. Now, we have more options to simplify our code and condense classes.
React is the Most Used Front-End Framework
Results from this year’s State of JavaScript survey show React is the dominant player, though Vue is the one most people want to learn next. - https://goo.gl/r8SkZK
#survey #frontEnd
Results from this year’s State of JavaScript survey show React is the dominant player, though Vue is the one most people want to learn next. - https://goo.gl/r8SkZK
#survey #frontEnd
Stateofjs
State Of JavaScript Survey Results: Front-end Frameworks
Find out which Front-end JavaScript tools and frameworks are the most popular.
Build a Secure To-Do App with Vue, ASP NET Core, and Okta
Building a simple app is a great way to stretch your legs and try a language or framework you haven’t used before. - https://goo.gl/AzC7zC
#vue #aspNet
Building a simple app is a great way to stretch your legs and try a language or framework you haven’t used before. - https://goo.gl/AzC7zC
#vue #aspNet
Scotch
Build a Secure To-Do App with Vue, ASP.NET Core, and Okta
I love lists. I keep everything I need to do (too many things, usually) in a big to-do list, and the list helps keep me sane throughout the day. It’s like having a second brain!
There are hundreds of to-do apps out there, but today I’ll show you how to build…
There are hundreds of to-do apps out there, but today I’ll show you how to build…
Zigzag Image–Text Layouts Make Scanning Less Efficient
When you’re laying out your new grid based pages it’s good to know just how users consume content on the page, and what makes it easier/less effort. - https://goo.gl/Z3FrJr
#web
When you’re laying out your new grid based pages it’s good to know just how users consume content on the page, and what makes it easier/less effort. - https://goo.gl/Z3FrJr
#web
Nielsen Norman Group
Zigzag Image–Text Layouts Make Scanning Less Efficient
In two-column layouts, vertically aligned images support efficient scanning better than images that alternate placement with text.
Hello Everyone.
I wanted to thank you for following FrontEnd Development in this year. The channel just recently grew past 1330 subscribers, and I’m immensely grateful for each and every one of you.
Have wonderful holidays in the circle of your loved ones and your family, and happy, successful & amazing new year!
Thank you.
I wanted to thank you for following FrontEnd Development in this year. The channel just recently grew past 1330 subscribers, and I’m immensely grateful for each and every one of you.
Have wonderful holidays in the circle of your loved ones and your family, and happy, successful & amazing new year!
Thank you.
Testing React Components
Some quick insights gained from writing thousands of UI tests. - https://goo.gl/5tBj4C
#react #testing
Some quick insights gained from writing thousands of UI tests. - https://goo.gl/5tBj4C
#react #testing
Medium
Testing React Components
Compressed knowledge from writing thousands of UI tests and a solution for making testing components easy
Re-using VueJS Mixins and Filtering Google Map Data
The last tutorial introduced mixins adding re-usable methods for filtering. This tutorial will use the mixins to filter cafes on a Google Map. - https://goo.gl/9FRPwY
#vue
The last tutorial introduced mixins adding re-usable methods for filtering. This tutorial will use the mixins to filter cafes on a Google Map. - https://goo.gl/9FRPwY
#vue
Server Side Up
Re-using VueJS Mixins and Filtering Google Map Data - Server Side Up
The last tutorial introduced mixins adding re-usable methods for filtering. This tutorial will use the mixins to filter cafes on a Google Map
Making HTML Responsive with a Single Line of CSS
The responsiveness happens in a single CSS Grid-related property, namely grid-template-columns coupled with the auto-fit keyword. -
https://goo.gl/L6g116
#responsice #css
The responsiveness happens in a single CSS Grid-related property, namely grid-template-columns coupled with the auto-fit keyword. -
https://goo.gl/L6g116
#responsice #css
freeCodeCamp
How to make your HTML responsive by adding a single line of CSS
In this article I’ll teach you how to use CSS Grid to create a super cool image grid which varies the amount of columns with the width of…