Posts by Rafael Kendrik • 1,812 points
37 posts
-
13
votes2
answers234
viewsQ: Reference loss in function call
Setting: class ClassName { constructor(service, params) { this.service = service; this.params = params; this.save(params.id); } save(id) { const { service, onSuccess, onError } = this; return…
-
4
votes1
answer1695
viewsA: How to know if the video is copyrighted via youtube api
There is yes, In the documentation of Youtube Data API (v3), there is a value property boolean returned in the Json calling for contentDetails.licensedContent which shows whether a Youtube content…
-
1
votes1
answer151
viewsQ: Sync files generated by Cordova in IOS app with cloud servers
In accordance with previous question, I am developing an application and part of the functionality of it is to run a kind of CRUD in directories and files through an IOS application, which based on…
-
1
votes1
answer607
viewsQ: Create IOS directories and files using IONIC framework
I need to run a kind of CRUD in directories and files through an IOS application. This application is based on the IONIC framework, which in turn uses Cordova and Angularjs resources. Doubts are:…
-
2
votes3
answers1871
viewsA: File or character encoding error
The problem may be related to both the file encoding and some error in the output of your PHP. Start by changing/checking the file encoding by opening it in your IDE, changing the option to encoding…
-
8
votes2
answers174
viewsQ: Grouped id rendering speed vs class
Some time ago I saw some CSS rendering tests using id be faster than rendering using class, due to the amount of id be often lower in the document than the number of classes (one of the tests you…
-
5
votes2
answers2406
viewsA: Transparent gradient superimposing <div> without losing the "click"
There are several ways to do this effect but I will illustrate two: Merging gradient with image in property background: If the image you posted is just a single element you can merge it with the…
-
2
votes3
answers46
viewsA: Disable a FUNCTION on mobile
Enter your code within the following if: if (window.innerWidth >= 1200) { //Seu code aqui =] } The same functionality above, but this time in Jquery along with your code: if ($(window).width()…
-
1
votes2
answers1398
viewsA: How does the div always get the maximum page size?
You can do as follows using the Calc, with it you avoid using position Absolute or javascript (or Jquery) often forcing the reflow and overlapping of elements with z-index, not to mention that it…
-
3
votes5
answers269
viewsA: Changing text in several different places of the HTML page
Using places, in relation to jquery.html vs innerHTML, the second option proved considerably faster by about 29% over the first. This is a somewhat considerable difference, without taking into…
-
2
votes1
answer132
viewsA: Use unary HTML tags attributes with assigned value
According to the MDN, "This Boolean attribute is set to indicate to a browser that[...]" or in English "This boolean attribute is set to indicate to the browser that[...]". That is, we affirm that…
htmlanswered Rafael Kendrik 1,812 -
1
votes4
answers7832
viewsA: Redirect problem in Wordpress
I’ve had this problem a few times, and the cause can be varied from htacess to permissions error. I always follow a few steps to try to solve: Step I: Check if the website URL is correct in the…
-
2
votes2
answers215
viewsA: Using Multi Language in Wordpress
I don’t know any native function of wordpress that works with multi-language, and when I need to use two ways, depending on what the job asks for. I recommend using the plugin ACF for manageable…
wordpressanswered Rafael Kendrik 1,812 -
1
votes3
answers135
viewsA: Problem with Hover event in Firefox
Regarding the bug: It may be something from the Jquery library itself, something from the browser, or something in your code that caused the error, there are many possibilities and to find the…
-
3
votes2
answers88
viewsA: Remove undesirable margin below image
You can do as follows using CSS and HTML nesting: Add the image and text "comment" inside the same container for example a <div> in HTML and then use float the same so that the text is on the…
-
2
votes1
answer3926
viewsQ: How to restrict access to a particular page in the wordpress Adm. panel?
Within the administrative panel of wordpress, I need to create about 10 pages, where each user has access only to the page that corresponds to him. Example: User X would only have access to the…
wordpressasked Rafael Kendrik 1,812 -
7
votes1
answer3054
viewsQ: Doubt about double exclamation (!!) in javascript / Jquery
I saw its use in the source code of Jquery, for example: fired: function() { return !!fired; } Code snippet located between lines 3222 and 3224 of version 2.1.4 Uncompressed. She’s something native…
-
5
votes3
answers13322
viewsA: How to rotate image on Ivs
Utilize vendor prefixes for greater compatibility of the property Transform. According to the Can i use, currently you need to use epenas -Webkit, -ms and the property itself. Example: .vertical-img…
-
5
votes4
answers4010
viewsA:  - This error appears between the <body> and gives space difference
The Character in question  is the character Unicode "zero width no-break space" (U+FEFF). You may have copied it into your code via copy and Paste (CTRL+C and CTRL+V) without realizing…
htmlanswered Rafael Kendrik 1,812 -
6
votes2
answers8633
viewsA: How to add titles above input and textarea?
The titles of <input>, <select>, <textarea> and others are known as label (Etiquette, in free translation into Portuguese). Can be declared in HTML in the following ways: Using…
-
1
votes2
answers85
viewsA: Crop image in wordpress and delete the original image
Apply on file functions.php add_filter( 'wp_generate_attachment_metadata', 'delete_fullsize_image' ); function delete_fullsize_image( $metadata ) { $upload_dir = wp_upload_dir(); $full_image_path =…
-
11
votes1
answer1271
viewsQ: Webgl, Canvas and 3D Graphics
To Webgl (Web Graphics Library) is a Javascript API, available from the new HTML5 canvas element, which supports 2D graphics rendering and 3D graphics. Is there a difference between Webgl and Canvas…
-
1
votes3
answers208
viewsA: How to resolve vertical centralization bug in Firefox?
You should not use the display: table for the following reasons: "The display: table statement causes the HTML element to be rendered as a table." [Source: Majour]. "If it looks,Works and Sounds…
-
1
votes1
answer52
viewsQ: How to use the Calc() attribute in the LESS Preprocessor
When using the attribute Calc() in LESS I came across the following problem: When compiling the code height: -webkit-calc(100vh - 6em); the output resulted in the calculation of 100 - 6 and adds the…
-
1
votes1
answer52
viewsA: How to use the Calc() attribute in the LESS Preprocessor
There are two solutions. The first would be to remove the Calc() of the LESS file, and placing it directly in the output CSS or even inline in the respective HTML file. This however generates a…
-
9
votes2
answers4788
viewsA: Is it possible to use masks on mobile devices satisfactorily?
Update 11/07/2019 Yes, since the time I wrote the answer several javascript libraries have been created for mask manipulation. I recently used a library called Imask to develop a project of a…
-
5
votes2
answers571
viewsA: How to change the url of the "background" property?
Modify in this case using the following structure: var n_src = 'http://arcticmonkeysbr.com/wp-content/uploads/2014/10/maxresdefault1.jpg';…
-
2
votes2
answers481
viewsA: How to put responsive Ivs regardless of height size?
To make this possible you can use: Min-height: assigns the div’s to the min-height attribute with the highest div value. However, I do not advise using this if the content is manageable. Ex.: div {…
-
13
votes3
answers26056
viewsA: How to block special characters in the field
If you want to do a simple validation only to assist the user in client-side, you can use the pattern. It is a very easy-to-move HTML5 attribute, here have some examples that solve your problem for…
-
1
votes0
answers49
viewsQ: linear-gradient with Inherit does not work
Why the attribute is inherit does not work when associated with property linear-gradient? Example: background: linear-gradient(to bottom, transparent 0%, inherit 100%); Note: Code tested in browsers…
-
2
votes3
answers308
viewsA: Centralize elements using margin
Paulo, I have 2 solutions for you: 1st Center the items: First we will use li for each item in the example, it is more semantic and also makes it easier because we will have to add the attr…
-
7
votes5
answers19009
viewsA: How to keep the footer always down there
For me the most sensible way and without gambiarra is to use Calc, with it you avoid using position Absolute or javascript often forcing the reflow and overlapping elements with z-index, not to…
-
3
votes2
answers541
viewsA: How do I check if my application is open on mobile or web?
I don’t know anything that separates totally mobile from desktop, because you have many factors that can influence this, for example, there are still mobile that do not have touch, there is the…
-
1
votes1
answer251
viewsA: Header Fixed CSS - Transform Translate X
I had a very similar problem a while back.. First check if the header’s vertical and horizontal positioning (top or bottom, left or right) are defined. This is the main reason for bugs of elements…
cssanswered Rafael Kendrik 1,812 -
6
votes2
answers4037
viewsA: Arrows using CSS only
Try this: html, body {font-size: 14px} button { background-color: transparent; border: 0.1em solid #000; outline: none; padding: 0.75em 1em; text-transform: uppercase; } button:hover {cursor:…
-
1
votes2
answers903
viewsA: CSS background-blend-mode in IE (Edge)
As the implementation of blend-mode is still being broadcast in the case of browsers like IE 11 and others that do not support it would be nice if you already let the code work if they ever saw to…
-
1
votes2
answers954
viewsA: Css change in iOS only
I tested on some browsers this Cod. and apparently works as a hack for safari in general. @media only screen and (-webkit-min-device-pixel-ratio: 1) { ::i-block-chrome, "seuseletor" { attr: valor; }…