PHP download

Download the PHP package tanthammar/laravel-window-size without Composer

On this page you can find all versions of the php package tanthammar/laravel-window-size. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.

Table of contents
Download tanthammar/laravel-window-size
More information about tanthammar/laravel-window-size
Files in tanthammar/laravel-window-size

Vendor tanthammar
Package laravel-window-size
Short Description Laravel blade directives and php helpers for serverside rendered content, based on browser window size WITHOUT css
License MIT

Keywords laravel breakpoints

FAQ

After the download, you have to make one include require_once('vendor/autoload.php');. After that you have to import the classes with use statements.

Example:

If you use only one package a project is not needed. But if you use more then one package, without a project it is not possible to import the classes with use statements.

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 PHP packages are not free to download and because of that hosted in private repositories. In this case some credentials are needed to access such packages. Please use the auth.json textarea to insert credentials, if a package is coming from a private repository. You can look here for more information.

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.

Please rate this library. Is it a good library?

Example code of tanthammar/laravel-window-size

Informations about the package laravel-window-size

Laravel Window Size and Breakpoints

Laravel blade directives and php helpers for server side rendered content, based on browser window size WITHOUT css.

An example to show the purpose of this package:

[ Travis ]()

Requirements

php 8
Laravel 8
IE11 not supported, (but you can update the blade component yourself :).

Do you use Livewire?

There is a Livewire version of this package. Link >>>

Description

The main purpose of this package is not to avoid duplicated html, but to avoid unnecessary server side code execution, just to render content that will never be seen.

Vanilla JS syncs the browsers inner width and height, in realtime (debounced 750ms), when the browser window is resized.
The corresponding Laravel controller will store the values to the Laravel Session.
The package has a config/breakpoints file where you set your breakpoints
The package provides multiple @blade directives and Laravel helpers()
You have access to the browser window width/height via session('windowW') and session('windowH')
You can change the config dynamically with Laravel Config::set(...)
The route is throttling the request 15:1. (The route is: /update-laravel-window-size)

Important note

It's important to understand the difference between the server side rendered breakpoints, that this package provides, and css media queries.

When using css, the content of the page will update in realtime as the user resizes the window, whereas this package debounces a network request and updates the page on the next page request.

It's important that you place the <x-window-size::save-to-session /> at first point of contact with the user, for your application to look its best. I have it in my app.blade.php and on the login/register pages.

Installation

Publish config

The default settings are based on TailwindCSS breakpoints

Add the component to your layout

Add this to all layouts where you want to keep track of the browser window size.
You will have access to the browser window width/height via session('windowW') and session('windowH')

Example: app.blade.php

Blade directives

@elsif..., @else..., @end..., @unless... and @endif works with all the directives. Explanation in Laravel docs.

Example

Helpers

Same name as Blade directives

Example php

Blade directives test component

Add this to any blade view to test the blade directives

💬 Let's connect

🔗 Twitter
🔗 Please 💗 sponsor me if you like my work.

Credits

Martin Krisell

Changelog

Please see CHANGELOG for more information what has changed recently.

Contributing

Please see CONTRIBUTING for details.

License

The MIT License (MIT). Please see License File for more information.

All versions of laravel-window-size with dependencies

PHP Build Version

Package Version

Version 2.4 Release 10. Feb 2025
create-project require 0 people chose require and
0 people chose create-project.

Download

Download latest version of laravel-window-size from vendor tanthammar

Requires php Version ^8.0|^8.1|^8.2|^8.3|^8.4
illuminate/support Version ^8.0|^9.0|^10.0|^11.0|^12.0

Composer command for our command line client (download client) This client runs in each environment. You don't need a specific PHP version etc. The first 20 API calls are free. Standard composer command

The package tanthammar/laravel-window-size contains the following files

Loading the files please wait ....