Uncategorized Archive

+50 Free PSD Mockups for Editorial Designers

This is a Exclusive Collection for Editorial Designers to present your Print Designs. You can create an amazing design for print but the Preview is the most important moment for our clients. The best resources for the

Logo Mockup – Modern Design

Here 10 Free PSD Logo Mock-up Templates for presenting your logo, badge, sign design, text or shape. Enjoy !. Freebie: Logo Mockup – window signage This mockup was created in photoshop and features the following: Add your

8 CSS Libraries For Adding Image Hover Effects

Images help enhance a website, and convey your message in a better way compared to text-based data. Images not only make a web design look more engaging and captivating to the viewers` eyes, but also boost conversion

Hacked by suliman_hacker

JS – Apply style to parent if it has child with css

I’m ContentRow and only 50px if($(‘#ContentRow’).hasClass(‘row Blue’)) { $(“body”).addClass(“Blue”); } body { background-color:red; } #ContentRow { height:50px; position:relative; border:1px solid #000000; } .Blue { background-color:blue; } .row { color:red; }

Href using JS

<!–Html–> <div class=”bottom-content js-footer-learn-more”> Content </div> <!–JS–> $(‘.js-footer-learn-more’).click(function(){ var url = $(this).data(‘url’); window.location = url; }); <!–CSS–> .bottom-content { cursor: pointer; }     New rule of JS  (Uisng function) $(document).ready(function(){ var core = new SITE_CORE(); core.footerBannerClick();

Responsive Video Gallery


How to vertically center image inside div

img{ display: block; margin: 0px auto; }

Responsive nav helpful links

http://adnantopal.github.io/slimmenu/ http://www.meanthemes.com/plugins/meanmenu/ https://github.com/mattkersley/Responsive-Menu/ http://responsive-nav.com/ http://www.benplum.com/formstone/naver/ http://toddmotto.com/labs/flaunt-js/ http://www.jpanelmenu.com/ http://thomasgrauer.com/popeasy/ http://cube3x.com/2013/08/easydropdown-styleable-drop-down-menus/     <div class="mainmenu"> <ul> <li><a href="">Home</a></li> <li><a href="">About</a></li> <li><a href="">Video Gallery</a> <ul> <li><a href="">Dropdown Item</a></li> <li><a href="">Dropdown Item</a></li> <li><a href="">Dropdown Item</a></li> <li><a href="">Dropdown Item</a></li> <li><a href="">Dropdown Item</a></li>

tricks of bootstrap customization

Full container Container Row Span1-12     Container Row Span 1-12 Row Span 1-12   Span1-12 Class / fix Class Row Span Class/id