Best of Web Development — November 2020
- 1
- 2
DEV·5y
Good Bye Web APIs
Layr is a set of libraries that let you build a full-stack application with a single codebase. The frontend and the backend are physically separated (they run in different environments) but logically reunited. The backend is composed of one or more classes whose some of their attributes and methods are explicitly exposed to the frontend.
- 3
10 Inspiring Ideas for Your Next Front-End Project
CodePen is an outstanding platform that has been co-created by Chris Coyier (founder of css-tricks.com) CodePen is a social development environment where developers and engineers can collaborate on projects, showcase their work, share things with the community, and prototype new ideas. I have chosen 10 great examples that have been published on CodePenio and are publicly accessible.
- 4
freeCodeCamp·5y
Popular Front End Development Tools You Should Know
Yiğit Kemal Erinç is a Turkish software developer. He is best known for his work on the Turkish national football team. He has also worked on the national soccer team, the Istanbul Super Cup, and the UEFA Champions League. His blog is called "Yi Turkey" and he is based in Istanbul.
- 5
- 6
Hashnode·5y
Axios vs. Fetch: which should I use?
Axios is a JavaScript library used to make HTTP requests from browsers. The Fetch API provides an interface for fetching resources. For IE 11, Fetch is not compatible, while Axios offers good support. Axios is less vulnerable to XSRF (Cross Site Request Forgery) attacks.
- 7
DevDojo·5y
Tailwind V2 Released 🎉
Tailwind version 2.0 has been officially released along with a fancy new website. There are some pretty cool things available in v2, which include:Focus Ring Feature. A new breakpoint is available in version 2, which is 2xl ; this will allow you to apply different styles to any screen resolutions.
- 8
- 9
The Startup·5y
Create Awesome Git readMe Profile
Git readMe profile is a special repository which is created as your username. Git recognizes it and so it will add few features to it out of the box. It can include your blogs sourcing from the parent website, include your youtube channel videos and update changes, your git stats, your recent activity and you could include the song that you are listening in spotify.
- 10
Bits and Pieces·5y
How We Build Our Design System
At Bit, we build tools for 150,000+ developers working with components. Our platform helps developers build, share, and collaborate on components. By letting everyone create and share components in a collaborative way, we are able to achieve faster and wider adoption of our design system.
- 11
Product Hunt·5y
Tailwind CSS v2.0 — Rapidly build modern websites without ever leaving your HTML
A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90. Can be composed to build any design, directly in your markup. Embed this code into your website and use it to create your own designs. Share this post with your friends.
- 12
Frontend Web Development: A Complete Guide.
Front-end web development is responsible for the structure, beauty, and brain of the website. It is the part of the site that interacts with the user; ensuring that when the users open the website, the information is visible to them in a format that is easy to read and understand. Front-End Web Development: A Quick Overview.
- 13
Next.js Starter With Authentication + React 17 + TypeScript + Tailwind CSS 2 + ESLint
Next.js has become my go-to framework for almost every project that I make. So, I made a starter template that I can just use and get started easily. In this article, I will show you how to use the starter template and deploy it with Vercel. I will also be connecting a Postgres database which I will create on Heroku.
- 14
Smashing Magazine·5y
Best Practices For E-Commerce UI Design
The goal of e-commerce design is to create interfaces that won’t get in the way of the overall shopping experience. In this post, we’ll look at three key parts of a digital store and what you can do to design each to help customers more quickly and effortlessly get to the checkout stage.
- 15
10 Developers You NEED to Follow on Twitter
I've compiled an unordered list of essential developers I think you should be following on Twitter. Each has their own speciality and topics, but all of them provide content that will benefit you. If you're a seasoned developer or someone just starting your journey, surrounding yourself with a community helps you learn.
- 16
Bootstrap or TailwindCSS: How to decide a framework for your next project?
There is no right or wrong way here. If you are already using Bootstrap, you know the importance and how much time it can save as a developer. Developers with little or no CSS knowledge is loving TailwindCSS because by just remembering few utility classes, they can do many awesome things without even touching CSS file (which is their worst nightmare)
- 17
daily.dev·5y
🔥 What's Hot in Web Development? — Weekly Picks #152
This week is all about JavaScript. Sharpen your skills before your next technical interview, write clean and short code, and more. As always, all posts were ranked by the daily.dev community. Shout out to all the authors. Let's get it started!
- 18
What Can You Do with Tailwind 2?
Tailwind CSS is a productivity-boosting CSS framework used by millions. The new 2.0 version will be released on November 18th, 2020. Tailwind is composed of small single-purpose utility classes which pull from a standard set of values. The breadth of utility classes allows us to write 95-100% of our CSS using just utilities.
- 19
- 20
- 21
- 22
CSS-Tricks·5y
A Complete Guide to CSS Gradients
There are three types of gradients: linear, radial, and conic. The syntax is is declared on either the background (shorthand) or background-image property. To make the gradient go from left-to-right, we pass an additional parameter at the beginning of the linear- gradient() function.
- 23
The Fetch API Cheatsheet: Nine of the Most Common API Requests
The Fetch API Cheatsheet: Nine of the Most Common API Requests. Ondrej Polesny is the founder of Fetch and the author of the Fetch Manifesto. Fetch is a free, open source API that allows developers to build applications with the help of a community of developers.
- 24
10 Things Front-End Developers Should Learn in 2021
There's no doubt that front-end development will be one of the hottest disciplines in tech in 2021. This piece aims to give you some guidance on what you should focus on in 2020 as a front- end developer to level up your game. In 2021, we'll probably see a duel between Facebook's ReactJS and the community-driven VueJS.
- 25
Page Lifecycle API: A Browser API Every Frontend Developer Should Know
Modern browsers will sometimes suspend pages or discard them entirely when system resources are constrained. The Page Lifecycle API exposes the web page lifecycle hooks to JavaScript. There are six states introduced in the API. You can find the lifecycle states and the transition in detail by looking at the following diagram.
