blufra.me

inspire.blufra.me

Best Animation Frameworks: Animate.CSS vs Motion UI

http://inspire.blufra.me/best-animation-frameworks-animate-css-vs-motion-ui

Best Animation Frameworks: Animate.CSS vs Motion UI. Animation on the web has changed. It’s being moved from the realm of UI design and decoration, to the province of UX design. Where once it was a frivolity, it’s becoming an indispensable tool. No more dancing baby gifs. We’re also at this point because animation has gotten easier, and more easily controlled. It is no longer inextricably tied to JavaScript. Can make the browser itself do the heavy lifting. Animate.css vs Motion UI. Another thing that ha...

inspire.blufra.me

HTML minifiers: grunt-contrib-htmlmin vs grunt-minify-html

http://inspire.blufra.me/html-minifiers-grunt-contrib-htmlmin-vs-grunt-minify-html

HTML minifiers: grunt-contrib-htmlmin vs grunt-minify-html. By Edoardo L'Astorina. To minify HTML: to improve page load on your site, let your users access your content when they need to without a long wait, and use less bandwidth when you serve your hosted site. The easiest, robust way to do so is to minify during the build process, and Grunt. Is the best tool out there to make your build process a breeze. But once you set up Grunt. Where do you get from there to having your minified HTML? And do result...

inspire.blufra.me

Grunt and AWS S3: how to streamline your deployment process

http://inspire.blufra.me/grunt-and-aws-s3-how-to-streamline-your-deployment-process

Grunt and AWS S3: how to streamline your deployment process. By Edoardo L'Astorina. Here’s a scenario lot of us developers find ourselves in: you built your amazing static site. And when it came to deciding on your build tool you chose. Simplifies the build process. Everybody else uses it, and there’s a reason: it works wonders. 8211; read our jit-grunt. Are configured and are working. You tested and retested everything with. And your site is ready to go. And you want to upload your static site to an S3.

inspire.blufra.me

Chrome Android address bar color: a step by step guide

http://inspire.blufra.me/how-to-change-the-chrome-address-bar-colors-on-android-lollipop-to-match-your-site

Chrome Android address bar color: a step by step guide. By Edoardo L'Astorina. Ever wanted to make the experience for your mobile users more personal and branded? Have you ever noticed how the Chrome. Changes to match a site’s palette? Do you want that for your site? It’s easy to do. To let your users experience the color of your brand, blog or e-commerce site in a much more personal way on Android. All you need is a simple HTML change. Add a. And the final result? We colored the address bar:.

inspire.blufra.me

Perfect responsive images: HTML5 <picture> and Bootstrap 4

http://inspire.blufra.me/html5-element-and-bootstrap-4-media-queries

Perfect responsive images: HTML5 picture and Bootstrap 4. By Edoardo L'Astorina. Release and has a brand new set of media queries and breakpoints. Where Bootstrap 3. Had them in pixels, the new release of the popular responsive framework boasts breakpoints in ems. Let’s harness the power of these new media queries to serve an image of the. We’ll do that by using the HTML5. Element and its powerful. Are you ready to start serving perfect responsive images? Bootstrap 4 Media Queries. And iPhone 6s Plus.

inspire.blufra.me

10 Amazing WordPress facts you didn't know in 2015: Infographic

http://inspire.blufra.me/10-amazing-wordpress-facts-you-didnt-know-in-2015-infographic

10 Amazing WordPress facts you didn't know in 2015: Infographic. By Edoardo L'Astorina. Started as a humble blogging platform created by founders Matt Mullenweg and Mike Little on May 27, 2003 . Since that day WordPress. Has grown into a fully fledged application framework, and powers sites for brands like The New York Times. As we got curious about how widely WordPress. Is actually used, we stumbled onto numbers that are mind-boggling. We. Here are some truly amazing facts about WordPress.

inspire.blufra.me

Speed up your entire Grunt build process with a single plugin: jit-grunt

http://inspire.blufra.me/speed-up-your-entire-grunt-build-process-with-a-single-plugin-jit-grunt

Speed up your entire Grunt build process with a single plugin: jit-grunt. By Edoardo L'Astorina. Project averages 20 plugins per build. And – if you ever used Grunt. And chances are you have – you know it can ramp up to 30 plugins very quickly. Way of loading plugins is adding a. For each plugin you use. They look like this:. That’s a lot of lines of code we’d all rather not have to write and skim through in our. It’s repetitive. Those plugins are already in our. There’s a Grunt. Npm i jit-grunt- save-dev.

inspire.blufra.me

CSS Examples: 16 Animations, Effects and Snippets

http://inspire.blufra.me/css-examples-16-animations-effects-snippets

CSS Examples: 16 Animations, Effects and Snippets. By Edoardo L'Astorina. You’re probably wondering what you can and can’t do with CSS. From loading animations to button micro interactions that make UX. A breeze, from progress bars to smooth animated hamburger menus and from Google Maps. Style markers to Post-it. Used correctly will deliver a fantastic user experience and will use browser optimizations to make all your animations smooth and natural. Want to know the best part? We collected 16 CSS. And on...

dennis-oswald.de

Design & Methods — design methods for innovation in design process : weblog by dennis oswald

http://www.dennis-oswald.de/BLOG

Design methods for innovation in design process : weblog by dennis oswald. Braille Bricks innovative way to help blind children learn to read while playing with toys. May 4th, 2016 · CURRENT TOPICS. Simply clever and helpful design a toy for literacy and inclusion of blind children:. Http:/ www.mymodernmet.com/profiles/blogs/braille-brick-designs. Http:/ www.braillebricks.com.br/en/. Rarr; No Comments. Middot; Social Design. Kartenset Kreativitätsmethoden : SGD, SGV. Rarr; No Comments. Rarr; No Comments.