14. May 2017
“Element queries are a new way of thinking about responsive web design where the responsive conditions apply to elements on the page instead of the width or height of the browser.
Unlike CSS @media queries, @element Queries are aware of more than just the width and height of the browser, you can write responsive conditions for a number of different situations like how many characters of text or child elements an element contains.
Another concept that element queries brings to CSS is the idea of ‘scoping’ your styles to one element in the same way that JavaScript functions define a new scope for the variables they contain.”
min-width min-width in px, min-width in %max-width max-width in px, max-width in %min-height min-height in px, min-height in %max-height max-height in px, max-height in %min-characters on block elements, on form inputsmax-characters on block elements, on form inputsmin-lines min-lines demomax-lines max-lines demomin-children min-children demomax-children max-children demomin-scroll-y min-scroll-y demomax-scroll-y max-scroll-y demomin-scroll-x min-scroll-x demomax-scroll-x max-scroll-x demoorientation orientation demomin-aspect-ratio min-aspect-ratio demomax-aspect-ratio max-aspect-ratio demo$this $this demo$parent $parent demo$root $root demo$prev $prev demo$next $next demo14. May 2017
UriInterface interface|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
use League\Uri\Parser; $parser = new Parser(); var_export($parser('http://foo.com?@bar.com/')); //returns the following array //array( // 'scheme' => 'http', // 'user' => null, // 'pass' => null, // 'host' => 'foo.com', // 'port' => null, // 'path' => '', // 'query' => '@bar.com/', // 'fragment' => null, //); |
14. May 2017
A library to generate PDFs in client-side JavaScript.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
// Default export is a4 paper, portrait, using milimeters for units var doc = new jsPDF() doc.text('Hello world!', 10, 10) doc.save('a4.pdf') // Landscape export, 2×4 inches var doc = new jsPDF({ orientation: 'landscape', unit: 'in', format: [4, 2] }) doc.text('Hello world!', 1, 1) doc.save('two-by-four.pdf') |
14. May 2017
|
1 2 3 4 5 6 7 |
// Create DB and fill it with records var friends = TAFFY([ {"id":1,"gender":"M","first":"John","last":"Smith","city":"Seattle, WA","status":"Active"}, {"id":2,"gender":"F","first":"Kelly","last":"Ruth","city":"Dallas, TX","status":"Active"}, {"id":3,"gender":"M","first":"Jeff","last":"Stevenson","city":"Washington, D.C.","status":"Active"}, {"id":4,"gender":"F","first":"Jennifer","last":"Gill","city":"Seattle, WA","status":"Active"} ]); |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
// Kelly's record var kelly = friends({id:2}).first(); // Kelly's last name var kellyslastname = kelly.last; // Get an array of record ids var cities = friends().select("id"); // Get an array of distinct cities var cities = friends().distinct("city"); // Apply a function to all the male friends friends({gender:"M"}).each(function (r) { alert(r.name + "!"); }); |
24. March 2017
“The Datamuse API is a word-finding query engine for developers. You can use it in your apps to find words that match a given set of constraints and that are likely in a given context. You can specify a wide variety of constraints on meaning, spelling, sound, and vocabulary in your queries, in any combination.”
words with a meaning similar to ringing in the ears
/words?ml=ringing+in+the+ears
6. February 2017
Rocket.Chat is am impressive Open Source Web Chat Platform, with a huge amount of features:
6. February 2017
“Plates is a native PHP template system that’s fast, easy to use and easy to extend. It’s inspired by the excellent Twig template engine and strives to bring modern template language functionality to native PHP templates.
Plates is designed for developers who prefer to use native PHP templates over compiled template languages, such as Twig or Smarty.”
6. February 2017
Voyager is a Laravel Admin Package that includes BREAD(CRUD) operations,
a media manager, menu builder, and much more.
4. February 2017
A simple Object Oriented wrapper for GitHub API, written with PHP5.
Uses GitHub API v3. The object API is very similar to the RESTful API.
|
1 2 3 4 5 6 7 |
<?php // This file is generated by Composer require_once 'vendor/autoload.php'; $client = new \Github\Client(); $repositories = $client->api('user')->repositories('ornicar'); |
10. January 2017
Flatdoc is a small JavaScript file that fetches Markdown files and renders them as full pages. Essentially, it’s the easiest way to make open source documentation from Readme files.
