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

  • Highcharts Reviews & Ratings
    123 Ratings
    Company Website
  • Source Defense Reviews & Ratings
    7 Ratings
    Company Website
  • Jscrambler Reviews & Ratings
    33 Ratings
    Company Website
  • Apify Reviews & Ratings
    1,021 Ratings
    Company Website
  • Yodeck Reviews & Ratings
    7,079 Ratings
    Company Website
  • DbVisualizer Reviews & Ratings
    523 Ratings
    Company Website
  • Shift Reviews & Ratings
    1,371 Ratings
    Company Website
  • Nutrient SDK Reviews & Ratings
    100 Ratings
    Company Website
  • Air Reviews & Ratings
    801 Ratings
    Company Website
  • Windsurf Editor Reviews & Ratings
    155 Ratings
    Company Website

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

CSS
Docsie
GitHub
HTML
JavaScript

Integrations Supported

CSS
Docsie
GitHub
HTML
JavaScript

API Availability

Has API

API Availability

Has API

Pricing Information

Free
Free Trial Offered?
Free Version

Pricing Information

Pricing not provided.
Free Trial Offered?
Free Version

Supported Platforms

SaaS
Android
iPhone
iPad
Windows
Mac
On-Prem
Chromebook
Linux

Supported Platforms

SaaS
Android
iPhone
iPad
Windows
Mac
On-Prem
Chromebook
Linux

Customer Service / Support

Standard Support
24 Hour Support
Web-Based Support

Customer Service / Support

Standard Support
24 Hour Support
Web-Based Support

Training Options

Documentation Hub
Webinars
Online Training
On-Site Training

Training Options

Documentation Hub
Webinars
Online Training
On-Site Training

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

Categories and Features

Code Collaboration

Audio Conferencing
Chat / Messaging
Code Review
Discussion Threads
IDE Integration
Remote Control
Remote Pair Programming
Screen Sharing
Video Conferencing

IDE

Code Completion
Compiler
Cross Platform Support
Debugger
Drag and Drop UI
Integrations and Plugins
Multi Language Support
Project Management
Text Editor / Code Editor

Popular Alternatives

Popular Alternatives

GridMaster Reviews & Ratings

GridMaster

AddonMaster
AWS Cloud9 Reviews & Ratings

AWS Cloud9

Amazon