21580
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile и многое другое. Администратор: @andrey2019 Donate: https://goo.gl/5FJz4U
Handling State in React: Four Immutable Approaches to Consider
State is perhaps “the most common point of confusion in React today”. - https://goo.gl/PSJmRH
#react
Safari Service Workers and Other PWA Good News Stories
There’s been a lot of good news for fans of PWAs across 2017 and this post summed much of it up. - https://goo.gl/6qWPzM
#pwa
A Thorough Guide to Building Layouts with CSS Grid
A helpful guide to CSS Grid, including a free visual grid builder tool. - https://goo.gl/QDNe7q
#css #grid
Debugging Tips and Tricks for Front-End Developers
A fantastic round-up of concepts, tools, and things to consider when doing one of a developer’s most important tasks: debugging. - https://goo.gl/zKAj5o
#debugging #tips
Cross-Platform Mobile App Development Tools Compared
Summaries and pros and cons of Cordova, Phonegap, Ionic, Framework 7, Weex, React Native, NativeScript, Flutter, Jasonette, and Manifold. -
https://goo.gl/GiZBhe
#mobile #frameworks #compare
Creating A Pagination Component with React - https://goo.gl/yrWWEC
#react #component
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
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.
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
Manageable Utility Systems with CSS Variables
Kasey Bonifacio shows the difference between Sass variables and CSS variables. - https://goo.gl/jx6ZTS
#css #sass
Design Ideas for Mobile Menus
Ideas to help inspire a mobile navigation strategy - https://goo.gl/aPFK1e
#mobile #design #menu
Animating Border
Stephen Shaw gives an overview of different methods for animating the border property on hover. - https://goo.gl/Kp3Dmx
#css #animation
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
30 Seconds of Code: Useful, Bitesize JavaScript Snippets
A large curated collection of useful bits of JavaScript code you can understand in 30 seconds or less. - https://goo.gl/z3Rbz8
#javascript #snippets
Design Systems and CSS Grid
A look at the thorny issue of integrating modern CSS Grid layouts into an existing design system, (and how you’ll reap the benefits of leaner, more maintainable markup to boot). - https://goo.gl/MUAJwv
#design #css #grid
Uploading Files With VueJS and Axios
Handling files can be a tricky task in a frontend application. This tutorial by Dan Pastori will show you a simple way to add a file upload feature to a Vue.js app. - https://goo.gl/gy4HPZ
#vue #axios #fielUploading
A Checklist of Node Production Best Practices
19 different tips or best practices to consider when putting your Node apps into production, along with pop-out examples and links. - https://goo.gl/Hxyiaf
#nodejs
Creating an 'Offline' Notice in React Native
Ever seen the red “No Internet Connection” sign in apps like Facebook Messenger? Here’s how to recreate it. - https://goo.gl/Q1pvjH
#reactNative
How To Secure Your Web App With HTTP Headers
Hagay Lupesko reviewed key security-related HTTP headers and demonstrated their use in mitigating security vulnerabilities and attacks. - https://goo.gl/QKCoUw
#web #http #secure
vue-inspector
Vue.js Inspector for Mobile Devices. - https://goo.gl/FUhmE3
#vue #tools
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
Testing React Components
Some quick insights gained from writing thousands of UI tests. - https://goo.gl/5tBj4C
#react #testing
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
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
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
How To Implement Material Design Motion with React -https://goo.gl/aLZ6zT
#react
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
Speed up Your Node App with Native Addons
What’s faster, C++ or JavaScript? - https://goo.gl/xQ7wu3
#nodejs #addon
Modern Asynchronous CSS Loading
Scott Jehl shows how and why you should use rel=preload to load CSS asynchronously. - https://goo.gl/aD6VPc
#css
Creating Progressive Web Apps with Angular 5
Part two in a series on creating PWA’s with Angular. Part one here. - https://goo.gl/fe8sVF
#angular5 #pwa