Okay my problem is that a couple of my special symbols show up as a little box, look here:
http://i.imgur.com/9mPL4.png
The symbol number is: \e8a1
The way it should look, and odly has no problem on this site is like this:
http://i.imgur.com/rZOUN.png
I have forced upon UTF-8 via .htacces and no luck too. I've been trying for some time now.
I fail, this entire time the answer was in front of my face :P .icon-logo-entypo:before Entypo being the font :) downloaded and it's working now!
Related
I apologize if a question like this already exists somewhere, but I've really searched carefully and haven't found a question like this one.
I have a question regarding Performance Tab in the Chrome Development Tools.
I have a difficulty understanding how exactly to interpret it.
In particular, considering a scenario shown in the screenshot, it seems to me like these operations underscored by the blue lines ("recalculate styles", "composite") have been offset to the right, because when I scrub through the FPS chart bar that shows the animation, the timing of the animation starts and ends exactly where the green region does, instead of where the operations themselves start and end.
Is this indeed due to some offset (perhaps a bug in devtools?) or is there some deeper explanation to it that I'm unaware of?
I would appreciate any help as this has been bugging me for quite a while.
EDIT:
I could paraphrase my question in this way as well:
How did all these frames render if no operations took place like "recalculate styles" and "compositing"?
RESOLVED:
I apologize for not returning to this immediately after I solved the mystery for myself. I was very busy in the meantime.
Hereby, I confirm that yes, indeed, the confusion was due to the cursor being recorded (as suspected in the comments) but at the time I wasn't aware of it.
I want to thank everybody in the comments for their suggestions and their will to help.
Trying to select a div by the text inside it, using WebdriveJS. Looking for a Div that contains the text, "TestIt". This seems pretty straightforward.
driver.isElementPresent(webdriver.By.xpath("//div[contains(text(),'TestIt')]")).then(function(foundIt)
{
console.log(foundIt);
}
But foundIt always equals false.
This is the div:
<div class="v-table-cell-wrapper">TestIt</div>
I actually want to be able to find the string using a variable, but I can't get the basic part to work. Any thoughts from anyone?
Should be as easy as(Assuming there is not iframe involved)
//div[.='TestIt']
Just in case if it has white spaces before or after
//div[contains(.,'TestIt')]
Well, I learned something very good today. I was using Phantom to test, but the problem is of course that you can't see what's going on. I had started on Chrome. I moved back to Chrome I realized that I was no longer getting as far as I was before in my script, hence the inability to find the element. I feel a bit stupid, but live and learn. Thanks for replying, guys.
Since some days I'm experiencing this problem.
Here is my debug
The image provided is bigger than 200x200 px, it has unique link and there is any redirection on that page.
Linter response is 200.
When I copy and past page's link on fb it give me the choice between 3 images that are smaller than 200x200px and the one I've provided is ignored.
But If I try to share it through "Like button" or "Send button" it works fine.
It sounds like a fb Bug.
Thx
I solved using informations from this and this posts.
You can try using an image that is bigger than 200x200, with dimensions multiple of 100, and squared.
Other useful stuffs are using jpg extension, host the image in the same server of the website and avoid any "strange" chars in filename.
I tried many of the suggestions on this post and others to no avail. The thing finally worked for me (which I have not seen elsewhere) was to add the correct prefix to the element which I previously was missing entirely.
<head prefix="og: http://ogp.me/ns#">
Not sure if that actually fixed the problem for good or it just jogged the debugger into re-scanning the image (properly) but hopefully it helps someone else.
I got it done by renaming the image and the og:image url. Give it a try.
I have been struggling with this for a while too. I have tried all shapes and size for the image, renaming it, adding specific og:image:height and :width tags, etc.
The way I 'solved' it is just putting the image I want to show up in the website's root directory and point in og:image to another (1500x1500, btw) image. Facebook linter then tells me that it will use the image in the root directory. And that just works fine ;-)
Even if your image size is not in multiples of 100, it should work if your image is in jpg or jpeg format.
If your image is in png format, no matter what the size is, it will not work. This is based on my tests only. I would like to hear from other devs here.
I use png's all the time. I always use 1920 x 1080 because they look so good on Facebook shares. 85% of the time they work, sometimes they don't. Sometimes I delete and reload the same photo without renaming or changing a thing and it all of a sudden works. I'm not a real dev so that's all I can offer.
I tried most of these suggestions - double-checked the <head> prefix, tried adding the javascript sdk, tried square images, sourcing from different locations, simplifying the file name...
What finally worked was making sure an <img> tag for the same image appears in the body! I hid it with CSS / inline style.
I've spent like an hour tying to find a way to fix this, but I just can't do it. Some lines/characters will show up a different color in Aptana (all semicolons, some tabs, and some whole). I just installed it today, so I don't know my way around the software very well.
Here's a picture to help you get the idea:
I would like get rid of the way some sections are lighter (the line saying some text is the line the caret's on, which is not the problem)
P.S. If this is the wrong place to ask this, I'm sorry, but I'm getting frustrated searching through Google and the Aptana preferences.
I too spent way too much time on this issue.
The answer by phazei is correct:
Aptana 3, php code background highlighting
But my main problem was I didn't know where to look. So to give some insight into how I found the answer:
It turns out you can see what markup the editor is using and how it classifies any block of text, by just right-clicking on the text you are interested in and pick Show in -> Properties.
I have the great book on stunning css3 and it's talking about using src: local('a_smiley_image') and it's showing an actual smiley image being used.
I have no idea what I should actually type to make that appear as it certainly does not look like a ":)"
Is my only option to copy and post from web posts that shows "☺" like that ?
I also know the unicode is ☺ for inserting into actual html web pages, however I want to use it in a regular editor or IDE on Ubuntu (1st), Mac's (2nd) and Windows (3rd) - because at the end of the day the solution given of using smiley-face for the font implies doing this :)
Found this on another question so I can past it here and here it is:
src: local("☺")
Given no other answer I will use this.