"> December Archives - Engr Kabir Saleh

Posts Tagged

December

Exciting New Tools for Designers, December 2019

As you are shopping this month for others, why not find a few goodies for yourself? Our roundup of new tools and resources is packed with usable items. And most are free, so there’s no shame in trying out something for yourself. Here’s what’s new for designers this month.

 

CSS Background Generator

CSS Background Generator gives you the tools – and code – to create an interesting animated background for digital projects. Demo 1 uses a fun web design trend with circular blobs with adjustments for color, size, and speed. Once you get the background set up in a way that works for you, show the code and copy it to your projects. Thanks go to Vincent Will for making a tool that functional and easy to use.

 

CameraBag Pro

CameraBag Pro just reinvented itself with a new release and features, making it a robust choice for photo editing. The Mac app is packed with editing tools and intuitive adjustments and custom presets (this might be one of the best features since you can instantly preview each before applying it). The tool works for photos and videos with styles that work for both types of images and batch processing tools (watermarks, resizing, and cropping). This is a robust image editing tool that makes quick work of adjusting images. This is a premium app, but one of the least expensive photo/video editing tools out there.

 

CodersRank

CodersRank creates a 360-degree coder profile based on the public and private data you hold on various coding sites. It creates visual charts that you can use to show off your credentials to potential clients or employers (or figure out what you know in relation to others in the industry). The site also includes learning tools and a job board.

 

Advent of Code 2019

Advent of Code is a seasonally-appropriate Advent calendar of programming puzzles for a variety of skill sets and skill levels that can be solved in any programming language. Use them as a speed contest, interview prep, company training, university coursework, practice problems, or to challenge each other. There’s even a leaderboard to help you keep up with others.

 

Pantone Color of the Year: Classic Blue

Pantone’s Color of the Year for 2020 is 19-4052 Classic Blue. It’s a hue that’s probably a staple in many of your projects. Here’s how Pantone describes it: “Instilling calm, confidence, and connection, this enduring blue hue highlights our desire for a dependable and stable foundation on which to build as we cross the threshold into a new era.” This is one of the times that the color of the year has featured a color that is such a common one. The just released color guide includes swatches and tools in this classic color for 2020.

 

Wooof

Wooof is just for fun. Instead of spending time looking for cat videos in your downtime, you can spend it looking at the “internet’s biggest collection of open source dog pictures.” You can browse, save favorites and even look at the source code and API. Be prepared to get lost in this rabbit hole.

 

Realistic 3D Photo Cards

Realistic 3D Photo Cards is a pen by Jouan Marcel that uses hover effects and Vue.js to create cool cards that animate and move in a space with depth on hover. The motion is simple and realistic; you’ll want to fork it.

 

JetOctopus

JetOctopus is a tool to help you navigate technical SEO. It’s a SaaS crawler and log analyzer that helps you find website problems and prioritize solutions to improve your online presence.

 

The Svelte Handbook

The Svelte Handbook is a starting point for anyone who wants to learn about this newer web framework for building apps. Author Flavio Copes says: “The ideal reader of the book has zero knowledge of Svelte, has maybe used Vue or React, but is looking for something more, or a new approach to things.” And the guide is 100 percent free. So, get reading.

 

Universal Color Convertor

Universal Color Convertor is a Mac app that converts colors from HEX/RGB/HSL to other formats and code snippets (CSS, Swift, Java, C#, and Dart).

 

Slack Cleaner

Slack Cleaner can clean all the unused and space-eating files in your Slack account. It makes it easy to find and delete unwanted files with bulk delete functionality.

 

Terms and Conditions Generator

Terms and Conditions Generator helps create a professional and customized document that’s been designed by an international legal team. It works in eight languages and includes more than 100 clauses to work with.

 

CSS Scan

CSS Scan is a browser extension that lets you copy the CSS of an element on any website. It’s taking website inspection to the next level and works on pretty much any website, regardless of what it’s built on. The best part is that it even works with animation code by visualizing keyframe CSS without having to search through source code.

 

Botfront

Botfront is an open-source tool to build chatbots on top of the Rasa library. Design and implement conversations with a single step. You can run it on your laptop or servers. Plus, there’s plenty of documentation to guide you along.

botfront

 

StackShare API

StackShare API, a tool to get insight into the backend technologies a company uses, is still in beta and has a lot of potential application. (API scraping tools seem to be growing in popularity by the day.) Use it to build better custom profiles, generate leads, and learn about industry trends.

 

Webiny

Webiny is a serverless app form builder that works for creating simple and complex forms. Use it to create custom forms and validators, track revisions to forms, use the integrated ReCAPTCHA, integrate other apps, and manage submissions. Plus, everything works in an easy drag and drop interface.

 

Kampsite

Kampsite helps you get feedback from customers and website owners so you can make adjustments that they want with your product or design. Once a log starts, it’s easy to share ideas, upvote popular requests, and engage with users. The tool installs with just a couple of clicks and can help you create beter web experiences.

 

GooFonts

GooFonts is a tool that tags Google fonts for easy search using keywords, variants, and subsets. What’s cool about this project is that it can take some of the hassle out of finding the right Google Fonts in a quick and easy way. It just takes a couple clicks to return results that have the look you want with examples.

 

Reborn Display

Reborn Display is a vibrant handwriting style display typeface. The style is readable and just a little bit funky. It includes upper- and lowercase letters and ligatures.

 

Snowballs

Snowballs is perfect for a December roundup with a holiday theme. Each character includes snowflakes around the design and fun swashes and tails for end letters. It includes upper-and lowercase letters and numbers.

 

Snow Kei

Snow Kei is another winter-themed typeface with snowflakes in the letter shapes. It is a fun option for holiday-themed projects. The display font includes 156 characters.



Source link

Popular design news of the week: December 2, 2019 – December 8, 2019

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers. 

The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week.

Note that this is only a very small selection of the links that were posted, so don’t miss out and subscribe to our newsletter and follow the site daily for all the news.

 

11 Web Accessibility Myths Debunked

 

Pay Attention to these Web Design Trends for 2020

 

Google Fonts by Tags

 

Understanding the Golden Ratio in Design

 

10 Rules of Dashboard Design

 

2019 Design Tools Survey

 

Welcome to XD Ideas – Where Designers Go to Grow

 

The State of UX in 2020

 

I Ditched Google for DuckDuckGo. Here’s Why You Should Too

 

Designing for Development

 

End of the Year Desktop Wallpapers (December Edition)

 

10 Things that Helped Me Improve as a UI Designer

 

How Sketching will Make You a Smarter Designer

 

Better Web List

 

Google Confirms Nov. 2019 Local Search Update

 

Runway Palette

 

Vladmir Putin is Extricating Russia from the World-wide-web

 

The Plain Text Project

 

Designers: 4 Must-Have Clauses in a Contract

 

The Power of Social Proofing

 

Pantone’s 2020 Color of the Year is the New Black

 

Spotify 2019 Wrapped

 

ApostropheCMS – An Open-Source Node.js CMS for the Enterprise

 

5 Bad Habits that Can Hurt your WordPress Website

 

Fluiditype for Simple Typography

 

Want more? No problem! Keep track of top design news from around the web with Webdesigner News.



Source link

3 Essential Design Trends, December 2019

This month’s collection of design trends is a gift to behold. Each of the trends are highly usable options that are versatile, giving you plenty of room to play and make them your own. That’s the best kind of trend, right?

Here’s what’s trending in design this month.

 

Whimsical Illustrations

It seems like whimsical illustrations are practically everywhere. Fun drawings that can be anything from line-style illustrations to full-color pieces of art are popping up in all kinds of projects – even for brands, companies, of business types that you might not expect. Whimsical illustrations are trending for a number of reasons:

  • They create just the right feel for a project that doesn’t need to be heavy;
  • You can design the main imagery to be whatever you want;
  • They provide a source of delight for users;
  • Every project using illustrations looks a little different, creating a custom design;
  • The proliferation of illustration kits has made creating this style easier than ever.

The thing that might be best about using whimsical illustrations is the personality they bring to a project. The right illustrated element – or series of elements – can emotionally tie users to the project while setting a scene. The possibilities are almost endless. Illustrations don’t have to apply only to lighthearted projects, even though “whimsical” might imply it. The illustrations for Violence Conjugale feature a sense of whimsy for a serious topic, and it works. (Maybe we all need a little more whimsy in our life?)

not-violent
dark
soundboard

 

Black and Blue

It’s a classic color combination that’s making a big return to projects – black and blue palettes.

The contrast of a dark background and blue accents is eye-appealing and creates a harmonious and pleasing visual aesthetic. The projects below use this color trend in different ways, all with the same cool result.

Arm Yourself uses a black background with a black and white illustration to make bright blue lettering and accents pop off the screen. Color draws users into the interactive part of the homepage design with a drag to the bullseye instruction.

arm

Carey uses a lighter, more teal blue on a charcoal black background for a lighter feel. The blue color pulls from the logo and brand mark with buttons that have a lot of contrast from the background and brighter elements in the design. The blue continues on the scroll with bold text on a fully black background, showing the versatility of this color choice.

carey

Adera uses a simple blue button on a black and white image to create contrast and draw the eye to the active part of the design. The color palette flips on the scroll to a blue background with darker elements on top. Contrast is a vital factor here, helping dictate user flow and how to digest and interact with information on the screen.

adera

 

Anything-But-Flat Scroll Transitions

Disclaimer: I am totally in love with this trend and can’t get enough of it.

Anything-but-flat scroll transitions is a versatile design trend that’s visually interesting and contributes to usability. (It’s a win-win!) This trend is exemplified by a transition element between “screens” or “scrolls” with a visual that isn’t just a box or flat line. Think of how most parallax designs or screen-based vertical viewpoints advance from one box to another. With this trend the transition is more fluid. The examples below do this in different ways:

Oroscopo takes advantage of the blobs trend that’s been popular all year with blob elements that create waves between content elements. Contrast between light and dark backgrounds magnify this effect, while other blog shapes create visual consistency.

oro

MAHA Agriculture Microfinance uses a simple line between scroll elements but it’s got a texture to it that makes it just a little more visually interesting that having a flat line between the hero image area at the top and the secondary content block.

maha

Akaru uses a pretty amazing animated fluid design to offset the branding in the center of the screen. The animation carries into the background of the content below the scroll. (You’ll want to scroll all the way to the bottom of this one to see the transition from the dark animation back to white.) The effect is stunning.

agence

Here’s why this trend works so beautifully: The fluid transition is somewhat disruptive because the user doesn’t expect this visual and seeing the edge of a transitional element encourages scrolling. Whether the user scrolls to see how the transition changes or to preview more content is irrelevant as long as the interaction happens. It’s brilliant and beautiful, especially on desktop screens.

 

Conclusion

The best design trends are versatile enough that you can use them in new projects or incorporate them into websites that are already live for a little refresh.

A custom illustration can add extra interest to a hero area or page within your website, a tweak to the color palette can create a brilliant black and blue combination, or a neat transition can help users engage with the scroll.

If you want to spice up a project, these trends fit the bill for sure.



Source link

Popular design news of the week: November 25, 2019 – December 1, 2019

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers. 

The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week.

Note that this is only a very small selection of the links that were posted, so don’t miss out and subscribe to our newsletter and follow the site daily for all the news.

 

Fascinating CSS Grid Layout Examples and Tutorials

 

The Defining Movie Poster Trend of the Decade

 

A Brutally Honest Landing Page

 

Hierarchy of Needs in UX

 

Developing a Website Redesign Strategy for 2020

 

Flowkit 3.0

 

Site Design: The Geek Designer

 

CSS Grid Layout Vs CSS Frameworks

 

The Third Generation of Interfaces

 

Buttons: Attention to Detail

 

Building Trust as a Designer

 

10 Essential UI (user-interface) Design Tips

 

WhoCanUse: Find Out Who Can Use your Color Combination

 

Shopify Vs WooCommerce Product Comparison

 

11 Christmas Icon Fonts Free for Commercial Use in 2019

 

7 Ways to Find a Niche for your Ecommerce Store

 

Tips for Choosing a Typeface (with Infographic)

 

Google Also A/B Tests the List Vs the Grid

 

Apple Pulls all Customer Reviews from Online Apple Store

 

How to Expand Globally as a Freelance Designer

 

Mouseless – Unleash your Keyboard’s Superpower

 

Designer Gift Guide 2019: The Best Holiday Gift Ideas for Designers

 

Good Design was Always Accessible

 

Can You Really Convey Luxury Through Digital Product Design?

 

Gratitude Goes a Long Way to Increase Creativity and Innovation

 

Want more? No problem! Keep track of top design news from around the web with Webdesigner News.



Source link

Google launches leaked-password checker, will bake it into Chrome in December

Google has launched a web-based hacked-password checker, part of its efforts to bake an alert system into Chrome.

Called “Password Checker,” the service examines the username-password combinations stored in Chrome’s own password manager and reports back on those authentication pairings that have been exposed in publicly-known data breaches.

The web version can be found at passwords.google.com<>, the umbrella site for Chrome users who run the browser after logging in with their Google account, then use that to synchronize data – including passwords – between copies of Chrome on different devices.

After requesting a password checkup, Google returns the results to Chrome, organized in lists of accounts relying on already-compromised username-password pairs, accounts for which the user has reused a password (something usually frowned on by security experts) and accounts that rely on weak passwords.

At the moment, there’s nothing built into Chrome, at least the most polished, Stable build; only the external web-based dashboard has been launched.

But as Google said last month when it released Chrome 77, it plans to bake a hacked-password alert system into the browser. Details then were absent, although the intent was clear: Chrome would have something similar to what Mozilla will premiere in three weeks when the open-source developer ships the next Firefox.

Currently, the Windows version of Chrome 78 Beta – the build that leads to Stable – as well as the less-reliable Chrome 79 Canary on both Windows and macOS, sports the new password checking system. For now, it has been hidden behind a setting on a semi-secret options screen.

To switch it on, type chrome://flags in the address bar; press Return or Enter; type passwords in the search field; locate the Password Leak Detection item; and to the right of that, select Enabled from the drop-down list. Finally, relaunch Chrome.

To verify that the alert system is active, choose Settings from the main menu (under the vertical ellipsis at the right); select Passwords under Autofill; and look for the Check password safety item. The toggle to the right should be in the on position.

When the user enters a username + password that have been exposed by a breach, Chrome should pop up a warning that the password has been leaked and needs to be changed. In Computerworld‘s trials, however, the alert did not always work: One website whose password had been reported in a breach did not display the alert, while several other sites – some of them using the same username + password pair – did result in an on-screen warning.

When it does appear, the alert contains a Check passwords button. Press that and the browser opens the online password checkup now in operation.

Now for Chrome 79

Last month, Google said it planned to include the hacked-password warning in Chrome 78, then – and now – slated to ship Oct. 22.

(Coincidentally, that’s the same day Firefox is to launch its alert system. More on that in a bit.)

But on Tuesday, in one of several Chromium bug reports devoted to the password warning development, the feature was described as “launching in M79 for all the platforms.” M79 refers to Chrome 79, the year’s last upgrade, set to release Dec. 10.

chrome beta password Google

The current Chrome Beta build will warn the user when he or she enters a username + password combination that’s been identified as among those revealed by a data breach. The feature is slated to ship with Chrome 79, due to launch Dec. 10.

If Mozilla stays with its plan, Firefox will have a hacked-password alert system of its own before that.

Firefox 70, scheduled to release Oct. 22, will integrate two formerly separate functions – Firefox Monitor, a password alert service, and the Lockwise password manager – that will complete a swath of tasks, including identifying victimized accounts and guiding users through changes to leaked passwords.

Firefox Monitor, which Mozilla introduced in November 2018, relies on a partnership with the Have I Been Pwned? site and service.

The source of Google’s leak information is unclear, but it would be less likely than, say, Mozilla, to rely on outside help.

Not surprisingly given Google’s emphasis on enterprise management of late, a group policy – PasswordLeakDetectionEnabled will be available at launch for IT administrators. Details of the policy’s settings can be found here.

Copyright © 2019 IDG Communications, Inc.



Source link