Category Archives: Webdesign

Previous Page · Next Page

Google – Material Desgin Resources

Material Design resources:

https://www.google.com/design/resources/

 

Google Icon fonts

https://google.github.io/material-design-icons/

 

Device Metrics

https://www.google.com/design/tool/devices/

Bootstrap theme creator

http://pikock.github.io/bootstrap-magic/app/index.html#!/editor

Posted on April 26, 2015, 21:03 By
Categories: Webdesign Tags: ,
Browscap – detect browser details

Hacking around with PHP to have a better solution than get_browser()

PHP’s native get_browser() function parses this file and provides you with a complete set of information about every browser’s details, But it requires the path to the browscap.ini file to be specified in the php.ini browscap directive which is flagged as PHP_INI_SYSTEM.

Since in most shared hosting environments you have not access to the php.ini file, the browscap directive cannot be modified and you are stuck with either and outdated database or without browscap support at all.

Browscap is a standalone class for PHP >=5.3 that gets around the limitations of get_browser() and manages the whole thing. It offers methods to update, cache, adapt and get details about every supplied user agent on a standalone basis. It’s also much faster than get_browser() while still returning the same results.

https://github.com/GaretJax/phpbrowscap

Posted on April 24, 2015, 16:12 By
Categories: PHP, Webdesign Tags:
Responsive Images

There are great problems for those who want real responsive images.

Note to self: The lazy, cross-browser, cross-device (desktop and mobile), low overhead, kinda light, solution so far is:

  1. make your images 2x their display size
  2. compress them with high compression ratio (30% quality)
  3. and set their size by css (using media queries if needed)

For an entry point on the subject, you may start here: noupe article

Google forcing Mobile First on all sites

Google is adding mobile-friendly to rank pages on search results, forcing everyone that doesn’t want to be left behind to start working on a mobile friendly solution for their sites.

To check how Google ranks your site, visit:

https://www.google.com/webmasters/tools/mobile-friendly/

and enter your site url address.

This is good and bad at the same time. Fair and unfair. Nevertheless it’s a game changer.

PEXELS – Completely free stock videos

Completely free stock videos.  – https://videos.pexels.com/

Pexels Videos offers royalty free stock videos. All videos are licensed under the Creative Commons Zero (CC0) license. This means you can edit or change the videos and use them free for personal and even for commercial projects. All without asking for permission or setting a link to the source. So that attribution is not required. All videos are completely free to be used for any legal purpose.

The CC0 license was released by the non-profit organization Creative Commons (CC). You can find more information about the license on the official license page.

Restriction

Identifiable people may not appear in a bad light or in a way that they may find offensive, unless they give their consent.

Posted on April 8, 2015, 13:52 By
Categories: Webdesign Tags: , , ,
Prepare SVG for the web

This app is supposed (because I haven’t tried it) to optimize svg files for the web.

http://petercollingridge.appspot.com/svg-editor

Posted on March 23, 2015, 17:40 By
Categories: Graphics, Webdesign Tags:
GenerateWP – Code generator for WordPress

A helpful online tool for wordpress development:

The easiest and the fastest way to create custom and high quality code for your WordPress project using the latest WordPress coding standards and API’s.

http://generatewp.com/

Posted on March 2, 2015, 11:34 By
Categories: dev, PHP, Webdesign Tags: ,
CMS Alterantives (early 2015)

Four alternative CMS  to WordPress I recently discovered (presented in no particular order):

Continue Reading →

Eight principles of information architecture

A paper by Dan Brown (20 years experience information architecht) .

Eight principles of information architecture.

https://www.asis.org/Bulletin/Aug-10/AugSep10_Brown.pdf