Skip to main content

Questions tagged [frontend-development]

Front-end web development is the practice of producing HTML, CSS and JavaScript for a website or Web Application so that a user can see and interact with them directly. The challenge associated with front-end development is that the tools and techniques used to create the front end of a website change constantly and so the developer needs to constantly be aware of how the field is developing.

Filter by
Sorted by
Tagged with
2 votes
5 answers
2k views

What are the possible/best ways to allow a production mobile app to switch API endpoint to a development server?

Suppose I have a mobile app that uses an API at api.myapp.com. I want to be able to test the app on my personal dev machine mymac.local and also on a production-standard test server test.myapp.com. ...
3 votes
1 answer
163 views

Should a Skeleton loading effect be used when refreshing a view with data already present?

I'm developing a mobile app, should I display a skeleton effect when the user trigger a pull refresh even when there's already a data on the screen and won't load a new or additional data in those ...
1 vote
3 answers
188 views

How to communicate for required transitions to front-end developers?

See for example the Google Accounts log-in experience, where you move from 'Enter email' to 'Enter password' via a smooth dynamic transition with no page refresh https://accounts.google.com/ How can I ...
1 vote
1 answer
94 views

Fixing a fraying relationship between UX and Dev [closed]

I will start off by saying that I know the best way to defend design decisions is not to. That's what data (quantitative and qualitative) is for. But the product I'm working on doesn't have that. What ...
1 vote
1 answer
75 views

Is there a term to describe the presence of unnecessary complexity in UX development?

Here is the case. One client wants us to create a relatively simple website and app (it's just for online courses, nothing extraordinary). We have our dev team, but the client has its own, and they ...
2 votes
1 answer
918 views

Is it a good practice to mix filled and outline badges?

The theme I'm using for my website has two different badge versions: filled and outline (like the image below). My question is: Should I mix these styles at the same page/theme, or should I use only ...
0 votes
2 answers
3k views

Does a hover state background need to pass color contrast for accessibility?

We have some discussion going on between myself (design) and lead engineer. With this key question: Does the background of a hover state have to pass color contrast? Our current system has our ...
0 votes
2 answers
54 views

What's the best way or practice to align the 3 lines at the bottom like the 3 ones at the top

I have too long text that I don't want to shorten or get rid of and it gets returned to the next line (Avis des tous les clients d'Abricibuis.www.Abricibuis.com) What's the best practice to align the ...
36 votes
5 answers
58k views

What are the differences between UI/UX and front-end development?

front-end developer here. I'm working in a tiny startup: one back-end developer and me as the front-end developer. My boss is calling me UX boy since I've worked there, even if I don't specially ...
1 vote
2 answers
221 views

How to work with devs as a junior UX designer

I work as a junior UX designer in a small team of a department (consists of 2 junior ux/ui designers and a non-designer team lead). There is no senior designer. The reason why I emphasize on this team ...
1 vote
2 answers
111 views

Best tool to validate UI mockups by overlaying them [closed]

I'm looking for a solution/tool that will allow me to validate that my frontend project is pixel-perfectly aligned with the Photoshop mockups. Best would be to make the browser window transparent - ...
1 vote
1 answer
324 views

What is the difference between UX Engineer, UX Designer and Front End Developer? [closed]

I often find these designations as quite confusing and most of the companies in my country have various definition about each of the above mentioned post. I was curious what is the requirement from ...
1 vote
2 answers
159 views

How do you call top block with user info on a profile screen?

There is this block in every social media app, on a user profile screen. It contains user's userpic, name and other info, before their content starts below it. How do UX designers and developers call ...
2 votes
2 answers
166 views

Best way to display a lot of schools information on a single webpage?

I'm a front end developer and I need a page to display information about all schools in my city (52). I tried using Bootstrap Cards and an input where the user will type and the cards bellow will be ...
2 votes
0 answers
74 views

Is there a technical reason why shopping websites don't provide users with a simple binary search? [closed]

The following two examples show the problem with common search interfaces when there are multiple pages. Example « previous 1 2 … 118 119 120 121 122 123 124 125 126 … 129 130 next » https://www....
0 votes
1 answer
104 views

Why can't I type directly into the HTML with FF Dev Tools? [closed]

Hopefully this question isn't too oddly specific. Let me know if it belongs on ProWebmasters instead... I'm making some mock-ups in Photoshop, using screen shots from the site in its present state as ...
1 vote
2 answers
255 views

How do you document and share motion/animation information with developers?

I have project right now. I'm building a website with a developer guy. I shared all the assets using Zeplin. But since this is the first time, I should also share how everything should behave. I have ...
34 votes
6 answers
5k views

Design process : which is the best moment to include developers in the process of software development?

I'm a UX designer in a small software development start up. Until now, I've always worked with developers since the beginning of interface creation, because I don't want to lose time working on many ...
2 votes
1 answer
98 views

Is it likely that all frontend development will be replaced by design tools in the next 5 years? [closed]

Tools like SketchApp, Invision and Principle for mac seem to be closing the gaps towards a complete interface design solution that is able to handle static visuals, page linking and animation without ...
3 votes
3 answers
487 views

Best wireframing breakpoints to work with new frontend developer

I've searched tons on this topic, e.g.: https://medium.freecodecamp.org/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862 https://graphicdesign.stackexchange.com/questions/39433/what-are-best-...
0 votes
3 answers
373 views

Multi-Select Filtering for a record With or Without a particular flag

I'm developing a search tool for our web application. The search tool has many different filters and options, such as product category, product price, etc. We have the ability to add zero or more ...
-1 votes
2 answers
123 views

How does Front-end development affects User Experience? [closed]

Real world examples will be the best answers :) One of the basic examples I can think of, is when the front-end developer builds the website not in an efficient way that causes some actions to be ...
25 votes
11 answers
37k views

How to explain to my client the difference between Front End and Back End?

I'm currently managing a project to bring a medium-sized shop into the online world for the first time. The very non-technical shop owner is failing to understand what "front-end" and "back-end" ...
0 votes
3 answers
278 views

How much functional a prototype should be for User Testing? [closed]

I am a Front-end developer. I am thinking to make prototype for User Testing of time tracking application.The software has many cases(if/else) like when user import/don't import, skip forms/not,..........
5 votes
2 answers
259 views

Flexible design for a general form facility

I'm designing a general form facility - so when a customer comes in and requires certain forms to be made, then our engineers have customizable tools to create a form for that customer. My design goal ...
6 votes
8 answers
11k views

How to communicate web design mockup specifications to front-end developers?

Looking for best practices for communicating website design specifications to front-end developers for slicing. Knowing that the developers will need more information than a visual representation of ...
3 votes
7 answers
3k views

Where does your front end dev sit?

Hi I manage a CX team of writers, trainers, UI architects, and designers. I'm working to expand our capability by adding front end devs so we can have better relationships with the developers via the ...
3 votes
1 answer
427 views

How to deliver to Front-end developers the behavior spec of a component?

I am working on a new "component" for the company product that I work. The component is like an expansion panel which will have some call to actions that the user has to complete. This actions, the ...
1 vote
2 answers
93 views

Translating Prototypes into Development

When designing for complex applications, what is the best practice in communicating to the development team the various states / conditions of every element within the application. For example, in ...
5 votes
2 answers
151 views

Term specificity in front-end use

I am designing an application where users can assemble collections of documents that will then be processed in some way (how and for what purpose these sets are processed is not relevant to this ...
2 votes
2 answers
121 views

Session Timeout Development [closed]

I don't want to re-invent the wheel but what would you think (ballpark) would be the estimated development time (hours) to add a notification to the user? Approach - After x amount of minutes a popup,...
2 votes
2 answers
241 views

Mixing material design with magazine design [closed]

I'm trying to create a design that will satisfy both marketing and UI needs. Material design solves a lot of problems from an application perspective, consistent UI elements such as tables, buttons, ...
4 votes
1 answer
607 views

What are the principle accessibility concerns that one might have with a front-end developed entirely in React JS

There is a complicated application which is heavy in data processing and front end developers considering implementing the designs entirely with React JS. As this tool is responsible entirely for ...
0 votes
2 answers
132 views

Decreasing Load Time

My client's web app loads a long list of content, and it's crucial that the amount of time it takes to load is the quickest possible. As of right now if the amount of content is under 25 "lines" we'll ...
1 vote
1 answer
592 views

Pixel Perfection in Development

I am new to this community and I apologize if I am asking an obvious question or one that has already been posed to the community. I am a UI/UX Designer working for a software and services company in ...
5 votes
6 answers
434 views

What do I want to be? [closed]

So, I graduated with a bachelor's in web development. I LOVE coding...but I also LOVE being the deciding factor. Its one thing to be handed something already designed and just code it...but its a ...
7 votes
4 answers
2k views

Is there any good reasons to stick with full page refreshes any more

For a couple of years now we have been living with Ajax and other similar web 2.0 techniques in order to ask for or send content without refereshing a whole page. It's pretty standard in slideshows, ...
1 vote
2 answers
2k views

stages after UX design to front-end development

I'm working on a UX/UI process for my project, however I'm confused to understand the approach between UX/UI and front-end. After a .psd is developed, who would be responsible to transform it into ...
12 votes
6 answers
68k views

What is the difference between web design and front-end development? [closed]

They seem to both imply the skill-set of HTML, CSS, and JavaScript.
0 votes
3 answers
147 views

Developing a Design Policy (for font usage, resolution support, and accessibility)

As a product manager, I am trying to help my development team by setting up boundaries and policies: what browsers to support, what resolution images must be hosted, how many fonts can we use, and ...
2 votes
0 answers
233 views

Do UX guy needs to be good at making designs using Photoshop and converting them into HTML, CSS? [closed]

Do UX guy needs to be good at making designs using Photoshop and converting them into HTML, CSS? Or these are job of Graphic/web designer and front-end guy?
5 votes
6 answers
8k views

UX Designers vs Frontend Developers, how to avoid conflicts?

I was recently a testimony of the clash existing between UX Designers and Frontend Developers within a same company. Each team, compromising about 10 to 20 employees each, mocked the other team's work....