Articles & Snippets - negraru - Designer Edmonton

WHM & CSF - Gmail SMTP connect () failed error

Posted by Cătălin on Fri, 5 Jan 2018

Gmail SMTP connect () failed error using smtp.gmail.com and 587 port with TLS in cPanel

I solved the Gmail SMTP connect () failed error adding user(s) to CSF: Go to: CSF Firewall Configuration SMTP Settings Whitelist user(s) in variable "SMTP_ALLOWUSER" SMTP_ALLOWUSER: cpanel,user1,user2 ...

code

Hidden Netflix categories

Posted by Cătălin on Tue, 26 Dec 2017

To access the extra content, all you need to do is add the code for the desired genre or sub genre to the end of the usual URL netflix.com/browse/genre/XXXX

Action & Adventure (1365) Asian Action Movies (77232) Classic Action & Adventure (46576) Action Comedies (43040) Action Thrillers (43048) Adventures (7442) Comic Book and Superhero Movies (10118) ...

code

hidden-* and visible-* classes update for Bootstrap4

Posted by Cătălin on Wed, 20 Dec 2017

The hidden-* and visible-* classes no longer exist in Bootstrap 4 Beta. If you want to hide an element on specific tiers or breakpoints in Bootstrap 4, use the d-* display classes accordingly.

hidden-xs-down = d-none d-sm-block hidden-sm-down = d-none d-md-block hidden-md-down = d-none d-lg-block hidden-lg-down = d-none d-xl-block hidden-xl-down = d-none (same as hidden) hidden-xs-up...

code

Generate password

Posted by Cătălin on Sun, 26 Nov 2017

Refresh the page to generate a 12 characters random password

DBjO8z*Z}!vJ

code

Font style matcher

Posted by Cătălin on Wed, 15 Nov 2017

If you're using a web font, you're bound to see a flash of unstyled text (or FOUC), between the initial render of your websafe font and the webfont that you've chosen. This usually results in a jarring shift in layout, due to sizing discrepancies between the two fonts. To minimize this discrepancy, you can try to match the fallback font and the intended webfont’s x-heights and widths. This tool helps you do exactly that.

if ('serviceWorker' in navigator) { navigator.serviceWorker.register('/public/vendors/font-style-matcher/sw.js', {scope: '/font-style-matcher/'}).then(_ => { console.log('service...

code

Image Placeholder

Posted by Cătălin on Mon, 2 Oct 2017

Use as placeholders in your designs or code

Customize the size and the colour of the image like this: <img src="https://negraru.com/place?size=600x200&bg=e42e36&fg=fff&text=Nice+and+Red+PNG+600x200px" /> Sample:

code