Posts by Vinicius Colares • 1,352 points
28 posts
-
0
votes1
answer117
viewsA: Assigning Style CSS to brother component (active)
So ... CSS is a language with cascade reading, IE, nothing can be done from bottom to top, so for you to select a sibling element, it needs to come after the selector. <div className="app">…
-
0
votes1
answer405
viewsQ: How to use Material Icons with next.js?
import Link from 'next/link'; import MaterialIcon from 'material-icons-react'; const Header = (props) => { return ( <nav> <ul> {navOptions.map(nav => ( <li> <Link…
-
0
votes1
answer32
viewsA: Calculations with Less css
Just iterate a multiplier: .vendor(@property, @value) { -webkit-@{property}: @value; -moz-@{property}: @value; -ms-@{property}: @value; @{property}: @value; } .mixin-loop (@i) when (@i > 0) {…
-
1
votes1
answer119
viewsA: Bug Menu OFF Canvas
Your menu is breaking when resizes the screen because its <input type="checkbox" id="check"> is marked, thus the transform: translateX(300px); still activated, pushing the menu even further to…
-
2
votes1
answer257
viewsA: Import CSS files with SASS
Because the . css files do not have the syntax of a . Sass/. scss file, the best alternative to do what you want, is to use a task Runner as GULP (I recommend) or GRUNT GULP SASS CONCAT/MINIFY…
-
2
votes1
answer1110
viewsA: Div Fill blank space
MANSORY LAYOUT What you’re trying to create is a mosaic, known in English as Mansory Layout, you may even prefer to use the library Mansory.js. Considering the use of frameworks I would suggest the…
-
2
votes1
answer400
viewsQ: What is the best way to use Node dependencies?
Introducing: Let’s go to a practical example, so that it is simple to understand... I want to use the framework Bulma in my project, so I run the following command: $ npm install --save-dev bulma…
-
1
votes1
answer72
viewsA: Multiple Conversion SCCS > SASS
Yes it is possible, sass-convert accepts a recursive argument. If you run the command $ sass-convert --help he will give you a list of available options, one of them is -R, --recursive which…
-
1
votes2
answers212
viewsA: Problems with responsive design - item placement
Simple ... you can solve this your problem by simply putting a min-height as a rule of its class .video-figure. If you pay attention to the first block in IMG1, you will notice that information 10…
-
2
votes3
answers390
viewsA: Select part of an image
I imagine the most effective solution would be the use of SVG; I suggest you look for a map like this in svg, being represented in such a way that it resembles the example below: <svg…
javascriptanswered Vinicius Colares 1,352 -
2
votes2
answers1779
viewsA: How to add date, from a Date and Number of days typed by the user
You could modify the date function to be able to add days to your date, for example: Solution in Jquery I made that JSFIDDLE using the lib Moment js. for a complete solution in time and date.…
javascriptanswered Vinicius Colares 1,352 -
1
votes1
answer464
viewsA: How to activate a navigation item dynamically
A simple and effective option is to compare the return of the url with the value of href in your navigation menu, applying the class in the element when the condition is met. Solution in…
-
2
votes2
answers2159
viewsA: How to call the value of a javascript variable to use in src?
Your function returns the variable vars, Is it a string? If I’m not wrong, I suppose you just set the variable as the value of the attribute... Jquerry $("#Video1 > source").attr("src", vars);…
-
2
votes1
answer146
viewsA: Site with Responsive objects!
I understood your doubt despite not being very clear, it is a little difficult to assume the problem without analyzing when it comes to css, much may be happening in your code, as you are declaring…
-
4
votes5
answers35403
viewsA: How to align a footer element always at the bottom of the page?
Solution with FLEXBOX and VH I made a jsfiddle with the perfect solution to your problem with only 4 css properties in your application container using flexbox and vh as a relative unit, understand…
-
0
votes2
answers43
viewsA: Divs HTML + CSS tuning
I don’t think I understand your question very well, put your code here for me to take a look, but I suppose you’re using a fixed value on height, remove this fixed value and the div should grow…
htmlanswered Vinicius Colares 1,352 -
0
votes1
answer2151
viewsQ: Using Animate.css with Hover
DESCRIPTION: I’m willing to use the Animate.css in my project, but I’m a little lost, I don’t know anything about jQuerry. PROBLEM: I did the step as it says on Github but it doesn’t work, I know…
-
5
votes2
answers1712
viewsQ: How to Commit Deleted Files from Local Project?
DESCRIPTION: I have a relatively common problem, but it slows me down a lot in the project, so let’s go. Suppose I have a project with the examples directories: css, dist, src, js, fonts, and some…
gitasked Vinicius Colares 1,352 -
8
votes1
answer10842
viewsQ: Changing remote path in Git
PROBLEM: I gave git clone in the repository of Web Starter Kit and the project already comes with Git started and with git remote origin master configured as Git default. So if I execute the command…
-
1
votes1
answer3063
viewsQ: How to install Ode.js in shared hosting (Cpanel)?
DESCRIPTION: I have a shared hosting (Cpanel) and I want to install Node.js in this hosting so I can install the GHOST, great tool to manage articles without the need to base my entire project on a…
-
4
votes1
answer184
viewsA: Alignment with Flexbox
FIDDLE to study the code. Solution: To create a <div class="main"> which may be between 1 and 400 (or more) <div></div> within themselves, so that they fill themselves responsibly,…
-
3
votes1
answer735
viewsA: Cakephp - Loading a background-image css
I believe the remote is missing url between the property background-image and the specified path; Example: background-image: url('../img/background.png');…
-
3
votes2
answers235
viewsA: Columns in percentage not aligned
Follows the solution in FIDDLE I simply set a 30% width for the Section, and in the middle Section I gave a 5% margin to the left and right, thus adding: 30% + 5% + 30% + 5% + 30% = 100%. Where, 30%…
-
3
votes3
answers229
viewsQ: Good practices to avoid broken page display?
Problem: I developed a site that when uploaded is displayed with some bugs, such as images displayed in place of another that was not loaded in time, fully bugged forms and no stylization.…
uxasked Vinicius Colares 1,352 -
8
votes2
answers3674
viewsQ: How to create a 404 error screen
I’ve seen a lot of tutorial teaching to customize 404 error screen, but only in CMS as Wordpress, I wanted to know how I do to style a 404 error page*(not found)*, so that the user sees a beautiful…
-
1
votes1
answer8060
viewsQ: Change and disable field after selection
I believe I already have a question answered more or less with what I want, but I do not know much of js and could not filter necessary information in what I read ... THEN! I wonder how you could…
javascriptasked Vinicius Colares 1,352 -
1
votes3
answers13356
viewsA: How to fix the position of an element inside a div with scroll( With css )
So friend the solution is simple, it makes no sense to leave the .conteudoFixo inside a scroll div which in the case of your code is the parent div .divContainer ... the wisest would be to let the…
-
42
votes3
answers105525
viewsQ: How do I get the project back to a specific commit?
Assuming a condition where, I have a project with 20 commits, and I decide for inexplicable reasons to go back some independent commits if I want to go back 4, 5 or 10, assuming the description of…