How to make HTML open a hyperlink in another window or tab?
<a href=”http://www.starfall.com/” target=”_blank”>Starfall</a> Whether it opens in a tab or another window though is up to how a user has configured her browser.
html
Why is translateY(-50%) needed to center an element which is at top: 50%?
top:0 (default) By default, your element is at the top of the page, and the top of the element is at 0: ——–Top of Page——– {element} ——Middle of Page—— ——Bottom of Page—— top:50% When you move it down by 50% height (50% of the entire page), the top of the element is at the 50% … Read more
Can I get div’s background-image url?
I usually prefer .replace() to regular expressions when possible, since it’s often easier to read: http://jsfiddle.net/mblase75/z2jKA/2 $(“div”).click(function() { var bg = $(this).css(‘background-image’); bg = bg.replace(‘url(‘,”).replace(‘)’,”).replace(/\”/gi, “”); alert(bg); });
How to preview selected image in input type=”file” in popup using jQuery? [duplicate]
Demo HTML: <form id=”form1″ runat=”server”> <input type=”file” id=”imgInp” /> <img id=”blah” src=”#” alt=”your image” /> </form> jQuery function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $(‘#blah’).attr(‘src’, e.target.result); } reader.readAsDataURL(input.files[0]); } } $(“#imgInp”).change(function(){ readURL(this); }); Reference
Why is “cursor:pointer” effect in CSS not working
I messed with my css for hours, changing the positioning and z-index of just about every element on the page. I deleted every other element from the DOM except for the one with the cursor: pointer on hover, and it STILL didn’t work. For me, on Mac OSX El Captain V 10.11, the issue had … Read more
Infinite scrolling with React JS
Basically when scrolling you want to decide which elements are visible and then rerender to display only those elements, with a single spacer element on top and bottom to represent the offscreen elements. Vjeux made a fiddle here which you can look at: jsfiddle. Upon scrolling it executes scrollState: function(scroll) { var visibleStart = Math.floor(scroll … Read more
Non-Standard Attributes on HTML Tags. Good Thing? Bad Thing? Your Thoughts?
I am a big fan of the proposed HTML 5 solution (data- prefixed attributes). Edit: I’d add that there are probably better examples for the use of custom attributes. For instance, data that a custom application will use that have no analogue in standard attributes (eg. customization for event handlers based on something that can’t … Read more
CSS vertically align floating divs
You’ll have no luck with floated elements. They don’t obey vertical-align. You need display:inline-block instead. http://cssdesk.com/2VMg8 Beware! Be careful with display: inline-block; as it interprets the white-space between the elements as real white-space. It does not ignores it like display: block does. I recommend this: Set the font-size of the containing element to 0 (zero) … Read more
When to use the !important property in CSS [duplicate]
This is the real life scenario Imagine this scenario You have a global CSS file that sets visual aspects of your site globally. You (or others) use inline styles on elements themselves which is usually very bad practice. In this case you could set certain styles in your global CSS file as important, thus overriding … Read more
Speed/cost of localStorage
Just made a small benchmark. What i plan to do is to get some data from localStorage quite often and i wondered will it block. While localStorage.getItem is synced operation it may sound scary but is it? 1st test to call 1 million times localStorage to get item which does exist. 2nd test to call … Read more