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
The Shapes of CSS | CSS-TricksThe Shapes of CSS | CSS-Tricksicon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag
CSS is capable of making all sorts of shapes. Squares and rectangles are easy, as they are the natural shapes of the web. Add a width and height and you
Make any website social with GraphJS!
Command And Conquer - Tiberian Dawn - HTML5
Illustrations | unDraw
MIT licensed illustrations for every project you can imagine and create.
Bulma: a modern CSS framework based on Flexbox
Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.
Where programmers share ideas and help each other grow.
Advanced effects with CSS background blend modes – LogRocket
Learn about background-blend-mode and how you can use it to create eye-catching backgrounds and photo effects that once were only possible in Photoshop.
GitHub - gauravbehere/pwa-starter-demo: PWA - Getting Started - Demo of Progressive Web App
PWA - Getting Started - Demo of Progressive Web App
Chart Demos – ApexCharts
Free charting library
Tricks in website to make people to action
The State of Developer Ecosystem 2018 - Infographic | JetBrains
Over 6,000+ developers share their insights on modern technologies, programming languages, frameworks, and tools of choice for software development.
Latest Tutorial – Blogging & SEO Tips
Blogging, SEO, Money
Voice Driven Web Apps: Introduction to the Web Speech API | Web | Google Developers
How to Add Speech Recognition to your Website with HTML
Learn how to enable speech recognition in your website using the HTML5 web speech API. Your website website will be able to fill textareas and input form fields using their voice.
webrtcHacks - Guides and information for WebRTC developers
Guides and information for WebRTC developers