Most voted "front-end" questions
In software projects, front-end is the part of the software system that interacts directly with the user. If the question is not about "front-end", do not use this tag, even if you are using "front-end" in your project.
Learn more…498 questions
Sort by count of
-
2
votes3
answers37
viewsImproving jquery code
I have a code in jquery that does the following, it creates a class after Hover, until then it is working normally, but as I will have to replicate this action elsewhere but will change the css…
-
2
votes1
answer60
viewsAdjust the middle slide according to the proposed layout
I’m trying to adjust the slides according to the proposed layout, but I’m having difficulties. I’m using the Owl Carousel plugin, I searched some plugin ready on the internet that contains this…
-
2
votes2
answers241
viewsSelect text in parentheses (CSS)
I wonder if there is a way to select a text that is in parentheses using CSS only. For example.: <p>Sistemas de informação (ead)</p> I would like to select the text "ead" and put it in…
-
2
votes1
answer333
viewsIs using Jquery still advantageous today?
I wonder if the use of Jquery is still advantageous in the development of Frond-end with the features with Ecmascript 6 and the like.
-
2
votes1
answer96
viewsJavascript - Dynamically HTML elements
Is creating HTML elements dynamically by JAVASCRIPT a bad practice? For example: var img = document.createElement('img') img.setAttribute('id', 'foto')…
-
2
votes1
answer145
viewsIn Reactjs, is it possible to ensure that a class method is only executed after setState is completed?
I’m making a freecodecamp project using Reactjs. It consists of making two Leaderboards: one of the campers with the highest score in the last 30 days and another of those that have accumulated the…
-
2
votes1
answer44
viewsBrowsers and ES6
I am starting my studies in ES6 and my course is 2018, I would like to know if the browsers already support the technology or is still necessary the use of the compilers?
-
2
votes2
answers146
viewsMaterialize 1.0.0-beta (CSS Transitions)
I am new in front end in general, I have basic knowledge of html and css, I would like to use the materialize and understand this function here. http://materializecss.com/css-transitions.html…
-
2
votes0
answers49
viewsScroll length custom ad
I’m working on a three-slide Carousel ad template, using the AMP project’s Carousel template. I made my template available here. Among the project’s premises, there are two that are mandatory: The…
-
2
votes1
answer786
viewsShow a Collapse and hide the other BOOTSTRAP 4
I found several answers here, but for bootstrap 3. I even tried to adapt to 4 but without success. I’m trying to make when I show one Ollapse hide the other and vice versa(I can’t use static "id"…
-
2
votes1
answer240
viewsSmooth animation of the lower div after removal of the upper div
Follows code below. Basically I wanted the div.div2 had a smoother 'climb': <!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-3.3.1.min.js"…
-
2
votes1
answer100
viewsI cannot lay out side by side the css elements on the screen using col-
I want the two Divs with the gradient to line up Follows HTML and CSS: * { box-sizing: border-box; } /* Sistema de colunas para celulares: */ [class*="col-"] { width: 100%; } /* Sistema de colunas…
-
2
votes3
answers403
viewsAlign Ivs side by side in the center
I’m having a hard time shaping the way it’s supposed to be in exercise... I wanted to leave the image attached I’ll leave the code of my attempts: .header{ background-color: lightgrey; border: 1px…
-
2
votes2
answers179
viewsShould I compose every HTML that repeats?
One of the main advantages I understood in using Vue.js/React is to define a component and be able to reuse it where necessary. Taking this into account, I have a web application that several times…
-
2
votes0
answers32
viewsIs it possible to change the text of the "Add to home screen" prompt of a PWA?
Is there any way to exchange the text "Add to home screen" of a PWA? I figured it was by manifest PWA, however I found no specification, I have seen in some sites this text in Portuguese, there is…
-
2
votes2
answers40
viewsHow to apply a function with "foreach", using a set of pre-selected items by the Jquery style selector?
I do not know if I could be clear in the title, and so I will illustrate. In jQuery, we could do something like this to make all H2 green: $('h2').css('color','green') I’m trying to get rid of…
-
1
votes3
answers616
viewsCarousel bootstrap with two items upright
The challenge is this: Make a Carousel, using the Bootstrap, which displays two items at a time, aligned vertically. Follows an outline of the idea: I found some examples of Carousel using multiple…
-
1
votes2
answers901
viewsTemplates for Laravel
I am starting a system that will be the basis of all systems in the company. The system will develop in Laravael 4 and the interface will be a theme of wrapbootstrap. What would be the best…
-
1
votes1
answer118
viewsUse Jekyll Folder with option to list categories
i have two directories in my Jekyll theme, the folder Blogger and the folder Projects, these folders contain the subfolder **_posts* inside. As in the structure example below: |- My-Theme/ | |-…
-
1
votes1
answer40
viewsFont Awesome has CSS Reset?
When using Bootstrap for example, it has an internal CSS Reset. The same thing happens when using Font Awesome? If you use Font Awesome in a project, you will need to add some CSS Reset or it…
-
1
votes1
answer36
viewsFOD element identification standard
What is the pattern of HTML identifier names , ex : <form id="alterar-nome-form" th:action="@{/conta/alterarnome}" th:method="put"> </form> Or <form id="alterarNomeForm"…
-
1
votes1
answer114
viewsCustomer side image manipulation
A challenge has arisen, I need to know how/which tools can help me create an area that I can manipulate image on the client side. I need to develop a website that creates custom shirts, something…
-
1
votes1
answer133
viewsCapitalize
I have an input and I would like that when the user type the letters will be uppercase by the effect of javascript. Without the form I can, more when I put the form does not work. ` <ui:define…
-
1
votes1
answer901
viewsFocus on a browser tab with Javascript
With Javascript, you can focus on a specific browser tab, assuming I know which tab? If so, how?
-
1
votes0
answers99
viewsShow and receive response from a p:confirmDialog triggered via Managed/CDI Bean
I have a view with a save button, but the method that runs on the save button does some checking on the bean and asks the user if they really want to save. Show dialog:…
-
1
votes0
answers58
viewsProblem with NPM Nodejs Compass
I’m in trouble here with Nodejs. First I run the remote: npm i Then I turn the remote: grunt There goes that mistake: Warning: Couldn't find the `compass.bat` binary. Make sure it's installed and in…
-
1
votes1
answer291
viewsResponsive bootstrap
I have a model on the Internet that tested its responsiveness. As I decrease the width, the menu is also decreasing and getting in perfect condition. This "perfection" is up to 760px. When I do this…
-
1
votes1
answer696
viewsRestful site, when resizing the elements go to the bottom of the page
The page has only one photo in the center and some texts. I added a Media Query so that when the viewport is less than 700px it increases the images, but when I decrease my screen, it explodes...…
-
1
votes0
answers185
viewsSpark Charts primefaces chart
I’m using primefaces to do my graphics, but I have a problem. The graphics generate right, but I have to move the mouse to display the values as in the following example: I want the values to always…
-
1
votes1
answer445
viewsHow to make a modal fire and stay at the bottom/bottom of the page?
Modal by default shoots from top to top. I want to do the reverse. Let him shoot from the bottom and stay there (at the bottom/footer/footer). I changed his top, but in mobile the positioning is…
-
1
votes2
answers141
viewsHow to rescue html text from database?
I’m using the editor TinyMCE, the data is saved correctly in the database, but I do not know how to rescue them and show them on the screen. It is returning me like this. Would anyone know how to…
-
1
votes1
answer3664
viewschange classes with Angularjs
I need to change the style of an element when clicked and if you click again it goes back to the color it was (as if it were an "advanced search"). I have the following code: <a href=""…
-
1
votes0
answers95
viewsProblems with . container-Fluid and @media
I’m a beginner in Bootstrap and I’m using the framework for a school project. In the old days, I was using the class .container to leave the content "together", but as I did not like the space…
twitter-bootstrap bootstrap-3 responsive-layout front-end gridasked 8 years, 5 months ago Matheus Santos 19 -
1
votes1
answer914
viewsJoin 3 forms in 1 Submit
Have 3 forms : Form1, form2 and form3. I don’t know how I can " join them together " so you only need one <input type=submit /> for the three instead of creating a Submit for each one Is there…
-
1
votes0
answers68
viewsI can’t get a return from the REST webservice
I’m trying to communicate my client . html with a REST service that I created in ASP.NET C#. At first it was just to login and if the login and password was correct redirect to the home page of my…
-
1
votes2
answers635
viewsDoubt - insert html mask
Hello, I need to put a mask on as follows: I have a field: <input type="text" required maxlength="4" name="minimumGrade" id="minimumGrade" ng-model="capacity.minimumGrade"> And I need that in…
-
1
votes1
answer337
viewsHow to disable materialize input
I realize that with Framework materialize as soon as I put an input it already stylizes by type. But I don’t want to use styling for input, like disabling?
-
1
votes1
answer355
viewsHow to request access token server, only via frontend securely, without human interaction?
Good guys. I got into this: I have an application in the frontend of a server, which needs to communicate with a Rest API on another server, without the client having to log in. The app that will…
-
1
votes1
answer154
viewsjQuery Mobile does not allow internal links
I am creating HTML 5 application sketch to run on device mobile. In my project, I needed to use different versions of jQuery for events to work: <script…
-
1
votes2
answers5091
viewsHow to make a simple and responsive horizontal menu?
Hello. I started studying Development front-end recently (almost yesterday) and am having some problems with CSS. I’m terrible at positioning things, and what makes me angry is that I can do a few…
-
1
votes0
answers33
viewsAurelia - error executing the npm run build:Prod command
I’m learning the Aurelia (front-end framework) and downloaded a demo project (Aurelia_full_esnext_webpack) of the site http://coreui.io/. I am running the npm run build:Prod command, but it displays…
front-endasked 8 years ago Samuel Oliveira Chaves 63 -
1
votes3
answers48
viewsDoubt regarding CSS selectors
I started studying CSS a short time ago, and when analyzing the CSS of a page I came across the following excerpt: @media (min-width:10px){ body{max-width:none} } I wonder what kind of selector is…
-
1
votes0
answers35
viewsLogin page in SPA’s (Angularjs)
In the current scenario, I have an index.html that works as a kind of template. For example, in it I have a side menu, a toolbar at the top and, at the "center", a div (ng-view) to receive dynamic…
-
1
votes1
answer115
viewsHow do I share a property with other components in React?
Hi, I’m new to React and I have a question about property sharing. For example, I want to have a parent component that will have a property "Visible", and I want to share it with all my child…
-
1
votes1
answer645
viewsCustomizing Bootstrap menu
I want to make a menu in a HEAD with a dropdown, I’m trying to customize a bootstrap code but without success follows the code: * { padding: 0; border: 0; box-shadow: 0; list-style: none; margin: 0;…
-
1
votes0
answers138
viewsHow to import an external React component to Asp.Net
Hello, I wanted to import a webpack generated React external component (Bundle.js) into my Asp.net MVC application. I am trying to import the "Bundle.js" file to my page and process the React…
-
1
votes2
answers79
viewsError using CSS Nth-Child()
.citacao-bio { background-color: #D9E5E3; border: 10px solid #C2CCCA; width: 250px; box-sizing: border-box; margin: 20px 40px; float: left; position: relative; } .citacao-bio:nth-child(2){ float:…
-
1
votes1
answer226
viewsJavascript show several div'’s in different time intervals
my question is about how to make various elements appear with different classes and times. The idea is to do as the Facebook Live interaction. The Code is as follows:: <ul class="reactions">…
-
1
votes2
answers310
viewsShow or Hide modal with sessionStorage
I was searching for a way to limit the appearance of a modal on my site, for example when clicking on a link asks for the e-mail registration before going to the anchor, but I do not want this to…
-
1
votes0
answers74
viewsV-Model giving problem in Components
Hello, I’m new with Vuejs and I’m doing a chat following a tutorial. In the tutorial the teacher inserts a v-model inside an input into a component and all right. When I do this, the component is…