Articles & Snippets - negraru - Designer Edmonton

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

4vBVzfwh!q*i

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

Bootstrap 4 responsive utilities

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

Bootstrap 4 .hidden-* classes were completely removed

With Bootstrap 4 .hidden-* classes were completely removed. Starting with v4-beta, you can combine .d-*-none and .d-*-block classes to achieve the same result. visible-* was removed as well; instead of...

code

MySQL update to remove whitespaces

Posted by Cătălin on Wed, 13 Sep 2017

This is how you can replace spaces with MySQL update query

Replace spaces UPDATE `table` SET `col_name` = REPLACE(`col_name`, ' ', '') Remove all tabs characters UPDATE `table` SET `col_name` = REPLACE(`col_name`, '\t', '' ) Remove all new line characters ...

code