All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
| <?php snippet('header') ?> | |
| <h2>English Version</h2> | |
| <h3><?php echo $page->content('en')->title()->html() ?></h3> | |
| <?php echo $page->content('en')->text()->kirbytext() ?> | |
| <h2>German Version</h2> | |
| <h3><?php echo $page->content('de')->title()->html() ?></h3> |
| <?php | |
| /* | |
| * 401 Response | |
| * | |
| * Sends a 401 Response Unauthorized | |
| * | |
| * @author Camilo Castro | |
| * | |
| * @date 29/07/2014 |
| <?php | |
| /** | |
| * Instructions: | |
| * | |
| * 1. Put this into the document root of your Kirby site | |
| * 2. Make sure to setup the base url for your site correctly | |
| * 3. Run this script with `php statify.php` or open it in your browser | |
| * 4. Upload all files and folders from static to your server | |
| * 5. Test your site |
This is a small extension for handling sites where the contents have translated fields.
To use it copy lang.js to the extensions folder and select lang.js as the extension for the home section of your website.
Edit the "defaultLang" and the "languages" array in the extension to setup a main language for your site and a series of alternative languages. You currently need to use 2 letter codes for the languages for the extension to work properly.
Making your content multi-language
This contact extension for Webpop is based on writing HTML5 forms with all the validations the HTML5 spec introduces, and having Webpop carry out the validations server-side in case the browser doesn't support them (or has been sidestepped completely).
To use it, simply copy "contact.js" into the Extensions folder of your project.
Writing forms with the <pop:contact> extension is very straight forward, and while the extension can easily be used to output forms with a predefined markup, every part of the final html can be handcrafted.
Here's a simple contact form:
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>CSS responsive images</title> | |
| <style> | |
| /* Play nice with existing requirements for | |
| Responsive Images polyfill */ | |
| /* Doesn't stop original source image being |
| <?php | |
| // import a pipe delimited list of entry ids into your custom field | |
| // this is the column name of your Playa field | |
| $ee_column = 'field_id_160'; | |
| global $DB; | |
| $rels = array(); | |
| $entries_query = $DB->query("SELECT entry_id, $ee_column FROM exp_weblog_data WHERE $ee_column"); | |
| $entries = $entries_query->result; |