UX/UI Designer & Html5, CSS3, jQuery Developer Blog : Learning by sharing knowledge

Best prototype tool for UI design

Powerful design prototyping tools Get high-fidelity in under 5 minutes. Upload your design files and add animations, gestures, and transitions to transform your static screens into clickable, interactive prototypes.

Simple javascript tab with next and previous option, on click of external link to change tab content

Custom Java-script Tab Plugin Example Below is the Custom Javascript Tab Example with next and previous option. This Javascript you can even add multiple tabs in same page also you will have external link to change tab

App Icon and Splash Screen Sizes

iOS, Android, Windows native and hybrid mobile application development guide by iOS App Icon Sizes Apple developer Guide link below: PNG (recommended) iPhone 6s app icon size, iPhone 6s Plus app icon size below (required for all apps)… Continue Reading →

On click of external link, open dojo dijit layout tab second or other tab

It’s not easy to go on click of external link open dojo dijit layout tab second tab, here is some ready made code for you. Dojo dijit layout tab html <div id="tabs" dojoType="dijit.layout.TabContainer"> <div id="123" dojoType="dijit.layout.ContentPane" title="test123"> 123 </div> <div… Continue Reading →

css media query height based

Can i write media query on height based ? Yes you can Some times we have to fix the design issues according to the windows height also, that time css media query height based styles will helps you, its very… Continue Reading →

jquery mobile header issue fixed

Header and footer change their position after keyboard open in Android Jquery mobile application After i struggled a lot for my new Android Jquery mobile application, header issue here is the simple solution without any script, for Fixed header jumps… Continue Reading →

Free flat icons

Free download flat icons :

Bootstrap Clear Input Field

Its very easy to add reusable class to clear your input field text HTML <div class="panel panel-default"> <div class="panel-body"> <h1>Bootstrap Clear Input field</h1> <input class="form-control clearable" type="text" placeholder="Search" /> </div> </div> CSS .clearable{ background: #fff url( no-repeat right -10px center;… Continue Reading →

media queries simple example for responsive webdesign

how to make my website responsive It’s very easy to make your website responsive if you have a basic idea of CSS All you need to do include below code to your css and change the min and max width… Continue Reading →

How disable anchor tag only in Tablet

Disable anchor tag only in Tablet Just add below code in header inside the script tag, and include jquery library. it will disable anchor tag only in Tablet. //Tablet disable anchor if($(window).outerWidth() &gt;= 768 &amp;&amp; $jq(window).outerWidth() &lt;= 1023) { $("#MainMenu… Continue Reading →

« Older posts


Up ↑