web.dev·5yIntroducing Open Web Docs
Open Web Docs is a collective project between Google, Microsoft, Mozilla, Coil, W3C, Samsung, and Igalia. It is designed to support a community of technical writers around strategic creation and long-term maintenance of web platform technology documentation that is open and inclusive for all.
DevDojo·5y5 reasons to start using TailwindCSS
Tailwind has a large set of utility classes that add padding, margin, width, height, and other CSS properties to an HTML element. Tailwind also has a beautiful color palette, incluing 8 basic colors with 10 different shades. You can customize colors, spacing, and everything else inside of Tailwind.
Product Hunt·5yList of +100 Frontend Coding Challenges — Never run out of coding ideas, ever again.
Never run out of coding ideas, ever again. Get access to over 100 front-end challenges by Indrek Lasn. -30% OFF FOR ALL PH USERS! Ever had the urge to code, but had no inspiration or simply lacking the coding ideas? Never run out.
JavaScript in Plain English·5yCreate a dark mode theme switch with Gatsby and TailwindCSS
Dark mode support is a recent feature in almost every technology. While working with gatsby to create my portfolio, I couldn’t find an easy guide. After so much research, I was able to come up with this solution. And I believe this solution will also help you to easily get things to build up.
JavaScript in Plain English·5yThese 4 Websites Will Improve Your Web Development Efficiency
CODELF is a tool to help you distinguish the naming rules of each programming language. gitignore.io creates useful .gitignore files for your project by selecting from 518 Operating System, IDE, and Programming Language. CodeSandbox is an online code editor that focuses on creating web application projects.
CSS-Tricks·5yGreenSock ScrollTrigger
ScrollTrigger is a new plugin from Greensock. It triggers animation when a page scrolls to certain positions, as well as when certain elements are in the viewport. It’s tightly integrated with all the other animation possibilities of GSAP. You can play with it on CodePen for free (search for it).
Hashnode·5yResponsive design with TailwindCSS
TailwindCSS is a CSS function for making a responsive site. Tailwind uses a mobile-first system, similar to Bootstrap. Every utility class in Tailwind can be applied conditionally at different breakpoints. This makes it a piece of cake to build complex responsive interfaces without ever leaving your HTML.
DevDojo·5yA Brief History of Web Development
In 1993, Tim Berners-Lee wrote the first version of HTML. In 1995, a Netscape programmer named Brandan Eich developed a new scripting language called Mocha. In 2005, Ruby became another rising star in the server-side game. In 2009, Ryan Dahl created NodeJS, a way to write that would execute it as a server- side scripting language.
CSS-Tricks·5yAnimXYZ
AnimXYZ is designed to be highly customizable, calling itself “the first composable CSS animation toolkit.” You can use as many of the different composable bits as you need to get the in/out animation you want. Play with their builder and you’ll see output like: xyz="tall-2 stagger-back duration-6 ease-out-back"
keycdn·5yTop Frontend Frameworks
The right frontend framework simplifies, streamlines and speeds up the website design and development process while still giving you the flexibility and features that you need to produce exceptional results. React is a popular JS framework that focuses on user experience. As of December 2020, mobile traffic has surpassed desktop traffic with 55.73% of traffic coming from mobile devices.
DevDojo·5yCustom Animations in TailwindCSS
Tailwind provides some simple animations out of the box. If you're not familiar with these animations, be sure to check out my post on TailwindCSS Animations here. These simple animations are pretty cool; however, we may want to add some custom animations to our websites and applications. Let's learn about how to do that.
Hashnode·5yTail-kit : 200+ free Tailwind components / templates
Tail-kit is a kit of components and templates fully coded with tailwind css 2.0 ready to copy paste. Made with React + NextJS + Typescript. Live code editor, you can change the components or templates code and see in live your modifications.
JavaScript in Plain English·5y4 JavaScript Frameworks You Should Consider For Your Next Web App
With Pros & Cons For Each Rlogical Techsoft.Pvt.Ltd. 4 JavaScript Frameworks You Should Consider For Your Next Web App. Express.js, Next, Gatsby and Nuxt are the 4 JavaScript frameworks you should consider for your next web app.
Product Hunt·5yTails — The ultimate TailwindCSS drag'n drop page creator
Tails is the ultimate Tailwind CSS Page Creator. Over 120 design blocks you can mix and match to craft the perfect landing page for your next project. Embed your own landing page with Tails and share it with your friends. Send us photos of your landing pages with the hashtag #tails.
Product Hunt·5yCheckly 2.0 — Monitor your modern web app in 1 minute. Free dev plan!
Checkly is the active monitoring platform for devs building modern web apps. Use JavaScript to monitor the performance and correctness of your web apps and APIs. Leverage our script recorder and integrations to setup global checks in a minute for free. Embed this code into your site and use Checkly to monitor your site.
web.dev·5yWebRTC is now a W3C and IETF standard
WebRTC is a platform giving browsers, mobile apps, and desktop apps real-time communication capabilities, typically used for video calling. Google initiated the idea to create WebRTC in 2009, as an alternative to Adobe Flash and desktop applications that couldn't run in the browser. In 2013, Mozilla and Google demonstrated video calling between their browsers.
Smashing Magazine·5yFront-End Performance Checklist 2021
An annual front-end performance checklist (available as PDF MS Word ), with everything you need to know to create fast experiences on the web today. Updated since 2016. Back in the day, performance was often a mere afterthought. Now it affects everything from accessibility to usability to search engine optimization.
DZone·5yBest Node.JS Frameworks for Web Apps in 2021
Node.JS is an open-source, cross-platform, back-end, JavaScript runtime environment that executes JavaScript code outside a web browser. 185,123 websites are built on node.JS technology, according to Similar Tech. Here we have mentioned the best Node. JS-based web application development tools for the development process.
JavaScript in Plain English·5y5 Frontend Interview Questions To Help You Master Asynchronous JavaScript
5 Frontend Interview Questions To Help You Master Asynchronous JavaScript. Questions and Answers, from Beginner to Advanced ILIA KNIAZEV Follow Jan 20 · 4 min read src: https://ivanjov.com/do-you-promise/ Questions and answers, from beginner to advanced ILIA.
Product Hunt·5yLT Browser — Next-gen browser to build, test & debug mobile websites
LT Browser is the perfect tool for designers, developers, and enthusiastic amateurs who want to create great-looking & well-performing responsive websites or web apps. View, Build, and Debug your website on 45+ mobile, tablet, & desktop viewports. Embed Collect
Hashnode·5yAnnouncing Hashnode Hackathon Powered by Vercel!
Hashnode Hackathons are an excellent way for developers to come up with interesting ideas and level up their skills by building. This hackathon will motivate you to create an app using your favorite tech stack, write an article about the process, and win cool prizes. From now through to February 7 (3 weeks), you’ll have the opportunity to build an application and launch it on Vercel.
JavaScript in Plain English·5yIntro to React Server Side Rendering
How to build a React SSR app without any tooling or framework. We will use React, webpack, and Express to build an app that works as follows: Browser sends HTTP request to server to load a page. Server receives request and turns React JSX into HTML markup. Browser renders the HTML, downloads the client-side JavaScript bundle, and “hydrates” the HTML.
CSS-Tricks·5yComponents: Server-Side vs. Client-Side
Web components are reusable bits of HTML code that are written in JavaScript and made functional by the browser. Server components are also reusable, but are compiled into HTML before the browser sees them. Both types of components are still relevant and can help us build super awesome websites. Let’s explore how client and server components differ from one another.
Quick Code·5yPWA vs Native App: The Ultimate Choice
Mobile software vendors increasingly shift focus toward PWA vs native solutions. Progressive Web Apps work from a browser, which spawns tons of advantages. PWA solutions don’t work offline, limiting the capabilities of certain user niches. They also can’s access some of the native hardware features (like accelerometer) and can't be distributed in app stores.
