Ratings and Reviews 0 Ratings

Total
ease
features
design
support

This software has no reviews. Be the first to write a review.

Write a Review

Ratings and Reviews 0 Ratings

Total
ease
features
design
support

This software has no reviews. Be the first to write a review.

Write a Review

Alternatives to Consider

  • SurveyJS Reviews & Ratings
    64 Ratings
    Company Website
  • Source Defense Reviews & Ratings
    7 Ratings
    Company Website
  • Gaffa Reviews & Ratings
    5 Ratings
    Company Website
  • RAD PDF Reviews & Ratings
    3 Ratings
    Company Website
  • Highcharts Reviews & Ratings
    122 Ratings
    Company Website
  • cside Reviews & Ratings
    37 Ratings
    Company Website
  • NodeMaven Reviews & Ratings
    1,070 Ratings
    Company Website
  • Wave Browser Reviews & Ratings
    52 Ratings
    Company Website
  • CloudFiler Reviews & Ratings
    24 Ratings
    Company Website
  • Shift Reviews & Ratings
    1,377 Ratings
    Company Website

What is Screenfull.js?

This simple wrapper provides cross-browser compatibility for the JavaScript Fullscreen API, allowing users to toggle the entire webpage or specific elements into fullscreen mode. It effectively mitigates the discrepancies found in browser implementations, making it easier for developers to manage. For those who encounter limitations with ES modules or need support for older browsers without the use of transpilers, version 5.2.0 is a great choice, coming in at a lightweight 0.7 kB when gzipped. You can also find an older version available through cdnjs. While desktop and iPad versions of Safari support fullscreen functionality, it's crucial to remember that iPhones lack this feature due to browser limitations unrelated to Screenfull. This library not only allows for fullscreen activation of entire pages or specific elements but also conceals the mobile navigation interface. Fullscreen initiation for an element can be easily achieved using jQuery, and it also caters to images. In addition, it incorporates capabilities to monitor changes in fullscreen status, detach event listeners, address fullscreen errors, and manage fullscreen elements seamlessly with Angular.js. It's important to note that entering fullscreen mode must occur in response to user actions, such as clicks, touches, or key presses, which enhances the overall user experience. Ultimately, this wrapper serves as a robust solution for implementing fullscreen capabilities across diverse web applications, making it a valuable asset for developers.

What is Masonry?

Masonry is a JavaScript library specifically created for designing grid layouts. It adeptly positions elements according to the available vertical space, akin to a mason artfully arranging stones in a wall. This layout method is commonly found across a multitude of websites. The appearance and dimensions of each element are governed by your CSS, providing ample room for customization. For layouts that need to be responsive, you can modify item sizes using percentage values. Nonetheless, unloaded images may interfere with the layout, leading to overlapping items; this is where imagesLoaded becomes essential. imagesLoaded is a supplementary script that can be easily downloaded and integrated to remedy this issue. Fascinatingly, you can initiate Masonry directly in your HTML without the necessity of writing any JavaScript code. Although all configuration options are optional, it is wise to define the column width and the selected items for enhanced efficiency. Items can be organized neatly in a horizontal grid, and you have the option to apply percentage widths for responsive layouts. Moreover, managing element dimensions through CSS is advantageous for crafting layouts that seamlessly adjust to various media queries, thereby elevating the overall user experience. This flexibility in design not only aids in visual appeal but also ensures functionality across different devices and screen sizes.

Media

Media

Integrations Supported

Angular
jQuery

Integrations Supported

API Availability

API Availability

Pricing Information

Free
Free Version

Pricing Information

Free
Free Version

Supported Platforms

SaaS
Android
iPhone
iPad
Windows
Mac
Chromebook
Linux

Supported Platforms

SaaS
Android
iPhone
iPad
Windows
Mac
Chromebook
Linux

Customer Service / Support

Web-Based Support

Customer Service / Support

Web-Based Support

Training Options

Documentation Hub

Training Options

Documentation Hub

Company Facts

Organization Name

Screenfull.js

Company Website

sindresorhus.com/screenfull/

Company Facts

Organization Name

Masonry

Company Location

United States

Company Website

masonry.desandro.com

Categories and Features

JavaScript Libraries

Not specified

Categories and Features

JavaScript Libraries

Not specified

Popular Alternatives

Popular Alternatives

Vitraz.io Reviews & Ratings

Vitraz.io

INNOVATION FACTORY DOO
Foo Screen Reviews & Ratings

Foo Screen

GuanRui Ye
GridMaster Reviews & Ratings

GridMaster

AddonMaster