Html/CSS/JavaScript Archives - nerijuso.lt https://nerijuso.lt/category/html-css-javascript/ Nerijus Oftas - developer Sun, 28 Jun 2020 20:27:24 +0000 en-US hourly 1 https://wordpress.org/?v=6.9 Bluehost vs Kinsta hosting https://nerijuso.lt/bluehost-vs-kinsta-hosting/ https://nerijuso.lt/bluehost-vs-kinsta-hosting/#respond Sun, 28 Jun 2020 20:19:53 +0000 http://nerijuso.lt/?p=421 Few days before I got a task to suggest the best hosting for the WordPress website. The website will be for USA users, so we needed to host the website in USA datacenters. I always was using OVH VPS but this client did not have who will set up this VPS and take care of […]

The post Bluehost vs Kinsta hosting appeared first on nerijuso.lt.

]]> https://nerijuso.lt/bluehost-vs-kinsta-hosting/feed/ 0 HTML Entities & Special Characters https://nerijuso.lt/html-entities-special-characters/ https://nerijuso.lt/html-entities-special-characters/#respond Wed, 15 Apr 2015 10:35:14 +0000 http://nerijuso.lt/?p=325 Sometimes need special character and you did not know how to write it in code. Here is most common list of HTML entities with their numbers and names. Number Code Entity Code Character Description &#34; &quot; “ Quotation Mark &#38; &amp; & Ampersand &#47; &frasl; / Slash &#60; &lt; < Less Than Sign &#62; &gt; […]

The post HTML Entities & Special Characters appeared first on nerijuso.lt.

]]> https://nerijuso.lt/html-entities-special-characters/feed/ 0 Equal div column heights https://nerijuso.lt/equal-div-column-heights/ https://nerijuso.lt/equal-div-column-heights/#respond Wed, 01 Oct 2014 09:08:44 +0000 http://nerijuso.lt/?p=249 Sometimes we need to do equals columns. I think most all of you do it  with javascript,  but that’s a whole lot of code.The same result can be achieved with just a few lines of css. Here is a demonstration on Bootply: http://www.bootply.com/QOfKYIVeGF I wrapped columns in a row and gave it an additional class […]

The post Equal div column heights appeared first on nerijuso.lt.

]]> https://nerijuso.lt/equal-div-column-heights/feed/ 0 Html select custom style https://nerijuso.lt/html-select-custom-style/ https://nerijuso.lt/html-select-custom-style/#respond Wed, 07 May 2014 07:00:25 +0000 http://nerijuso.lt/?p=225 Some time we need to style select box. Here I will show you simple example how to do this. For example we have simple select box html: This is style: How it works you can on http://jsfiddle.net/sstur/fm5Jt/ Hope this will help you 🙂

The post Html select custom style appeared first on nerijuso.lt.

]]> https://nerijuso.lt/html-select-custom-style/feed/ 0 How do you cache an image in Javascript? https://nerijuso.lt/how-do-you-cache-an-image-in-javascript/ https://nerijuso.lt/how-do-you-cache-an-image-in-javascript/#respond Mon, 13 Jan 2014 19:11:04 +0000 http://nerijuso.lt/?p=215 Once an image has been loaded in any way into the browser, it will be in the browser cache and will load much faster the next time it is used whether that use is in the current page or in any other page as long as the image is used before it expires from the […]

The post How do you cache an image in Javascript? appeared first on nerijuso.lt.

]]> https://nerijuso.lt/how-do-you-cache-an-image-in-javascript/feed/ 0 How to disable backspace in browser? https://nerijuso.lt/how-to-disable-backspace-in-browser/ https://nerijuso.lt/how-to-disable-backspace-in-browser/#respond Wed, 28 Mar 2012 13:06:51 +0000 http://nerijuso.lt/?p=174 Some it is necessary to disable backspace button in browser. This javascript code can help to disable backspace: document.onkeydown = function () { var e = event || window.event; var keyASCII = parseInt(e.keyCode, 10); var src = e.srcElement; var tag = src.tagName.toUpperCase(); if(keyASCII == 13) { return false; } if(keyASCII == 8) { if(src.readOnly || […]

The post How to disable backspace in browser? appeared first on nerijuso.lt.

]]> https://nerijuso.lt/how-to-disable-backspace-in-browser/feed/ 0 Styles to reset css for all browsers https://nerijuso.lt/styles-to-reset-css-for-all-browsers/ https://nerijuso.lt/styles-to-reset-css-for-all-browsers/#respond Tue, 31 Jan 2012 18:35:35 +0000 http://nerijuso.lt/?p=171 The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The reset styles given here are intentionally very generic. There isn’t any default color or background set for the body element, for example. I don’t particularly recommend that you […]

The post Styles to reset css for all browsers appeared first on nerijuso.lt.

]]> https://nerijuso.lt/styles-to-reset-css-for-all-browsers/feed/ 0 Center align with float left or right https://nerijuso.lt/center-align-with-float-left-or-right/ https://nerijuso.lt/center-align-with-float-left-or-right/#respond Tue, 31 Jan 2012 13:39:31 +0000 http://nerijuso.lt/?p=169 Some said that you cannot centre floated elements but this is not quite true. It’s true that usually you can only float left or float right but if you have a group of buttons (for example it is menu) and you want them to be fluid in width then it would be nice to have […]

The post Center align with float left or right appeared first on nerijuso.lt.

]]> https://nerijuso.lt/center-align-with-float-left-or-right/feed/ 0 Live image stream from ip camera https://nerijuso.lt/live-image-stream-from-ip-camera/ https://nerijuso.lt/live-image-stream-from-ip-camera/#comments Thu, 09 Jun 2011 09:52:35 +0000 http://nerijuso.lt/?p=158 Yesterday I had a task make stream images from ip camera. IP camera always put images to the same directory with same image name. This is a source code, whick can do this. var tick=0; image=new Image(); reload = new Date(); reload = reload.getTime(); image.src="http://your_domain.lt/camera/image.jpg?nocache="+reload; function refreshCam() { tick++; if(tick>3){restart=1;} else {restart=0;} if(image.complete) { tick=0; […]

The post Live image stream from ip camera appeared first on nerijuso.lt.

]]> https://nerijuso.lt/live-image-stream-from-ip-camera/feed/ 2 Scroll to anchor with jQuery https://nerijuso.lt/scroll-to-anchor-with-jquery/ https://nerijuso.lt/scroll-to-anchor-with-jquery/#respond Sun, 05 Jun 2011 20:15:47 +0000 http://nerijuso.lt/?p=154 Today I needed to create link with anchor. When I pushed it, it opens new page and add class to div. The source code is: var class= window.location.href.slice(window.location.href.indexOf('#') + 1).split('#'); if(class){ jQuery('.testimonial_cont').find('.'+class).show('slow'); jQuery('html,body').animate({scrollTop: jQuery('.testimonial_cont').find('.'+class).parent().offset().top},'slow'); } Of course you can change slow to normal or fast or even a int in milliseconds. I hope it will […]

The post Scroll to anchor with jQuery appeared first on nerijuso.lt.

]]> https://nerijuso.lt/scroll-to-anchor-with-jquery/feed/ 0