search

fabien-d / alertify.js

JavaScript Alert/Notification System
http://fabien-d.github.com/alertify.js/
4.26k stars 726 forks source link

Since alertify is no longer maintained, consider jAlert #254

Open HTMLGuyLLC opened 9 years ago

HTMLGuyLLC commented 9 years ago

https://github.com/VersatilityWerks/jAlert

kaansoral commented 9 years ago

I just checked jAlert, but it doesn't replace alertify.success

Also the animations are too heavy/overwhelming

I still use alertify for it's simple and lightweight alertify messages, like the .log and the .success

HTMLGuyLLC commented 9 years ago

I'll be adding growl style alerts in the future.

You can use any animation you want including a simple fade. Animate.css is used.

I used to use Alertify for growl style alerts and want to add this to jAlert soon!

HTMLGuyLLC commented 9 years ago

Just updated the default to fadeInUp and fadeOutDown because I agree, they were a bit much.

kaansoral commented 9 years ago

Thanks, I think many people might make the switch if the growl style alerts are a satisfying replacement for the alertify ones

The alertify ones also have severe performance issues, each frame of the animation triggers a full page reflaw/redraw, I manually fixed the issue by trial and error, yet it would be nice to find an alternative that is actively developed

HTMLGuyLLC commented 9 years ago

I'll post here again once it's been added. Do you have any specific requests on how they should work? I'll take your suggestions into consideration.

kaansoral commented 9 years ago

I think 2 types would be great:

1) Android Toast styles notifications, simple, lightweight, hides on click or fades away on it's own 2) Emulate/Replicate the alertify's sliding alerts 1:1 + Solve the issues

At one point, I was experiencing browser performance issues, that's when I realized the excessive redraw problem I mentioned with alertify, the bounding box needs to be dynamic to allow multiple/stacking alertify messages, yet that flexibility ties the drawing to the entire page, causing the performance issues - they can easily be observed with Chrome/Firefox's Inspectors - Firefox can't handle it

Limiting the alertify bounding box solved the issue for me, but my alertify's no longer stack, a new one hides the older one

Edit: You can also gather a following more easily if you emulate the Android toasts, as I'm sure there are a lot of android developers that seek them on web (it might already exist on web, I didn't research :)

HTMLGuyLLC commented 9 years ago

Awesome, thanks for the input!

ghost commented 7 years ago

@kaansoral I'm curious about how you fixed the full-page reflaw/redraw issue on your end. Any chance you could share a code snippet?

kaansoral commented 7 years ago

You can inspect it on https://geobird.com

It wasn't a perfect solution, but it was an easy fix, at the time, this was the easiest solution, I don't remember the specifics tho (It's no longer possible to stack 1+ alerts with this modification)