Articles

Analyse de log avec grep

L’analyse de log avec grep est une méthode très pratique pour trouver des informations importantes dans les fichiers de log.

Mon récent voyage avec Linux et comment j’utilise grep pour analyser les journaux

Récemment, j’ai commencé un nouveau rôle en tant qu’ingénieur logiciel et, dans mon poste actuel, je passe beaucoup de temps dans le terminal. Bien que je sois un utilisateur Linux depuis longtemps, j’ai entamé mon voyage Linux après avoir été frustré par la configuration d’un environnement Node.js sous Windows pendant mes études universitaires. C’est à ce moment-là que j’ai découvert Ubuntu et que je suis tombé amoureux de la simplicité et de la puissance du terminal Linux. Malgré le fait que j’ai commencé mon voyage Linux avec Ubuntu, ma curiosité m’a poussé à essayer d’autres distributions, telles que Manjaro Linux et, finalement, Arch Linux. Sans aucun doute, j’ai une profonde affection pour Arch Linux. Cependant, au travail, j’utilisais macOS et, progressivement, j’ai également développé un amour pour macOS. Maintenant, j’ai basculé sur macOS comme pilote quotidien. Néanmoins, mon amour pour Linux, en particulier Arch Linux et la personnalisation étendue qu’il offre, reste inchangé.

Quoi qu’il en soit, dans ce post, je vais discuter de grep et de la façon dont je l’utilise pour analyser les journaux et découvrir des informations. Sans aucun doute, grep s’est avéré être un outil exceptionnellement puissant. Cependant, avant de plonger dans grep, voyons d’abord ce qu’est grep et comment il fonctionne.

Grep est un outil de ligne de commande qui peut être utilisé pour rechercher des chaînes de caractères spécifiques dans un fichier ou un ensemble de fichiers. Il est très utile pour rechercher des mots ou des expressions spécifiques dans un fichier. Grep prend en charge une variété d’options qui peuvent être utilisées pour affiner les résultats de recherche. Par exemple, l’option -i peut être utilisée pour ignorer la casse lors de la recherche d’une chaîne de caractères spécifique. L’option -v peut être utilisée pour afficher toutes les lignes qui ne contiennent pas la chaîne de caractères spécifique. Il existe également des options supplémentaires qui peuvent être utilisées pour affiner les résultats.

J’utilise principalement grep pour analyser les journaux et découvrir des informations. Par exemple, je peux utiliser grep pour rechercher des erreurs spécifiques dans les journaux afin de trouver des indices sur les causes possibles des erreurs. J’utilise également grep pour rechercher des chaînes de caractères spécifiques dans les journaux afin de trouver des informations sur l’utilisation et le comportement des utilisateurs. En outre, j’utilise grep pour tester le code source afin de trouver des erreurs ou des bogues potentiels. Enfin, j’utilise grep pour rechercher des informations spécifiques dans les fichiers de configuration afin de vérifier si les paramètres sont correctement configurés.

En bref, grep est un outil extrêmement puissant qui peut être utilisé pour rechercher des chaînes de caractères spécifiques dans un f

Source de l’article sur DZONE

Jakob Nielsen’s How Users Read on the Web is 25 years old this week, and one glance at an eye-tracking study will tell you its key observations are still relevant today.

Simply put, users don’t read a web page; they scan it for individual words and sentences.

A typical pattern shown in eye-tracking reports is that users will rapidly scan a page, scrolling down to do so. Then either hit the back button and pump your bounce rate, or scroll to the top and re-engage with the content.

Even when content, volume, and quality tick all the user’s boxes, and they choose to stay on your site, they still don’t read; they scan; a slightly deeper scan, but still a scan.

As a result, it’s vital to design websites to be easily scannable, both in a split-second scan to decide if your page is worth the reader’s time and on a second or third pass.

Clarify the Page’s Purpose Immediately

Every page should have a primary goal. The majority of the time, that goal is embodied in a CTA (Call to Action).

The good news is, if your SEO (Search Engine Optimisation) has gone to plan, your goal (i.e., to sell something) and your user’s goal (i.e., to buy something) will align. By clarifying the page’s purpose, you can show the user that your goals align.

You can be experimental if you’re an established company and the user knows what to expect. But if you’re new to the market or have a lower profile, you need to conform to established design patterns. This means that a SaaS should look like a SaaS, a store should look like a store, and a blog should look like a blog.

Including your CTA above the fold — which in the context of the web, means the user doesn’t have to interact to see it. Doing so makes it easier for the user to progress and clearly tells the user what you are offering.

The landing page for next month’s Webflow Conf 2022 clarifies the page’s content, with a clear CTA above the fold.

Employ a Visual Hierarchy

The Von Restorff effect states that the more something stands out, the more likely we are to notice and remember it.

Visual hierarchies are excellent for guiding a user through content. HTML has the h1–h7 heading levels — although, in reality, only h1–h4 are much use — which gives you several levels of heading that can be scanned by different readers scanning at different rates.

For example, we know that subheadings have little impact if a user diligently reads the page from top to bottom, but they are excellent for catching the eye of skim readers.

Amnesty uses very a very simple hierarchy, the only change for its subheading being increased weight. But it is enough to catch the user’s eye.

You can also create visual hierarchies with other forms of contrast; weight and color are often employed in addition to size. For accessibility and inclusive design, it’s wise to combine visual indicators when creating a hierarchy; for example, headings are usually larger, bolder, and colored.

Use Negative Space

Imagine a person standing in a crowd. Let’s say they’re wearing a red and white striped jumper and a red and white bobble hat — pretty distinctive. But if there are hundreds of other characters around them, they might be hard to spot.

Now imagine the same person dressed the same, standing on their own. How long will it take you to spot them? Even without the stripy outfit, it’s not much of a challenge.

Elements in isolation are not only easier to spot, but they pull the eye because the negative space (sometimes referred to as white space) around them creates contrast.

When using negative space, the key is to give elements enough room to breathe and attract the eye without giving them so much room that they are disassociated from the rest of your content.

Across its site, Moheim uses negative space to highlight UI elements while grouping associated content.

Use F Patterns

Users scan a page using either an F-pattern or a Z-pattern.

Because users scan your page in predictable ways, we can employ layouts that cater to this tendency.

Designers have been aware of F and Z patterns for some time, and because they’ve been used for so long, they may be self-fulfilling, with users being trained to scan a page in this fashion. However, both patterns are similar to how eyes travel from line to line in horizontal writing systems.

Whatever the cause, by placing key content along these paths, you increase the chance of capturing a user’s attention.

Kamil Barczentewicz uses a beautiful, natural layout that also conforms to a classic F pattern.

Include Images with Faces

Images are a great way of conveying brand values and making a site engaging. But when it comes to catching the eye of a user scanning your design, the best images include faces.

For example, a testimonial with an image of the customer will catch the eye more than a text-only testimonial.

The Awwwards Conference uses an animated computer with a face to capture attention. And large images of speakers making eye contact.

This is almost certainly due to social conditioning; we see a face, and we engage with it to see if it is a threat or not. Most of us naturally look to expressions of emotion to understand situations, and the distinction between a real-life person and an image hasn’t made its way into our mental programming yet.

You don’t need to use photos. Illustrations are fine. The key is to ensure there is a face in the image. That’s why illustrations of characters perform so well.

Copy Print Design

Print design is centuries older than the web, and many print applications, from newspapers to advertising, developed design elements to catch the eye of readers scanning the design.

Subheadings, lists, blockquotes, and pull quotes all catch the eye. Introductory paragraphs in a larger size or even italics draw users into the text. Shorter paragraphs encourage users to keep reading.

Horizontal rules used to delineate sections of text act as a break on eyes traveling over content with momentum. They are a good way of catching a scan-reader who is losing interest.

You can use a horizontal rule or break up your layout with bands of color that divide content sections.

Omono uses horizontal bands to highlight different sections of content.

Mass, Not Weight

We often discuss design elements as having weight; font-weight is the thickness of strokes.

But it is more helpful to think of design elements as having mass; mass creates gravity, pulling a user’s eye towards them.

The trick is to design elements with enough mass to attract the user‘s eye when scanning at speed without forcing the user to change how they engage with your content.

 

Featured image via Pexels.

Source

The post How To Make Your Designs Scannable (And Why You Should) first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Automation is the theme of this month’s collection of exciting new tools for designers and developers. There are tools to make your images better, tools to create illustrations, and tools to make your workflow more efficient. Plus, a whole host of tools that are just plain fun.

Here’s what is new for designers this month…

designstripe

designstripe lets you create beautiful illustrations with no design skills. Drag and drop different elements into place, then customize them for your brand.

DesignMaestro

DesignMaestro is a free keyboard extension app that lets you automate the tasks you repeat daily. Set up a macro with a keyboard shortcut, and tap the shortcut to perform the action.

Ghost 5.0

Ghost is one of the best personal blogging platforms around, and version 5 enhances it with custom code, support for video, and performance upgrades.

Yep

Yep is a new search engine from the makers of Ahrefs. Built from the ground up, Yep will give 90% of its ad revenue to content creators.

The CTO Field Guide

The CTO Field Guide is a free ebook for anyone newly promoted to a technology officer role or looking for a tech leadership role. It’s a simple guide to making the most of your first 90 days on the job.

ASCII Art Paint

ASCII Art Paint is a free, open-source web app for creating images made up of text characters and hieroglyphs. It’s a great way to add pictures to text-only formats.

Effekt

Make your own fun, wallpaper art at up to 8k resolution using Effekt, a mix between an image editor and a visual toy.

Animatiss

Animatiss is a fantastic collection of CSS animations that you can use for free. Tailor the speed of the animation, preview it, then copy and paste the code into your project.

Skiff

Skiff Mail is an email app that features end-to-end encryption. This means your email stays private and secure, so you’re free to discuss sensitive matters.

Super Designer Tools

Super Designer is a collection of design tools for performing simple tasks. There’s a background generator, a pattern generator, a blob generator, and more—all free to use.

Web UI

Web UI is a collection of UI kits and templates for Figma and Adobe XD. Most designs are free to download and use for projects, and some require payment.

Free Online Background Remover

Use this free online background remover to quickly and easily delete the background of photos, leaving you free to paste the foreground over flat colors, gradients, or even different backgrounds.

Untitled UI Icons

Untitled UI Icons is a set of clean, consistent, and neutral icons made for Figma in Figma. There are 3,500 icons in total. The line style is free to download.

OS

Turn your Mac or iPhone into an old-school Macintosh with this retro wallpaper and icon set, and transport yourself back to 1984. OS is a premium download.

Shrink.media

Shrink.media is a free app for web, iOS, and Android that lets you reduce the size of your image file size and dimensions to reduce its footprint.

3D Avatars

This big library of 3D avatars is perfect for any project that needs staff images. There are different ethnicities, clothing, facial expressions, and accessories, so you never run out of options.

Felt

Felt is a modern map maker for the web that gives you more control, more design options, and easier sharing than Google maps.

SureScan

SureScan is a helpful app that hunts through terms and conditions for dubious conditions on your behalf, so you can spend your time doing something less boring.

Reform

Reform is a no-code form builder that you can use to create clean, branded forms for your business without any design or code skills.

Copy Foundry

Discover how the best brands evolve their messaging over time with Copy Foundry, a brand positioning, and copywriting library to help your products stand out.

Source

The post Exciting New Tools for Designers, June 2022 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

Few fonts in the world have become a part of the cultural landscape that they have an entire documentary film and a MOMA exhibition made about them. Helvetica, however, is different. It has been the go-to font for everyone from government agencies to hip pop-up shops whenever clean and modern text is called for. It has become so much a part of our daily lives that it has created a long list of detractors. 

It is strange for a humble font to be so used and so hated at the same time. Is Helvetica the font that symbolizes hip, cool and modern? Or is it a ’60s anachronism loved by boomer designers that deserves to go the same way as the 8-track and gasoline?

Birth of a Legend

Helvetica is the Latin word for Switzerland, the birthplace of this font. It was created in 1957 in the middle of a boom of fonts created by Swiss designers that today is known as the International Typographic Style. It was the handiwork of two designers, Max Miedinger and Eduard Hoffmann. 

They designed this simple sans-serif font to be — ironically enough, given today’s divided opinions — a neutral font. It was modern, in the popular style, but simple, dense, and legible. It was something that could be put on a sign and easily be read from a distance. 

Helvetica represented a clean break from the fonts that came before. The designers upended the more formal and intricate serif fonts of the 19th and early 20th centuries with bold, clean simplicity. Perhaps it was a product of a new era, maybe it defined a new era as it went, but Helvetica was a revolution in font design. 

The new font was an enormous hit. One of its earliest fans was the United States Government, who put it everywhere from the sides of space shuttles to agriculture policy reports. The European Union went so far as to require its use on all health warning information. In addition, the font spread to languages as diverse as Khymer, Urdu, and Korean. 

The font was initially cast in hot metal typeset and has been altered and redesigned as the world and printing technology have changed. There have been several updates, all modifying the original design to exaggerate or change the font for greater legibility, particularly on computers where many claim the font falls short. And as with anything popular in the design world, the number of imitators and ripoffs far exceeds the scope of the original.

Where Helvetica Stands Today

Today in the 2020s, despite now being old enough to qualify for a pension, this font is everywhere. Why, though, is something so ubiquitous so controversial among designers?

Any style that becomes the ‘next big thing’ will attract critics, particularly if that ‘next big thing’ sticks around longer than expected. For some, the International or Modern fonts era is simply a piece of history. Not unlike the art or architecture from those eras, the pieces are lovely to look at, but it has been done. To continue it now would be imitation, or worse, a lack of imagination. 

Why the Haters Hate

For some critics, Helvetica has fallen victim to the banality of overuse. The day the US Department of Agriculture decides it loves a style, that style is officially uncool. Too many ‘squares with no taste’ have decided that Helvetica represents what must be cool, so the people in the know reflexively reject it. The trend makers define their role in the art world by being avant-garde and neophilic. They have to use the next new thing before anyone else or their tenure as a trend maker is finished. For these critics, Helvetica isn’t bad per se, just old and worn out. 

Lastly, there is the ever snarky group of critics who have come to loathe Helvetica for what it represents: boring corporate design. Helvetica became the darling of every group of people who wanted to give the image of clean modernity. It’s a boring choice, uninspiring, damn near default. It makes designers look lazy, their work stale. Helvetica’s success in becoming a near-ubiquitous font has made it too much of a default to be cool.

Why Helvetica is Well Used and Well-Loved

There are an equal number of fans for every salty critic who has come to dislike Helvetica. Those who favor the font love that it is true to its design, simple and legible. For a government agency or large corporation, it is clean and efficient. It is stylish enough to give a little life and flavor to the publication but is subdued enough to show professionalism and erudition. 

The font’s connection to the Modernist and International era can be appealing to others. Some styles retain their popularity throughout the years, seen as cultural hallmarks and high points of culture and expression. Helvetica was a product of an optimistic age where the dense, dark expressions of the past were replaced with light and airy styles. These looks have fluctuated in public opinion but have never totally gone out of style. This enduring appeal has kept Helvetica in many designers’ good graces. 

Finally, many fans like it because they have been steeped in its use so long it has become part of their style. From the original modernist era designers to the students they taught, and now their students’ students, it was a look many incorporated into their own style. All designers are products of their education and stand on the shoulders of previous generations; Helvetica has been such a part of the design landscape that many people have made it their own. Perhaps this was conscious, perhaps unconscious, but either way, many cool new designers at the forefront of new styles still choose this font to express text in their works.

Cliché or Classic

Perhaps in a twist of ironic fate, the two designers of Helvetica aimed to create a font that would be, in their words, “A neutral font that should not be given additional meaning.” This clean neutrality was a goal worthy of anything named after Switzerland. And this might very well be the true source of division; it is a plain, clean font into which all designers can place some or no meaning. It is a blank canvas, and just as any blank canvas hung in a museum, it would attract positive and negative opinions by its very nature. 

To call it a cliché, or classic, though, is Helvetic’s conundrum. It is undoubtedly classic, and its rampant overuse causes it to stray pretty far into cliché territory. The strange situation it finds itself in is that it seems to exist as both cliché and classic at the same time. It has become a default but a beautiful default.

Helvetica is everywhere, and like anything that is everywhere, it is both divisive and ignorable. Either way, love it or hate it; it isn’t going anywhere. 

Source

The post Helvetica: Overused Cliché or Modernist Classic? first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

AngularJS is one of the most trusted frontend frameworks by enterprises. The frontend framework has multiple features that work the best for developers. In this section, we will learn about the use of expressions in AngularJS.

Definition:

Expressions in AngularJS are used to bind data with HTML. The AngularJS expressions are code snippets like that in JavaScript, which are usually placed in the interpolation bindings. However, you can directly make use of expressions in directive attributes.

Source de l’article sur DZONE