When it comes to inspiration many web designers tend to turn to online sources when attempting to spark new ideas. However, nature can certainly be one of the best sources of inspiration possible. Whether you are going outside and observing nature in person or just browsing through photos of nature,

This week's Designer News (N.436) includes a Tool for Animating Images, Container-Adapting Tabs, a Retro Poster Redone in CSS, Using Brusher to Create Interactive Backgrounds, a Day Without JavaScript, How to be a Mediocre UI/UX Designer and more. The post Weekly News for Designers No 436 appeared first on Speckyboy Web Design Magazine.

Learn how to create a scroll based animation in WebGL with Three.js. The post Crafting Scroll Based Animations in Three.js appeared first on Codrops.

Latest PECL Releases:datadog_trace 0.41.0 ### Added Put compile_file hook behind a feature flag, default on #757 Changed Require curl at configuration time #766 Log background sender messages to error_log #776 Deprecate manual usage of legacy Symfony bundles and Laravel provider #772 Separate background sender timeout env vars from userland #773 Fixed Gracefully handle a dropped span on exit #765 Update contribution guidelines #769 Trace http response code when set via function 'http_response_code' #755 - thanks @aderiyenko Fix execinfo on builds from source in Alpine containers #752 zip 1.18.0RC1 - add ZipArchive::FL_RECOMPRESS, FL_ENCRYPTED, FL_OVERWRITE, FL_LOCAL, FL_CENTRAL constants - add optional "flags" parameter to ZipArchive::addEmptyDir, addFile and addFromString methods - add "flags" options to ZipArchive::addGlob and addPattern methods, keeping previous behavior having FL_OVERWRITE by default - add ZipArchive::replaceFile() method redis 5.2.0 phpredis 5.2.0 There were no changes between 5.2.0RC2 and 5.2.0. phpredis 5.2.0RC2 Include RedisSentinelTest.php in package.xml! [eddbfc8f] (Michael Grunder) Fix -Wmaybe-uninitialized warning [740b8c87] (Remi Collet) Fix improper destructor when zipping values and scores [371ae7ae] (Michael Grunder) Use php_rand instead of php_mt_rand for liveness challenge string [9ef2ed89] (Michael Grunder) phpredis 5.2.0RC1 This release contains initial support for Redis Sentinel as well as many smaller bug fixes and improvements. It is especially of interest if you use persistent connections, as we've added logic to make sure they are in a good state when retreving them from the pool. IMPORTANT: Sentinel support is considered experimental and the API will likely change based on user feedback. Sponsors ~ Audiomack.com - https://audiomack.com ~ Till Kruss - https://github.com/tillkruss Initial support for RedisSentinel [90cb69f3, c94e28f1, 46da22b0, 5a609fa4, 383779ed] (Pavlo Yatsukhnenko) Houskeeping (spelling, doc changes, etc) [23f9de30, d07a8df6, 2d39b48d, 0ef488fc, 2c35e435, f52bd8a8, 2ddc5f21, 1ff7dfb7, db446138] (Tyson Andre, Pavlo Yatsukhnenko, Michael Grunder, Tyson Andre) Fix for ASK redirections [ba73fbee] (Michael Grunder) Create specific 'test skipped' exception [c3d83d44] (Michael Grunder) Fixed memory leaks in RedisCluster [a107c9fc] (Michael Grunder) Fixes for session lifetime values that underflow or overflow [7a79ad9c, 3c48a332] (Michael Grunder) Enables slot caching for Redis Cluster [23b1a9d8] (Michael Booth) Support TYPE argument for SCAN [8eb39a26, b1724b84, 53fb36c9, 544e641b] (Pavlo Yatsukhnenko) Added challenge/response mechanism for persistent connections [a5f95925, 25cdaee6, 7b6072e0, 99ebd0cc, 3243f426] (Pavlo Yatsukhnenko, Michael Grunder) gRPC 1.28.0RC1 - gRPC Core 1.28.0 update msgpack 2.1.0 + Improved performance + Upgraded bundled msgpack headers to 3.2.0 * Merged PR #101: Update README in order to match compatibile PHP version * Merged PR #125: fix ce->name is a zend_string * Merged PR #106: Update README * Merged PR #126: add mising tests in archive * Merged PR #135: Add fixes for issue #81 This also includes tests. * Merged PR #143: Fixed build with PHP-7.4 * Fixed issue #139: Segmentation fault when using cloned unpacker * Fixed issue #132: Segfault on session php7.3 * Fixed issue #107: $unpacker->execute() bug * Fixed issue #83: Arrays and negative index * Fixed issue #137: DateTime(Immutable) serialization doesn't work with php 7.4 RC1 * Fixed issue #105: MessagePackUnpacker() bug * Fixed issue #90: msgpack_unpack is super slow (30x times igbinary) on big data sets * Fixed issue #91: Private property in base class * Fixed issue #67: Integer overflow on a 64-bit system * Fixed issue #33: int64 and uint64 decode is not supported in 32-bit php * Fixed issue #119: uint64 numbers are cast to uint on Windows * Fixed issue #134: msgpack-php msgpack_serialize/msgpack_pack not handling properly large int * Fixed issue #81: Serialize optimization * Fixed issue #108: tests/041.phpt failure * Fixed issue #142: Recursion encoded as NULL * Fixed issue #138: Serializers comparison for session like data zip 1.17.2 - fix #79315 ZipArchive::addFile doen't honor start/length parameters krb5 1.1.3 - [BUG] Keep proper minor status for error reporting in initSecContex - [BUG] remove some overlooked debugging output - [BUG] fix PECL package license metadata - [FEATURE] Add API for password expiration information (MIT >=1.9 only) - [FEATURE] Allow leaving the NegotiateAuth SPN unspecified (allow all from keytab) - [FEATURE] Add support for gss_acquire_cred_from() instead of setting the per process keytab (in NegotiateAuth, GSSAPI to follow). - [FEATURE] Allow overriding SPN for NegotiateAuth.

Introduction:- Bitcoin came into existence in 2008, and the founder invented bitcoin to remove the problem of fiat currency. Fiat currency is just a medium... The post Why do people use bitcoin? appeared first on Web Development & Technology Resources.

My team and I currently building Mailcoach, a solution to self-host newsletters and email campaigns. In Mailcoach you can create new users to use the app. How should these new users be onboarded? The easy way out would be to send these new users a default password reset notification to those users,...

In this guide, we are sharing the steps to follow for configuring the Gmail SMTP settings into your application so that the end-user will receive the emails from your own email address. Step 1:- In the first step, you need to complete the 2-Step Verification in the Google account settings for that you need to [...]

When you examine the most successful interaction designs of recent years, the clear winners are those who provide an excellent functionality. While functional aspect of a design is key to product success, aesthetics and visual details are equally important — particularly how they can improve those functional elements. In today's article, I'll explain how visual elements, such as shadows and blur effects, can improve the functional elements of a design.The post How To Use Shadows And Blur Effects In Modern UI Design appeared first on Smashing Magazine.

Latest PEAR Releases:HTML_QuickForm2 2.3.0 HTML_Common2 2.3.1

Anime.js is another one in an already impressive row of frameworks for animations. In contrast to all the other ones, anime.js does not only allow for the animation via CSS attributes. You can also alter SVG and HTML attributes with animations. It’s hard to image modern web design without the SVG format. This framework came at the right time. Simple CSS Animations Once you’ve implemented the JavaScript anime.js, creating animations based on CSS attributes becomes a rather easy thing to do. Call up “anime()”, to define one or multiple targets, meaning elements you want to animate. After that, define the CSS attributes that you want the animation to change. anime({ targets: [document.getElementsByTagName("div")[0]], translateX: "300px", rotate: 180, duration: 2000, direction: "alternate", loop: true, elasticity: 600, easing: "easeOutElastic" }); In the example, “targets” is used to define a “<div>” element. You could also enter an ID instead. Two CSS attributes, “translateX” and “rotate”, are next to be animated. Subsequently, the duration and direction of the animation are determined using “duration” and “direction.” Here, the animation takes two seconds. Then, the animation is reversed. You are also able to make it play in a loop via “loop”. Generally, this simple example is also […]