daily.dev Changelog·5ydaily.dev mobile-friendly web app is here 🔥
We are launching a mobile-friendly web app of daily.dev (check it out - app.daily.dev)! Our team has worked hard to help our developer community stay updated wherever they want. We're on Product Hunt today so make sure to show us your love: http://www.producthunt.com/posts/daily-dev-2.
Smashing Magazine·5yUseful VS Code Extensions For Web Developers
Meet useful Visual Studio Code extensions for web developers. They can help you minimize slow-downs and frustrations, and boost developer’s workflow along the way. In this post, we look into useful extensions for front-end development, from fine productivity boosters to advanced debugging helpers.
gitconnected·5yCreate distortion effect in images using ThreeJS + React + GSAP
ThreeJS + React + GSAP create distortion effect in images using ThreeJS. André Marques walks you through every step of this project. The project is based on an existing project in Codepen where I integrate into a React application. The Landing component will receive the parent element that will hold the canvas element generated by ThreeJS and an array of images.
Changelog·5ySlidev – presentation slides for developers
$ npm init slidev. or try it now with the following command: $ slidev -e 'slide' -d 'salt' -s 'slime' -f 'slim' - 'muted' -m 'slam' -v 'slim' -b 'sounds' -p 'slip' -a 'slick' -i 'mim' 'slimate' 'sims' 'mime' 'silence' 'smile' 'tweet' 'send' 'lose' 'fetch' 'unload'
Hashnode·5y8 Unique and Secret tricks Front-end Developers don't know
This post comes with some of the unique and secrets developer don't know. Some tricks will help you in your career and will make you productive, take you to next level in development. You can add legal docs, citations, terms and conditions or other prints in the bottom of your page with <small> tag.
JavaScript in Plain English·5yuseQuery Instead of Fetch While Calling an API
React doesn’t come with its own fetching library, so developers came with their own implementation to fetch the data from the server. The problem is, it is very hard to code the caching based fetching system to effectively avoid network call duplication. useQuery Instead of Fetch While Calling an API.
LogRocket·5yGetting started with Go for frontend developers
Go is a JavaScript-based language that can be used for backend/full-stack web development. It has a set of unique features meant for highly resilient and scalable applications. Go has become a preferred language for open-source infrastructure software, with some of the largest and most popular projects being written entirely in Go.
Medium·5yFront-end web apps and automatic architecture decisions
A lot of good work has been done through building front-end apps with frameworks like Angular, Vue, React. Deliberately choosing to build a front- end app means weighing the benefits you expect to see against its cost. Every line of code you write, every component you add to your architecture, every tool or dependency you introduce into your project is a liability.
Flutter Community·5yProgramming on your phone
Some students at Mongolia International University don’t have computers. With the school’s computer labs inaccessible, they were attending classes and doing their homework solely on their phones. Flutter, a cross-platform UI framework for making native apps, could be used to teach programming on phones.
Smashing Magazine·5yA Guide To Undoing Mistakes With Git (Part 2)
The Reflog is like a journal where Git notes every movement of the HEAD pointer in your local repository. To undo our grave mistake, we can simply hit CMD + Z on your keyboard to undo the last command — even if you’ve just violently deleted a branch.
Smashing Magazine·5yFrustrating Design Patterns That Need Fixing: Birthday Picker
In this new series of articles on UX, we take a closer look at some frustrating design patterns and explore better alternatives. These insights are coming from user research and usability tests conducted by yours truly and colleagues in the community. We’ll start with a humble and seemingly harmless pattern that we all had experienced at some point — the infamous birthday picker.
Smashing Magazine·5yBuilding A Rich Text Editor (WYSIWYG) From Scratch
In this article, we will learn how to build a WYSIWYG/Rich-Text Editor that supports rich text, images, links and some nuanced features from word processing apps. We will use SlateJS to build the shell of the editor and then add a toolbar and custom configurations. The code for the application is available on GitHub for reference.
CSS-Tricks·5yJSON in CSS
Jonathan Neal tweeted a little CSS trick the other day, putting JSON inside CSS and plucking it out with JavaScript. I re-typed his example here: grotesquely, CodePen Embed Fallback is not useful. Chucking some JSON in CSS I would think is another way around CORS. I kinda doubt it will catch on, but it's possible.
Smashing Magazine·5yHow To Create, Edit And Animate SVGs All In One Place With SVGator 3.0
How To Create, Edit And Animate SVGs All In One Place With SVGator 3.0. We will follow a process of creating a custom SVG loader, from drawing it from scratch and applying various visual effects, through creating different types of animations, to exporting your file and preparing it for use on the web.
Product Hunt·5yHoverify 2.0 — All-in-one browser extension for web development
Hoverify is a suite of tools to enhance your web development experience and boost your productivity. Embed Collect is a free tool that lets you collect and share web content. Use it to help you with your website and mobile apps. For more information, visit Hoverify.com.
Smashing Magazine·5yA New Way To Reduce Font Loading Impact: CSS Font Descriptors
Web fonts are often terrible for web performance and none of the font loading strategies are particularly effective to address that. Upcoming font options may finally deliver on the promise of making it easier to align fallback fonts to the final fonts. Meet Smashing Online Workshops on front-end & UX.
JavaScript in Plain English·5yClient-Side Rendering VS Server-Side Rendering
An Intro Guide to Understanding Client-Side VS. Server-Side Rendering. Alyssa E Easterly explains the pros and cons of both approaches. The pros of client-side Rendering include fast website rendering after the initial load. The negatives include frequent server requests that can cause bottlenecking.
Data Science Central·5yWeb development trends for 2021 and the latest web technology stack
We've analyzed trends across the industry and put together a definitive list of web development trends for 2021. As a bonus, you'll also read about the best web development stacks to watch out for next year. Whether your current interest is market development, startup innovation, or IoT invention, these are the trends you need to know.
CSS-Tricks·5yHow to Create Neon Text With CSS
Neon text can add a nice, futuristic touch to any website. I’ve always loved the magic of neon signs, and wanted to recreate them using CSS. In this article, we’re going to take a look at how to add glowing effects to text. We’ll also look at various ways to animate the neon signs.
CSS-Tricks·5yAdvanced CSS Animation Using cubic-bezier()
When dealing with complex CSS animations, there is a tendency to create expansive @keyframes with lots of declarations. There are a couple of tricks that might help make things easier, while staying in vanilla CSS. Timing functions are more widely used and familiar but the second one is less common. There’s one especially neat timing function that gives us total control to create custom timing functions. In this post I will show you the power of it and how it can be used to create fancy animation without too much complexity.
Hacker Noon·5yHow Relearning HTML Gave Me New Insights as a Web Developer
Coursera’s Introduction to HTML5 course points out the importance of using semantic elements and what to think about in terms of accessibility. Accessibility isn’t just about improving how websites work with screen readers, but we should strive to make websites work well for as many people as possible as possible.
JavaScript in Plain English·5yMicro Frontends with Podium
How to build micro frontends in React, Vue.js, and Web Components using Podium. Podium is a framework for composing micro frontend on the server-side. It is implemented in JavaScript and runs on Node.js. The goal is creating something suitable for an organisation with multiple autonomous teams, both vertical and horizontal.
