STYLE SWITCHER

Prevent tag within wrapper from getting cut off when parent is set to overflow auto

Prevent tag within wrapper from getting cut off when parent is set to overflow auto

When the browser window is smaller than the content within a block tag, and you scroll to the right, then scrolled child tag will move left with the rest of the page rather than occupying 100% of the width of the available scroll area.
This scenario is commonly faced by UI developers. The parent tag is set to overflow auto, however the child tag gets cut off when it's width is lesser than the browser view port. This situation can be solved by the use of the following code within the wrapping parent tag. display: inline-block; position: relative; min-width: 100%; overflow: visible; Open fiddle
More
Web based Competition Organizer for Talent shows

Web based Competition Organizer for Talent shows

The eTalenter app is a web based application developed to allow organizations to hold competitions for cultural or team events.

eTalenter features a host of options that allow the organizers to create a login and manage events. The application enables the organizer to add as many events as required and keep the participants of each event within seperate groups based on criterias such as age. This feature has enabled many organizations such as schools, churches, and companies to successfully manage their cultural events. The application has been developed by Mr.Justin Jose. The application has received widespread recognition from the mainstream media and on several social media platforms.

Open the application
More
Bit

Bit

Bit helps your team share components and collaborate to build faster together. Give it a try.

Increase code reuse. Reduce overhead.

Easily share components between your projects and apps, with zero refactoring or overhead. Bit is open-source and plays with Git and NPM to help your team scale code-sharing and build faster together.

Website
More
jsGrid – Lightweight Grid jQuery Plugin

jsGrid – Lightweight Grid jQuery Plugin

jsGrid is a lightweight client-side data grid control based on jQuery. It supports basic grid operations like inserting, filtering, editing, deleting, paging, and sorting. jsGrid is flexible and allows to customize its appearance and components.

What jsGrid can do

Filtering
jsGrid supports data filtering by different criterias.
Data Editing
jsGrid allows to add new records, update, and remove data rows.
Paging
jsGrid has a flexible pager allowing to paginate data on the client and on the server side.
Fields
jsGrid provides different column types: text, numeric, select, checkbox and more.
Data Sources
jsGrid works with any type of data source from static javascript array to REST-service.

Sorting

jsGrid supports sorting with user interaction and with api.
Validation
jsGrid allows to validate inserting and editing data.
i18n
jsGrid is localized to several languages and allows to add custom locales with ease.
Callbacks
jsGrid provides plenty of callbacks to control and customize behavior. Website
More
Zdog – Round, Flat, Designer-Friendly Pseudo-3D Engine

Zdog – Round, Flat, Designer-Friendly Pseudo-3D Engine

Zdog is a 3D JavaScript engine for <canvas> and SVG. With Zdog, you can design and render simple 3D models on the Web. Zdog is a pseudo-3D engine. Its geometries exist in 3D space, but are rendered as flat shapes. This makes Zdog special.
Features:
  • Zdog is small. 2,100 lines of code for the entire library. 28KB minified.
  • Zdog is round. All circular shapes are rendered as proper circles with rounded edges. No polygonal jaggies.
  • Zdog is friendly. Modeling is done with a straight-forward declarative API.

Zdog was designed to bring the simplicity of vector illustration into 3D. Drawing circles and squares is easy and fun. Zdog just adds another dimension.

Download

Link directly to Zdog JS on unpkg.

<script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script>
Website
More