Ratings and Reviews 0 Ratings

Total 0 out of 5 stars
ease 0 out of 5 stars
features 0 out of 5 stars
design 0 out of 5 stars
support 0 out of 5 stars

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

Write a Review

Ratings and Reviews 0 Ratings

Total 0 out of 5 stars
ease 0 out of 5 stars
features 0 out of 5 stars
design 0 out of 5 stars
support 0 out of 5 stars

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

Write a Review

Alternatives to Consider

  • Highcharts Reviews & Ratings
    4.5 out of 5 stars 122 Ratings
    Company Website for Highcharts
  • Source Defense Reviews & Ratings
    5.0 out of 5 stars 7 Ratings
    Company Website for Source Defense
  • SurveyJS Reviews & Ratings
    4.8 out of 5 stars 64 Ratings
    Company Website for SurveyJS
  • Gaffa Reviews & Ratings
    5.0 out of 5 stars 5 Ratings
    Company Website for Gaffa
  • Yodeck Reviews & Ratings
    4.8 out of 5 stars 8,279 Ratings
    Company Website for Yodeck
  • Apify Reviews & Ratings
    4.8 out of 5 stars 1,859 Ratings
    Company Website for Apify
  • DbVisualizer Reviews & Ratings
    4.8 out of 5 stars 593 Ratings
    Company Website for DbVisualizer
  • TelemetryOS Reviews & Ratings
    4.8 out of 5 stars 282 Ratings
    Company Website for TelemetryOS
  • cside Reviews & Ratings
    4.9 out of 5 stars 37 Ratings
    Company Website for cside
  • Planview ProjectAdvantage Reviews & Ratings
    4.3 out of 5 stars 121 Ratings
    Company Website for Planview ProjectAdvantage

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.

What is JSFiddle?

JSFiddle consists of four panels that can be arranged in a tabbed format; among these, three panels are allocated for coding inputs while the fourth displays the output: the first is dedicated to HTML, where there's no need to add the body, doctype, or head as they are generated automatically, the second is for CSS to apply styles, and the third is for JavaScript, which can also support pre-processors like SCSS. Once you've entered your code, you can click "Run" in the top menu to view the results in the output panel. Furthermore, JSFiddle allows you to customize the editor's layout, offering flexibility beyond the standard 2x2 grid, including a tabbed interface, and the individual grids can be resized to your liking. A notable feature is that when you adjust the Results panel, it conveniently shows its width, making it particularly beneficial for developers working on responsive designs and media queries. This adaptability significantly improves the overall user experience, enabling programmers to configure their workspace in alignment with their unique coding and debugging requirements. Additionally, such customization options foster a more efficient and personalized development environment.

Media

Media

Integrations Supported

Integrations Supported

CSS
Docsie
GitHub
HTML
JavaScript

API Availability

API Availability

Has API

Pricing Information

Free
Free Version

Pricing Information

Pricing not provided

Supported Platforms

SaaS
Android
iPhone
iPad
Windows
Mac
Chromebook
Linux

Supported Platforms

SaaS

Customer Service / Support

Web-Based Support

Customer Service / Support

Not specified

Training Options

Documentation Hub

Training Options

Documentation Hub

Company Facts

Organization Name

Masonry

Company Location

United States

Company Website

masonry.desandro.com

Company Facts

Organization Name

JSFiddle

Date Founded

2009

Company Website

jsfiddle.net

Categories and Features

JavaScript Libraries

Not specified

Categories and Features

Code Collaboration

Not specified

IDE

Not specified

Popular Alternatives

ProFeedWP Reviews & Ratings

ProFeedWP

5.0 out of 5 stars

Popular Alternatives

CodePen Reviews & Ratings

CodePen

5.0 out of 5 stars
Vitraz.io Reviews & Ratings

Vitraz.io

INNOVATION FACTORY DOO
Codeply Reviews & Ratings

Codeply

5.0 out of 5 stars
GridMaster Reviews & Ratings

GridMaster

AddonMaster
AWS Cloud9 Reviews & Ratings

AWS Cloud9

Amazon
4.5 out of 5 stars
Visual Studio Reviews & Ratings

Visual Studio

Microsoft
5.0 out of 5 stars