javascript - Building a slick web app - what do I use for front end animations nowadays? -


I have difficulty finding the perfect technology to create a compelling web app. <

Actually I'm thinking of having a slide here, there's an automatic scroll and an animated bounce somewhere in my web application. Nothing can be fancy if it looks more advanced animation, but nothing like a quick animation sequence with many particles.

I've worked lately and have loaded heavily to the needs of the most modern web app. I think that is interesting also what would you recommend to use, maybe something else?

Which technology you are going to use, if you are going to use HTML5 + Javascript .. CSS3 Transforms and other GPU Liking Animation is a good way

Personally I like the transit:

It has reliance on jQuery, but CSS animation events like 'done Gone 'etc., so that you can build through chaining; Raise and cancel money if necessary. It causes pain in the donkey while doing all this with CSS-browser-prefixes. In addition, it enables the GPU automatically whenever possible. 

  $ ('. Box'). Infection ({x: -40}). Transaction ({y: 40}). Transsection ({x: 0}). Transsection ({y: 0});

But, if you want to go bad-ass, you can also use a small prefix and manually handle the event without the libraries: 

  var pfx = ["WebKit", "moz", "ms", "o", ""]; Function Prefixed Event (Element, Type, Callback) {for (var p = 0; p & lt; pfx.length; p ++) {if (! Pfx [p]) Type = type.Tolver CAS (); Element.addEventListener (PFX [P] + type, callback, wrong); }}

In CSS, you must manually write the animation. But like a transit, a library protects you from all this boring CSS,

how to write this CSS animation: 

  # anim.enable {-webkit-animation: flash 1s easily 3; -MOZ Animation: Flash 1S Easy 3; -MMS Animation: Flash 1S Easy 3; -O-Animation: Flash 1s Easy 3; Animation: Flash 1s easily 3; } / * Animation * / @ -webkit-keyframe flash {50% {opacity: 0; }} @ -mose-keyframe flash {50% {opacity: 0; }} @ -mms-keyframe flash {50% {opacity: 0; }} @ -O-Keframe Flash {50% {Opacity: 0; }} @keyframe flash {50% {opacity: 0; }}

Comments

Post a Comment

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

I'm having trouble overriding a ModelForm save method. I get this error I'm: Exception type: TypeErier Exception Value: Save () found an unexpected keyword argument 'committed' My intentions include a form 3 fields Submit several values ​​for, then create an object for each combination of those areas, and to save each object file models.py class collarsult type (models.Model): id = model. AutoField (db_column = 'icontact_result_code_type_id', primary_key = true) callResult = models.ForeignKey ( 'CallResult', db_column = 'icontact_result_code_id') campaign = models.ForeignKey ( 'campaign', db_column = 'icampaign_id') CALLTYPE = models.ForeignKey ( 'CALLTYPE', db_column = 'icall_type_id') agent = models.BooleanField (db_column = 'bagent', default = true) teamLeader = models.BooleanField (db_column = 'bTeamLeader', default = true) active = models.BooleanField (db_column = Django.form...
Read more

html - CSS autoheight, but fit content to height of div -

I have a div in which there are three children- div in the left and middle div: float: left while true: float: true because it is my layout Actually will spoil, I've used ClearFix Hack: .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; } It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height. How can I complete this? PS is the full code: & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt;...
Read more

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -

I have been trying to use Qt5 multimedia to record audio with QAudioInput, however, when I see If QAudioInput is started, it increases the master volume of my sound device to 100%. How can I prevent QAudioInput from changing the master volume? My current development platform is Linux with PalsAdio (with flat audio disabled). How can I use QAudioInput : QAudioDeviceInfo device_info = QAudioDeviceInfo :: defaultInputDevice (); QAudio format format; Format.setSampleRate (44100); Format.setChannelCount (1); Format.setSampleSize (16); Format.setCodec ("Audio / PCM"); Format.setSampleType (QAudioFormat :: SignedInt); Format.setByteOrder (QAudioFormat :: LittleEndian); Std :: cout & lt; & Lt; Device_info.deviceName (). ToUtf8 (). ConstData () & lt; & Lt; Std :: endl; QAudioInput * default_device = new QAudioInput (device_info, format); QIODevice * default_io_device = default_device-> Start (); a QAudioInput.setVolume () method is not you I ...
Read more