What's New

---

Kimera CSS is approaching its peak. We will build the last parts and prepare the work for major changes and new projects steps. These steps towards the future will necessarily drastic changes of this repo. We invite everyone to download and update the packs used to avoid finding themselves with no references on their sites and apps, ex: don't rely on cdn! They will probably be lost. Thank you all.

---

If you like this project, you would like to click on the ★ above the github page and follow us on the official fanpage: kimera framework

---

 

What's new in 2.8.X?

 

First of all we have obviously solved the various drawbacks of the last version, beyond this, v 2.8.X is full of news! Let's try to make a list of what represents a passage from 2.7 to 2.8 taken from the closure and release of the project:

   

ADDONS / FEATURE:

➜ Full file loader system

A system with different styles for multiple file type reading before server upload.

• draggable order of loaded files
• read multi/single file, reset, update input
• different types and diplay layouts (single box (classic & custom icons), multiple "line, in grid, in wall (ending)"
• convert in b64 & web mime
• noweb => binary
• big file data (only binary)
• create previews || standard css bkg
• img (auto resize, different resolution output, previews )
• svg + preview
• icon + preview
• gif + preview
• video[1] + preview
• audio[1] + preview
• mex and fails on errors

Limit: Big data depends on the client's memory in use;
Limit: It's unable to convert & compress; (only binary chunks);
Limit: retrive start data // is it possibile? Currently NO.

➜ Fake dialog

• custom confirm, prompt and alert via outbox design. On next can make a scriptable fake dialog inline of outbox panels style

Limit: It's not real browser module, it's a js function.

➜ Paginantion preset

• Simple js paginator model

➜ Drag and drop system : Box Grabs

• .grabslot-[thelayerofdraganddrop]
• .grabbox (is the main draggable wrap)
• return data result (object)

➜ Popover system

• popovers (tooltips) in onhover (inline text)
• popovers (tooltips) onclick (or out of text)

➜ Video/Audio players system

• Ui audio player kit
• Ui Video player kit
• automatic video by social (partially supported/experimental)

➜ Collapsable system

• details (update)
• spoilers (new!)
• three (new!)
• tabs-x (updated)
• tabs-y (updated)

 

Ui:

• optimized: all class of ui and relative resetter's.
• deprecated: -action & -text
• button, submit, reset, label, email, phone, site, search, number, text, textarea are now applicable without intermediaries
• new: button-timer (timer/countdown)
• new: button password with hide/show
• new: button rating
• button-number optimized
• button-checkbox/radio optimized
• button-range optimized
• button-date optimized
  • added drag on years & month, start date, range date, min max year
• button-select optimized + new: button-dropdown
  • add: hide/show items via search, multiple selections
  • now: <option value = '1'> mylabel </> label will be displayed in the view, the field saved the id;
• button-file
• button-time -> button-clock
  • new design + start time + check range
• whatwg standard alignment
• other little improvements ...

 

CORE IMPROVEMENTS (js/css)

• upgrade debug: from now on the framework will try to warn the developer as much as possible of any errors related to structures and other.

• Introduced reload system for main functions (ex: kimera.reload("tabs");)

• Improvements and stability for snap sliders

• new video assets with new options system

• new loader system with integrated advanced Lazy loader:

  • lazy preload: images, pictures, html contents (linear, no mvc prerender)
  • auto load, hide/show, play/stop/pause
    • youtube: iframe full supported
    • vimeo: iframe full supported
    • instagram: iframe full supported
    • facebook: iframe partial
    • twitch: not supported
    • twitter: not supported

• Improved of css quality

• class "autoset", is now "autostretch"

• br and hr make newline into layout core and flex system

• figure is now autocrop

• introduced float-group

  • introduced float auto stop
  • deprecated clearfix

• introduced progress-XX (in %)

• introduced space-XX (in %)

• reconcept of pad-XX (in px) (ex space)

• introduced loaderbars : .progress-[NN]

• follow elastic concept... introduce smoothed automatic basic animation (fonts, space, ecc)

• new css status flags. All flags is now with []. Exemple: [status-on][status-off][status---] (it's active) (it's downing) (fulloff)

• Improved stability of layout concepts

• better backward compatibility and cross navigation (Unfortunately, the work is currently out of reach)

• Improvements on mobile scrolling system. Now only css.

• Various improvements such as writing and small fixes

Limit:

99% of framework passed w3c testers but HTML Tag have conflict from 2021. In version 3.0 the framework will approach the custom tags and MVC patterns and the shortcomings for alignments to w3c.

 

FIXED

• fixed: VievportEvent.target.tagName not is a function error on click.

• fixed: multiple grid-y auto alignment not working.

• fix/up: errors on undefined outbox or outboxname.

• fixed: select-box width adjustment, now it works.

• fixed: unselectable textarea;

• fixed: css and script tag appear on view. Now is hidden.

• fixed: multiple grid-y auto alignment not working.

• fixed: interpretation of links (to tags) if in a text (inline / baseline) or outside a text (partial element block)

• changed: "period, textgroup" are deprecated, class is moved to direct article tag inside theme whit smooted and elastic font system. From now on, article will take the place, directly, of all the properties of the textgroup class

• improved: small fixing and changes to css reset and tag formats

• changed: tt, big, font and time tag is removed for low compatibility

• improved: correct image and picture alignment on article

• fixed: scroll-x not recognized

• fixed: Snaps with lock generates an error that blocks the drag action as well as the view

• fixed/changed: button-range not working on outboxes

• fixed/changed: button-time no drag correctly

• fixed: snap error with only one element

• fixed: Neasted absolute position Vs auto relative in js

• fixed/improved: Apple system Vs Snap centering

other fixing on releasing...

• fixed: Wrong start / drag for snaps
• dialog type not open for wrong status class name
• Parallax not working after update
• Modals open at start do not close on click

---