~hackernoon | Bookmarks (49)

clear filters

web-development ×

221 Stories To Learn About User Experience

hackernoon.com

learn learn-user-experience user-experience ux ux-design
1
Alpha Transparency in CSS Custom Properties

hackernoon.com

css css-variables custom-properties rgb-values rgba-color-function
1
How To Build a Dropdown Menu With HTML, CSS and JavaScript

hackernoon.com

Discover how to create a responsive dropdown menu with HTML, CSS, and JavaScript. This tutorial guides...
Discover how to create a responsive dropdown menu with HTML, CSS, and JavaScript. This tutorial guides you through the process of crafting a dynamic navigation system, ensuring seamless user interaction on various screen sizes.

css html javascript web-design web-development
1
Introducing zkWeb - ZKPs For Everyone

hackernoon.com

Introducing zkWeb - bringing zero-knowledge proofs to the web for everyone!

cryptography open-source web-development zero-knowledge-proofs zkps-for-everyone
1
The Power of Functional Indexes in MySQL: A Comprehensive Guide

hackernoon.com

This article explores the concept and benefits of functional indexes in MySQL, a powerful feature introduced...
This article explores the concept and benefits of functional indexes in MySQL, a powerful feature introduced in MySQL 8.0 that enhances database query performance and efficiency. It demonstrates how functional indexes can optimize queries involving expressions or functions, such as mathematical operations, string manipulation, and working with JSON data. The article also provides advanced tips and tricks for using functional indexes in various scenarios.

database-optimization functional-indexes index indexing mysql
1
AI for Web Devs: How to Generate Images Using AI

hackernoon.com

In this post, we are going to use AI to generate images. Before we get to...
In this post, we are going to use AI to generate images. Before we get to that, let’s add a dialog component to our app. This is a modal-like pop-up designed to show content and be dismissed with the mouse or keyboard.

ai artificial-intelligence programming qwik software-development
1
How to Keep Your Fonts in Embedded SVG

hackernoon.com

Discover how to tackle font display issues with Excalidraw SVGs in HTML. Explore solutions like inline...
Discover how to tackle font display issues with Excalidraw SVGs in HTML. Explore solutions like inline SVG, embedding fonts as Base 64 data, and using the tag. Choose the method that suits your needs for optimal integration.

base64-font-data excalidraw-svg font-rendering-solutions svg web-development
1
Become a Productivity Beast With These 16 Killer Work-Flow Tools

hackernoon.com

I've curated 16 tools from website management and content creation to design apps, coding utilities, automation...
I've curated 16 tools from website management and content creation to design apps, coding utilities, automation tools, and much more that will save you time.

beginner coding learning-to-code productivity programming
1
How to Avoid Top User Experience Mistakes on Your Website

hackernoon.com

User experience, or UX, is a term that refers to all aspects in which an individual...
User experience, or UX, is a term that refers to all aspects in which an individual interacts with your organization online. When it comes to your organization's website, UX describes the ease with which a user can navigate through your site, from both a content perspective and a technical standpoint.

techsoup user-experience ux-best-practices web-dev-tips web-development
1
Build DevOps for Secure Auth API Gateway using Nodejs, Aptible Terraform and Redis

hackernoon.com

Building a secure and scalable API gateway is crucial to modern software development. In this context,...
Building a secure and scalable API gateway is crucial to modern software development. In this context, Node.js, Aptible Terraform, and Redis are three powerful tools that can be used to create a secure and scalable API gateway.

authentication devops programming software-development terraform
1
ITeach — the Eco-responsible Programming Learning Platform

hackernoon.com

iTeach is a programming learning platform centered around interactivity, ecology and privacy. It is also totally...
iTeach is a programming learning platform centered around interactivity, ecology and privacy. It is also totally free, forever. While a Kickstarter campaign is set to launch on Feb 13th, the main goal is to gather interest around the project to make it grow and refine it according to users feedback.

ecology education iteach-kickstarter programing-learning-paths programming
1
Enhancing UI/UX Design and Website Planning with ChatGPT

hackernoon.com

ChatGPT, a powerful AI language model, has emerged as a versatile tool that can significantly enhance...
ChatGPT, a powerful AI language model, has emerged as a versatile tool that can significantly enhance UI/UX design and website planning. ChatGPT can help designers generate engaging copy for website elements like headlines and call-to-action buttons. It can also suggest relevant user surveys and interview questions to refine research efforts.

ui ui-design ui-ux ux ux-design
1
Creating and Running an Angular Application in a Docker Container

hackernoon.com

In this article, we will create a web application using the latest version of Angular, generate...
In this article, we will create a web application using the latest version of Angular, generate a Docker image, and then execute this image within a Docker container.

angular container devcommunity docker tutorial
1
Code Smell 236 - What to Do With Excessively Long Code Lines

hackernoon.com

Unwrapped code refers to the absence of line breaks or appropriate indentation. It yields excessively long...
Unwrapped code refers to the absence of line breaks or appropriate indentation. It yields excessively long lines of code that extend beyond the typical width of a code editor or mobile screen. People read the code on small devices so line wrapping is critical. When developers find it challenging to understand the structure and structure of code, they may find it hard to understand.

clean-code code-smells how-to-tidy-your-code how-to-wrap-code software-engineering
1
A Complete Guide to React Hooks

hackernoon.com

This post talks about React Hooks, beginning with the basics of what they are and how...
This post talks about React Hooks, beginning with the basics of what they are and how to use them. It covers useState and useEffect for state management and side effects, respectively, before moving on to useReducer for more complex state logic. The guide also explores creating custom hooks for reusable components, wrapping up with key takeaways on effectively utilizing React Hooks in web development.

front-end-development react-hook reactjs software-development software-engineer
1
Your Guide to Time Zones on the Web: Understanding Timestamps and Javascript Dates

hackernoon.com

Considers how the Date object works in Javascript for time zones. Explains what UTC, IANA, CST/CDT,...
Considers how the Date object works in Javascript for time zones. Explains what UTC, IANA, CST/CDT, etc time zones are and how it work in Javascript

iana javascript time-zones timezone utc
1
Going Beyond Coding: Essential Skills for Today’s Software Developers

hackernoon.com

Soft-Skills are often overlooked in programming. How are you doing in the areas most software developers...
Soft-Skills are often overlooked in programming. How are you doing in the areas most software developers fall short?

communication-skills programming programming-skills soft-skills software-development
1
The Hidden Language of Computers and the Need to Talk

hackernoon.com

In the vast landscape of programming, where precision and clarity are paramount, communication takes a different...
In the vast landscape of programming, where precision and clarity are paramount, communication takes a different form.

language-of-computers need-to-talk rest talking-with-computers web-development
1
Languages and Architecture — The Importance of Being Language/Architecture Agnostic

hackernoon.com

Today, I discuss languages and the importance of being language/architecture agnostic. I observe that the backend...
Today, I discuss languages and the importance of being language/architecture agnostic. I observe that the backend world is rediscovering itself and criticizes microservices architecture. The key idea is that we shouldn't blindly follow all mainstream trends. Maybe the optimal decision for you is to either stick with a monolith or strike a balance between monolith and microservices.

backend backend-programming microservices monolith ruby
1
Coding Interview Prep: Let's Test Your CSS

hackernoon.com

coding-interview coding-tips css frontend interview-questions
1
Resolving the 10 Common Javascript Errors

hackernoon.com

While JS is versatile and powerful, it can often be a source of frustration due to...
While JS is versatile and powerful, it can often be a source of frustration due to various errors. This guide is designed to help you navigate these errors, offering extensive scenarios, code examples, and detailed step-by-step solutions.

different-response-status javascript javascript-errors validate-endpoints web-development
1
Building a Point Map in JavaScript

hackernoon.com

If you're a budding developer or data enthusiast eager to explore map creation, you're in the...
If you're a budding developer or data enthusiast eager to explore map creation, you're in the right place. In this tutorial, I'll guide you through how to easily build an interactive point map using JavaScript. To make things even more interesting, I’ll use data on the number of millionaires in cities as an example. By the end of this tutorial, you'll have made a...

data-science data-visualization front-end-development javascript map
1
Find Your Crew in 2024 With These 16 Developer Communities 🧑‍💻👩‍💻

hackernoon.com

To provide some great alternatives for you to choose from, I've handpicked some of my favorite...
To provide some great alternatives for you to choose from, I've handpicked some of my favorite developer communities that would be useful to know.

coding community learning-to-code programming tech-news
1
Boost Your Productivity in 2024 With These 17 Chrome Extensions 🔥🚀

hackernoon.com

Whether you're a developer, designer, or an avid multitasker, these extensions might improve your experience.

chrome chrome-extension coding productivity programming
1