This Ain’t Disney: A practical guide to CSS transitions and animations
Oh, animation… we want to get it right so badly, don’t we? I mean, does anybody really enjoy a stiff, snappy UI? Can anyone admit they’re not delighted when a component slides into view and appears…
Custom File Inputs | Codrops
Demo for the tutorial: Styling and Customizing File Inputs the Smart Way
The challenges of making a true Offline First app - DEV Community
Solid methods of improving your JS.
The 2019 Web Developer RoadMap - Hacker Noon
GitHub - yanatan16/nanoajax: An ajax library you need a microscope to see
An ajax library you need a microscope to see. Contribute to yanatan16/nanoajax development by creating an account on GitHub.
8 DOM features you didn’t know existed - LogRocket Blog
With so much focus on tooling lately, it’s nice to take a break from all of the React and npm-install-everything posts and take a closer look at some pure DOM and Web API features that work in modern browsers with no dependencies. This post will consider eight lesser-known DOM features that have strong browser support. […]
Copy paste some nice CSS tricks
84 cognitive biases you should exploit to design better products
Learn how to use cognitive biases to increase your product's conversion rates, engagement level, and retention. A must-read article for every entrepreneur and product manager dealing with UX, UI and B2C products.
Log writing - UI Movement
Patterns for Promoting PWA Installation (mobile) | Web Fundamentals | Google DevelopersPatterns for Promoting PWA Installation (mobile) | Web Fundamentals | Google Developers
How to promote installation of Progressive Web Apps and best practices.
Zdog · Round, flat, designer-friendly pseudo-3D engine for canvas and SVGZdog · Round, flat, designer-friendly pseudo-3D engine for canvas and SVGMetafizzy logo
Round, flat, designer-friendly pseudo-3D engine for canvas and SVG
GitHub - myshov/awesome-mobile-web-development: All that you need to create a great mobile web experience
All that you need to create a great mobile web experience - myshov/awesome-mobile-web-development
Flex — A FlexBox Builder.
Flex builder online
CSSFX - Beautifully simple click-to-copy CSS effectscssCSSFX - Beautifully simple click-to-copy CSS effects
Browse a carefully crafted collection of loaders, hover effects, transitions, and other CSS effects to use in your next project. Effects are designed with an emphasis on fluidity, simplicity, and ease of use.
CSS Transform Functions Visualizer
CSS3 2D / 3D Transform Functions Visualizer and Playground
30 Seconds of Knowledge
Every new page learn something for programming shortly
This is a guide that everyone can use to learn about the practice of front-end development.
How to connect your GraphQL API to your VueJS Frontend
Finally, a CSS only solution to :hover on touchscreens
There have been problems with the :hover pseudo-class ever since the first web browser was installed on a touchscreen device. Of course there were solutions, but none of those were the solution. With…
GitHub - alikinvv/stepper: Animated numeric stepper component which can be used to increment or decrement a value by clicking arrows.
Animated numeric stepper component which can be used to increment or decrement a value by clicking arrows. - alikinvv/stepper
Getting creative with the Console API!
Make your console.logs fancier and more stylish with unknown, yet standardized methods! Rediscovery Console API while logging cool stuff!
Block style visual editor for beautiful pages
Let me make a bold statement: for loops are often useless and make the code hard to read . When it comes to iterating over an array, finding elements, sorting…
Simplifying recurring payments – PayHere
Simplifying recurring payments for startups selling products and subscriptions online
CSS Cheat Sheet
CSS Cheat Sheet - A reference for CSS goodness.
Shiny, Simulating Reflections for Mobile Websites
The ninth edition of the ECMAScript standard, officially known as ECMAScript 2018 (or ES2018 for short), was released in June 2018. Starting with ES2016,
Dimensions.Guide | Database of Sizes
A comprehensive reference database of dimensioned drawings documenting the standard measurements and sizes of the everyday objects and spaces that make up our world.
Trix: A rich text editor for everyday writing
מאמר בנושא חווית משתמש ורגשות
Common CSS Issues For Front-End Projects — Smashing MagazineCommon CSS Issues For Front-End Projects — Smashing MagazineSearchClear SearchBack to top
Rendering and interaction have become a lot more consistent across browsers in recent years. It’s still not perfectly uniform, however, and a lot of small issues can trip you up. A list of common issues along with their solutions.
A Netflix Web Performance Case Study – Dev Channel – Medium
Netflix removed react and moved to vanilla js to improve performance
An Introduction and Guide to the CSS Object Model (CSSOM) | CSS-Tricks
Wenk - Lightweight pure CSS tooltip for the greater good
30 Seconds of CSS
A curated collection of useful CSS snippets you can understand in 30 seconds or less. From foundational elements such as clearfix to gradient text color and gradient cursor tracking to CSS easing and far beyond.
Code demonstration of SVG filters on Images
The Power of Web Components - Mozilla Hacks - the Web developer blog
Web Components comprises a set of standards that enable user-defined HTML elements. These elements can go in all the same places as traditional HTML. Despite the long standardization process, the ...
Library for short animations in css
Fancy Border Radius Generator
A visual generator to build organic looking shapes with the help of CSS3 border-radius property