A better Lorem Ipsum?

For those like me who use “Lorem Ipsum” generators (Latin language dummy text generator) such as lipsum.com to create mockups you will be happy to know that an alternative now exist: Blokk is a font for quick mock-ups and wireframing for clients who do not understand latin (pretty much everyone!).

As Blokk is a font, it simply “style” the existing text in your page using black squares. You can therefore “hide” your text to users (though a simple select + copy past will reveal it to you.). Try it out on the below example.

Example

Sed

Nam gravida venenatis aliquet. Nunc mattis, felis dictum hendrerit lobortis, sapien neque eleifend mauris, vel facilisis neque lorem a ante. Nullam ultricies metus mi, at facilisis tortor. Nulla a ligula justo, at feugiat mauris. Sed congue consectetur aliquet.

Learn more

Twitter Bootstrap: Responsive CSS does not work on mobile devices

When creating my WordPress Theme ShprinkOne I discovered a responsive CSS problem. Resizing the browser reacted as expected on Desktop but not on mobile devices(Phone, Tablet).

As it is well explain on Bootstrap documentation a proper meta tag is needed to turn the responsive CSS behavior on mobile devices. The viewport meta can be used to control how HTML content will appear in mobile devices. It contains a comma-separated list of properties in the form name=value

If it is happening to you, you will have to insert the following meta on your page header to fix the problem for good.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Sources