css

Web Dev libraries – week 21

Web Dev libraries – week 21

I’m consuming enormous amount of news each day. These is list of my findings from just only these week. Envision.js is a library for creating fast, dynamic and interactive HTML5 visualisations. Apy is a simple client-side library for making rest api ajax calls. Sitespeed.io is an open source tool that helps you analyse your website speed and performance based on performance best practices and metrics. It collects data from multiple pages on your website, analyze the pages using the rules and output the result as HTML or JUnit XML.
CodeIgniter-minify update

CodeIgniter-minify update

Just introduce some new options to my quite popular library CodeIgniter-minify . From now one you can chose CSS compression engine (cssmin || minify), also FORCE rewrite CSS files. Some speed improvements were also made. Please feel to checkout library on GitGub – CodeIgniter-minify

My daily struggle

<img loading=“lazy” alt=“Daily struggle” src=“ https://d1e24pw9mnwsl8.cloudfront.net/c/css.gif" width=” height=“460” />

Latest discoveries

Codeception Modern PHP testing for everyone codeception.com FileAPI FileAPI — a set of javascript tools for working with files. Multiupload, drag’n’drop and chunked file upload. Images: crop, resize and auto orientation by EXIF github.com/mailru/FileAPI RainLoop FREE, MODERN & FAST WEB-BASED EMAIL CLIENT rainloop.net ANIMATED CHECKBOXES ANIMATED CHECKBOXES AND RADIO BUTTONS WITH SVG tympanus.net Odometer TRANSITION NUMBERS WITH EASE github.hubspot.com/odometer/docs/welcome/
CSS Sprites online tools

CSS Sprites online tools

CSS Sprites  it was a very popular technique for a long time. Biggest benefit from it: reduce number of the requestes to the server, and speedup whole website / loading image assets. Working with CSS slides is really painful  Usually you are starting from PSD then you have to decouple them to separate images, then merge them again to one image, and then mark position of each element in the CSS file.

Couple useful tools to work with: