Download the PHP package rrb/twig-utils-bundle without Composer
On this page you can find all versions of the php package rrb/twig-utils-bundle. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
FAQ
Example:
In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
- Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
- To use Composer is sometimes complicated. Especially for beginners.
- Composer needs much resources. Sometimes they are not available on a simple webspace.
- If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
- Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Informations about the package twig-utils-bundle
TwigUtils Bundle
This is a Symfony bundle that provides some useful Twig functions ready to use in your projects.
HTML and CSS thanks to Gemma Casals.
Installation
Step 1: Download the Bundle
Open a command console, enter your project directory and execute the following command to download the latest stable version of this bundle:
This command requires you to have Composer installed globally, as explained in the installation chapter of the Composer documentation.
Step 2: Enable the Bundle
Then, enable the bundle by adding it to the list of registered bundles
in the app/AppKernel.php file of your project:
Usage
Lazy loading images
The bundles provides a custom implementation for lazy loading images based on the explanation showed in this video of the Polymer Project.
The idea is to render a low-resolution image of the image whilst it is loading, so the user may start reading the content without having to wait for all images to load.
The strategy is to show the low-resolution image as a base64 encoded image, so the browser can immediately render it, avoiding a new request. Thus, the low-resolution image should be at most 10px width by 10px height.
The low-resolution image is rendered as a background of a <div> that
wraps the <img> tag.
You can see a demo here .
lazy_image_render
imageUrl: the url of the image to load.
type: string
imageBase64
type: string
title (optional)
type: string default: ''
alt (optional)
type: string default: ''
Renders the <img> tag wrapped in a <div> whose background is the
base64 encoded image. It optionally accepts the title and alt of
the image.
The HTML rendered is as follows:
lazy_image_css
Renders a stylesheet for the lazy images to work. You have to call this
function just once in your <head> tag. Of course, you may also add the
styles on your own stylesheet if you want to tweak them.
The CSS content included in the stylesheet is:
