Taxonomie des anti-modèles Scrum

Actualités, Méthodes et organisation des process IT

La taxonomie des anti-modèles Scrum est une classification des pratiques qui sont contraires à l’approche Scrum. Découvrons comment ces pratiques peuvent nuire à l’efficacité de votre équipe.

TL; DR : Taxonomie des anti-patterns Scrum

TL; DR: Taxonomie des anti-patterns Scrum

Alors que le processus d’édition du Guide des anti-patterns Scrum est sur le point de se terminer, il est temps de passer à l’étape suivante. Le tout nouveau Guide des anti-patterns Scrum offre plus de 180 anti-patterns organisés par rôles, événements, artefacts et engagements. Cependant, le guide ne crée pas une taxonomie d’anti-patterns Scrum de niveau métal ou abstrait. Par conséquent, le guide ne fournit pas de stratégie globale pour contrer ou éviter les anti-patterns Scrum à un niveau personnel, culturel, structurel ou organisationnel. La question est de savoir s’il est possible de créer une telle taxonomie.

Lisez la suite et en apprenez plus sur les premières étapes de la finalisation du grand tableau des anti-patterns Scrum.

La taxonomie des anti-patterns Scrum est un outil précieux pour les développeurs et les équipes qui cherchent à améliorer leur processus de développement et à éviter les erreurs courantes. Une taxonomie des anti-patterns Scrum peut être utilisée pour identifier les problèmes courants et les solutions possibles. Elle peut également être utilisée pour comprendre comment les différents aspects du développement peuvent interagir et affecter le processus global. Une taxonomie des anti-patterns Scrum peut également aider à identifier les bonnes pratiques et à définir des objectifs pour améliorer le processus de développement.

Une taxonomie des anti-patterns Scrum peut être divisée en quatre catégories principales : le code, le processus, l’organisation et la culture. Chaque catégorie peut être divisée en sous-catégories plus spécifiques. Par exemple, la catégorie « code » peut être divisée en sous-catégories telles que le codage, la documentation, la qualité et la sécurité. La catégorie « processus » peut être divisée en sous-catégories telles que la planification, l’estimation, le suivi et la gestion des changements. La catégorie « organisation » peut être divisée en sous-catégories telles que la structure organisationnelle, la communication et la collaboration. Enfin, la catégorie « culture » peut être divisée en sous-catégories telles que l’apprentissage, l’innovation et l’amélioration continue.

Une fois que les différentes catégories et sous-catégories sont identifiées, il est possible de créer une taxonomie des anti-patterns Scrum. Cette taxonomie peut être utilisée pour identifier les problèmes courants et les solutions possibles. Elle peut également être utilisée pour comprendre comment les différents aspects du développement peuvent interagir et affecter le processus global. Enfin, elle peut aider à identifier les bonnes pratiques et à définir des objectifs pour améliorer le processus de développement.

La taxonomie des anti-patterns Scrum est un outil précieux pour les développeurs et les équipes qui cherchent à améliorer leur processus de développement et à éviter les erreurs courantes. En créant une taxonomie des anti-patterns Scrum, il est possible d’identifier les

Source de l’article sur DZONE

4 août 2023/par Service comm.

How to Pass Arguments to Events Like On:Click in Svelte

Actualités, Méthodes et organisation des process IT

Svelte events are the way we add interactivity to components in Svelte. A common issue with Svelte events is adding arguments to functions called within them. For example, suppose we have a basic counter, which increases any time the user clicks on it:

HTML

This works fine, but let’s say we want to change it so that we increase the counter by a certain amount whenever it is clicked. We might try changing the code to something like this:

Source de l’article sur DZONE

31 mai 2022/par Service comm.

Overcoming Blank Page Paralysis

Actualités, Actualités

Whether you’re new to the job or are an experienced designer, the anxiety of a new project can sometimes – often unexpectedly – cause us to freeze in our tracks. This creative paralysis sees us staring at a blank page, unable to come up with ideas, and the knowledge that time is slowly ticking away.

We’ve all been there. So we thought it would be helpful to share our tips and tricks for overcoming the tyranny of the blank page and help you get back to doing great work.

The first thing to know is that you are not alone; blank page syndrome has a basis in science, with a clearly identifiable set of symptoms that consistently occur together.

The first thing to know is that you are not alone; blank page syndrome has a basis in science

It starts when you become stressed. Stress causes your brain to produce hormones that slow down neural functions, which only serves to increase the feelings of inadequacy over a lack of creative spark – and fuel anxiety. Understandably, this causes a spiral as your mind seems to get emptier and the blank page more threatening.

But don’t fear! Because there are ways to move past blank page paralysis and get back to productivity.

Just Relax

Once you’re in a negative spiral, it’s notoriously difficult to get out of. The best solution is to avoid the spiral entirely – by starting in the right frame of mind. This means setting up a calm work environment before you even sit down.

Do your best to avoid major distractions – such as young children who need your attention or colleagues who like to play music that vexes your soul. We’re not saying that you need a sound-proofed home office – the kitchen table might be fine – but schedule your work time for when the kids are at school or with a minder, or work from home if the office is likely to be noisy. A pair of noise-canceling headphones can be handy, too.

Avoid Distractions

Seemingly small things can also get in the way of your work. Chat and email notifications are the digital equivalents of a person calling your name from across a room. Try to avoid or silence anything that stops you getting into the creative mindset, even if you just mute things for a few hours. It’ll help you mentally separate your creative workspace from everything else.

all of those notifications will still be there when you resurface

Ultimately, you need to create a mood that you subconsciously associate with being productive. But even when the space around you is perfect, it can still take a while to get into the zone. Brains don’t just flip into creativity at the flick of a switch, so be kind to yourself. And remember – all of those notifications will still be there when you resurface later in the day.

Do a Warm-Up

Studies have shown that a blank page is particularly stressful because it makes the task in front of you feel bigger than it really is. Gazing at an empty page is like seeing the whole project stretching out before you. The stress comes from the feeling of having to fill the whole journey, all the way from A to Z.

So don’t start with A! Instead, begin with a warm-up. Just as dancers always start with a series of exercises to warm up their muscles, creative designers can benefit from something similar. You could start by talking things through with colleagues or sketch some ideas using pen and paper, before opening your design app.

Alternatively, you could start by planning your content hierarchy. You don’t need all the final words – but it can be helpful to work out how many headings you’re going to have, where images will sit, and whether your copy will be in paragraphs or lists.

By doing this, you’ll have elements to place and a rough idea of their relative importance. It’s easy to get overawed by the importance of actual content – so start by getting a grip on the type, density, and length of content.

Take Inspiration

The world around us is filled with inspiration and according to an icon designer Yannick Lung:

It helps to observe things in the real world and play around with them.

It can also help to borrow an idea. Obviously, we never condone copying someone’s work, but using existing work as a reference or jumping-off-point can help. Think of it as putting your own twist on an existing idea.

“I sometimes find it useful to reverse engineer a good example of the sort of thing I’m trying to write (and this works for design too). I usually break down a successful example into its constituent parts and swap them out for things more relevant to the project at hand, then refine from there,” says Harvey, one of Sketch’s brand storytellers.

Let Templates Take the Strain

Instead of putting pressure on yourself to instantly start designing, begin by creating templates or wireframes. This isn’t an avoidance tactic. Spending time creating an outline template saves time in the long run – plus, doing practical work that doesn’t need lots of detail will act as a warm-up. It might even help you catch potential issues in your designs earlier.

Be Collaborative and Welcome Early Feedback

In general, people don’t work well in isolation – so collaborating with colleagues is a great way to get design ideas flowing. At the start of a project, reach out to your colleagues to let them know what you’re going to be working on and set up a session to collaborate on ideas and ask for direct input.

Never wait until the end of a project to ask for feedback. Involving your colleagues in the process early helps counter blank page paralysis and involving stakeholders can help you manage expectations. Aim to get regular and consistent feedback rather than waiting for it – which could cause a delay in your project.

And of course, you should always choose a design software that enables real-time collaboration so that everyone working on a project can avoid version conflicts.

Avoid Burnout

When work isn’t physical, it can be hard to judge how much it takes out of us

When work isn’t physical, it can be hard to judge how much it takes out of us. If you’re suffering from blank page paralysis, it’s probably a sign that you’re starting to get burnt out. Try setting an alarm on the other side of the room so you have to get up to turn it off regularly – or just scheduling some time into your day to take a break, stretch, or even take a walk. Stepping away from your screen is good for your brain and your body.

In the end, the most important thing to remember when it comes to blank page syndrome is that you have to be kind to yourself. Nobody can be productive 100% of the time – we’re only human, after all. What matters is that you do whatever you need to get your creativity flowing.

Featured image via Pexels.

Source

The post Overcoming Blank Page Paralysis first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

23 mars 2022/par Service comm.

21 Exceptional Google Fonts You Probably Haven’t Discovered Yet

Actualités, Actualités

Google Fonts may be the single most significant contribution Google has made to the evolution of the web — yes, more significant than search, advertising, or analytics.

Google Fonts gives every business access to a visual voice with which to distinguish itself. Fonts can be downloaded for use in design software and then embedded using best practices for a consistent experience on the web.

If there’s anything wrong with Google Fonts, it’s that its default listings are based on “Trending,” a self-fulfilling criterion that keeps Noto Sans high up the list, destined to be over-used.

But if you spend a little time lower down the listings, you’ll find some exceptional typefaces that are hardly used. Yes, some of them are highly stylized, but there are also usable sans, serifs, and display fonts worthy of your consideration.

All you have to do is scroll; here’s a selection of some of the treasures you’ll find if you do…

Piazzolla

Piazzolla features dramatic and expressive angular shapes when previewed in large sizes, but its real strength is in setting large amounts of body text.

Mulish

If you’re looking for a solid workhorse sans, look no further than Mulish. Halfway between a humanist and geometric sans, there’s even a variable font version.

Ceviche One

Reminiscent of the cool lettering of 60s advertising, Ceviche One is packed with energy, thanks to the dramatic zig-zag formed along its baseline.

Vollkorn

Released by Friedrich Althausen in 2005, Vollkorn is an excellent typeface for body copy, excelling at small sizes. It now boasts a variable font option.

Merienda

Merienda is a delightfully energetic display script. The bold weight feels more confident, but both weights have a dancing rhythm that brings the page alive.

Raleway Dots

Raleway is a hugely popular — and perhaps overused font — but this dotted version is less known. It’s a simple geometric sans that functions as a display face.

Kenia

Kenia is a wonderful, uncategorizable typeface. The stencil forms result in entirely original letter constructions, and the lowercase s is magnificent.

DM Sans

DM Sans is a low-contrast geometric sans-serif that performs wonderfully well at smaller sizes. It only has three weights, but each comes with a matching italic.

Oxygen

Designed by Vernon Adams as part of the KDE project for GNU+Linux, Oxygen is a very readable sans-serif, with a generous x-height and a hint of pen stroke.

Alice

Ksenia Erulevich’s Alice was inspired by Lewis Carrol’s novel Alice’s Adventures in Wonderland. It presents itself as an Edwardian serif with fanciful flourishes.

Carter One

Carter One uses bold strokes, with a medium amount of contrast, to create a sans-style script. It has dozens of beautiful details like the notch on the lowercase o.

Bodoni Moda

Bodoni Moda is a didone-style serif with strong vertical strokes and high-contrast slab-like serifs. It’s the best variable font in this genre that I’ve found.

Ultra

Ultra is a slab-serif that you won’t even consider for body text. Its sculptural shapes are almost American-western. The counter on the lowercase n is charming.

Azeret Mono

Most mono-spaced fonts fail to inspire; practical they can be, charming they are not. But Azeret Mono bucks that trend, its bold weights being particularly fantastic.

Nunito

It’s tough to find a serious sans-serif with rounded terminals, but Nunito is it. There’s also a Nunito Sans with square terminals, but I love the rounded tips.

Bungee Inline

Designed for signage, Bungee is great for display sizes and works well vertically. There are several versions, but my favorite is this classy inline version.

Oi

Oi is unapologetically loud. A slab-serif that swallows its own detail, the counters and ink traps give it a 3D quality, and the curves feel almost nautical.

Expletus Sans

One of the significant trends in typography is the angled clip of adjoining strokes, creating the effect of shadow. This effect is brilliantly achieved in Expletus Sans.

Lustria

It’s comparatively unusual to find a serif face designed to work well at display sizes. At large sizes, Lustria’s rounded terminals evoke ink spread delightfully.

Yatra One

Yatra One is a Devanagari and Latin typeface that uses the Devanagari brush angle for its strokes, giving the Latin text an unusually slanted, stand-out character.

Amiko

Amiko is a highly legible typeface and excellent at tiny font sizes. It’s perfect as a secondary font if your main font is too fancy for elements like legal notices.

Keep Scrolling

It’s always tempting to leap at the first typeface you find that meets your needs, but if you dig a little deeper into Google Fonts, you’ll find a vast range of typefaces that offer both practicality and character.

Source

The post 21 Exceptional Google Fonts You Probably Haven’t Discovered Yet first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

20 septembre 2021/par Service comm.

3 Essential Design Trends, June 2021

Actualités, Actualités

If you are feeling like me right now, you have mixed emotions about the world in general. And this is translating into a pretty distinct design trend that’s happening almost across the board: Websites aren’t using many images of people right now.

There are just too many questions about what is appropriate (mask, no mask? groups?), so the default answer seems to be using more “artless” options focusing on typography, graphical elements, and small animations.

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

1. No Photos Above the Scroll

As the world works to pull itself out of the pandemic, designers struggle with post-pandemic design elements, mainly photography.

Many brands and companies started to refresh their libraries with new imagery that included smaller groups and masked people. Now some parts of the world are pushing to reopen, making some of these images seem immediately dated.

What is a designer to do? First, you have to weigh keeping a fresh-looking design with a world that’s changing quickly right now.

That’s likely the big reason why so many website designs are launching without photos above the scroll. Instead, the hero areas are dominated by oversized typography, graphical elements, and small animations to grab attention.

There aren’t many images that contain people or real-life scenes.

This middle ground allows designers to create something interesting within some pretty distinct constraints while preventing a design from looking dated if local pandemic health guidelines change. (It’s a fine line to walk that may continue for some time to come.)

Each of these three sites does it differently, but with similar themes.

Michael Sumner uses bright color and subtle text animations to keep you look at the design. Clean lines and flowing graphical elements almost seem to counter the in-your-face color choice.

Gus uses a grid background – also with a nontraditional color palette – to draw attention. You keep looking at the design thanks to the animated “gus” on the screen. This small element is just enough to help users click deeper into the design.

Radian takes a different approach while also embracing the no photos design trend. With a lot of white space and clean fonts, the design uses simple scrolling logo boxes to help tell the company’s story.

2. Left Align Headline Dominates the Hero

This website design trend is a twofer of sorts: There are no photos above the scroll, and the main headlines are aligned left with dominance in the header area.

A left-aligned stack headline can be a striking and dominant element. It can have even more impact with the right words in the headline that entice and engage users to learn more. (If you use this design trend, it is imperative to spend time on the words to ensure that the design says something meaningful.)

Here’s where it gets tricky. To push the eye across the screen, you want the stacked headline not to extend all the way across. Most of the designs using this trend are going half to two-thirds across the screen.

Then the text size needs to be large enough so that the words don’t break awkwardly. (Sizing depends on how many words and letters you have to deal with.)

Finally, you want to stack lines of text to fall nicely into the main, first scroll of the design. If the headline sits too low, it might be distracting. The same is true of a headline that’s too close to the navigation or breaks funny on the scroll.

The lesson here is that stacking text in this manner is a fine art, takes just the right (and highly readable) typeface to pull off, and requires meaningful messaging.

Steadfast Collective does it with a simple headline and “pieces” of images that encourage scrolling.

Nebulab uses some imagery, but what you really see is the giant, two-deck headline. Note the clever use of “next big thing” in an oversized typeface.

#Yallbikeforkids uses an all-caps configuration with intentional underlines to bring attention to keywords. The stark black and white color palette with yellow accents is a bonus for this design and style.

3. Fun with Fonts

When you don’t have many images to work with and no faces to show, it leaves more room for typographic creativity.

From experimental typefaces to line styles to interesting weight combinations to completely artistic font treatments, designers are having a lot of fun in this area.

Here are three examples to crush on.

Mantic uses a fun dot-style experimental typeface for an AI tool with a futuristic feel. Using a type style that matches the tone and content of the design is key for making a technique like this really work wonders.

Ballistic Moon also uses a funky, experimental typeface for the intro to the online storybook adventure. What’s really nice about the use of the trend here is that the fun font has a distinct purpose and is used for only that use and is not scattered all over the design.

Kazuki Noda has fun with the letters of his name so that the same cool and majestic feel as the rest of the design. Look closely at the uber-blurred video background and phrases that pop into the hero area to describe the portfolio and art direction therein. It’s artful and fun.

Conclusion

There aren’t a lot of pictures to look at with website design projects this month. And that theme is at the heart of what’s trending right now. It will be interesting to see how long this continues in an uncertain world landscape.

What’s nice about these projects that aren’t so photo-heavy is that it forces designers to develop creative solutions and use other tools to help draw attention to the projects.

Designing within these types of constraints can seem a little overwhelming at first, but the best designers can run with this challenge to create something amazing. (And it can even feel freeing in some ways.) Good luck if you are working on one of these projects, and we hope these trends serve as a source of inspiration.

Source

The post 3 Essential Design Trends, June 2021 first appeared on Webdesigner Depot.

Source de l’article sur Webdesignerdepot

7 juin 2021/par Service comm.

Serverless Visitor Counter Badge with Azure Functions

Actualités, Méthodes et organisation des process IT

We all love web badges. You might have spotted many of them in README of repositories, including the repository of my blog, The Cloud Blog. In general, web badges serve two purposes.

They are visually appealing.
They display key information instantly.

If you scroll to my website’s footer section, you will find GitHub and Netlify badges that display the status of the latest build and deployment. I use them to quickly check whether everything is fine with the world without navigating to their dashboards. In essence, a badge is an SVG image with dynamic content embedded in it.

Source de l’article sur DZONE

23 novembre 2020/par Service comm.

Top New CMS Plugins, October 2020

Actualités, Actualités

Plugins offer a ton of benefits to developers and website administrators; from flexibility, to saving time in development, the right plugin is priceless to a project.

In this article, we’ll cover a list of the best new plugins for October 2020. You’ll find useful plugins for WordPress, Craft, Shopify, and Joomla.

Let’s get started.

WordPress

Sticky Post Expire

Sticky Post Expire is a simple plugin for WordPress that allows you to add an expiration date to your sticky posts. When the expiration date you set on a post expires, the post will automatically no longer be sticky. All you need to do is install/enable the plugin and a meta checkbox will appear in your posts admin area. It’s in this checkbox you will set the post’s expiration date.

Product page shipping calculator for WooCommerce

The Product Page Shipping Calculator plugin allows your customers to calculate the cost of shipping before adding the product to their cart. The plugin also allows customers to see the available shipping methods for their area. If the product cannot be shipped to the customer’s location, the plugin will notify the customer. All calculations are done using Ajax, so you don’t have to worry about the plugin slowing down your site.

Payment Page

Payment Page makes it easy to collect payments on your WordPress website. The plugin allows you to connect to any payment gateway platform of choice. You can also receive one-time or recurring payments using Payment Page. The plugin comes with beautifully designed templates that you can customize to fit your brand and style. The form builder helps you increase your sales and conversions. You can collect payment in any currency. After payment, customers will also receive a confirmation message.

WP Roadmap

Wp Roadmap is a product feedback board for WordPress. The plugins allow you to display your company’s product roadmap on your WordPress website or blog. The plugin will display your new products, business developments, upcoming events, achievements, awards, and future projects on your site. WP Roadmap also gives you the option to collect and create feedback boards. The plugin comes with an intuitive interface and works with any WordPress theme.

LiveSession

LiveSession is a session replay plugin for WordPress. The plugin allows you to record everything happening on your site, including clicks, scrolls, and mouse movements. This plugin helps you understand how your visitors interact with your website. You can rewatch the videos as many times as you like. Instead of recording every single visitor on your site, LiveSession will record visitors with a high engagement score.

The plugin also comes with a feature called Rage Clicks. This feature helps you identify when visitors encounter Javascript errors. The plugin also has a beta feature called Clickmap. It helps you identify the specific elements on your site that visitors clicked and how many times. There is also a heatmap feature that identifies which pages on your site get the most interaction. The plugin is very useful in improving your user experience (UX) and conversion rates. It easily integrates with Google Analytics, Segment, Intercom, LiveChat, HelpScout, Olark, Wix, Shopify, and WooCommerce.

Auction Feed

Auction Feed makes it easy to display eBay items on your WordPress website. Visitors to your website will be able to search and buy products directly from your site. The plugin comes with a variety of styles to fit any WordPress theme. You can also add a product description above or below the product image. Customers won’t have to leave your website before making their purchases. The plugin is also free to use.

Floating Related Posts

Floating Related Posts is a WordPress plugin that allows you to display a banner with a list of related posts on your website. The banner can appear at the top or bottom of the web page. You can set the banner to pop up using a time filter or scroll trigger. The plugin is also compatible with Google Analytics. You can customize the banner background color, font size, button style, and text color. The plugin can be translated into any language.

Simple Restrict Content

The Simple Restrict Content plugin allows you to restrict the content that visitors can access on your WordPress site. You can choose who can access content on your website by setting up roles. The simple lightweight plugin restricts different content types, including, posts, web pages, and WooCommerce products. The plugin is available in Spanish and English.

Easy Video Publisher

Easy Video Publisher is a WordPress plugin that allows you to easily publish YouTube videos on your website. You can import YouTube videos from multiple channels. You can also schedule the YouTube videos to automatically upload to your website. Note that a YouTube API key is needed to import multiple videos at a time from a specific channel. The plugin allows you to use multiple API keys.

Preloader Awesome

Preloader Awesome is a preloader plugin for WordPress that allows you to create a page preloader interface while the rest of the webpage is still loading. Preloaders are interface elements that notify visitors that your website hasn’t crashed, just processing before serving content. Some of the features of the plugin include 14 page transition styles, progress bar, GIF support, 10+ default CSS loader, progress status counter, unlimited color, and counter font size options. The plugin is responsive and works on all modern browsers.

Menu Hover Effect

The Menu Hover Effect plugin allows you to add hover effects to the menu bar on your website. With this plugin, you don’t need to learn CSS. This plugin gives you 20 CSS menu hover options to choose from. It is a lightweight plugin and won’t affect your website speed.

Better Comments

The Better Comments plugin allows WordPress users to easily customize the comment section of their website. With the plugin, you can customize the look of your comment form fields, match the submit button with the colors of your site, and hide the comment’s date. The plugin also allows you to create a comment policy section. You can further customize the comment fields to highlight when they are selected and typed in. If you find rounded avatars common, the plugin also offers a hexagonal avatar option.

WP Pocket URLs

WP Pocket URLs is a handy WordPress Plugin that helps you manage your affiliate links. The plugin allows users to automatically shorten and track any affiliate link on their website. You can also manually shorten the links on your website. Each time a visitor clicks on a link you get access to information like click date/time, country, IP address, etc. You can also categorize your links and also create custom permalinks. There is also a dashboard widget that displays your top 10 links. On the “Reports” page, you can generate clicks reports. You can filter the reports by Month/Year, link category, country, and link title.

Craft CMS

Formie

Formie is a Craft CMS plugin that allows you to create user-friendly forms. The plugin comes with a drag and drop builder for creating forms. You can store user form submissions in your control panel in case you want to review them later. When a user submits a form, you will get an email notification. Formie also has an in-built keyword blocking feature to protect you from spam. The plugin has several integrationS: API for Elements, Address Providers, Captchas, CRM tools, Webhooks, and Email Marketing software. You can also create your custom integration. You can add over 25 fields to your forms using Formie.

Craftagram

Craftagram is a Craft CMS plugin for adding any Instagram feed to your website. Since the plugin uses the official Instagram API, you don’t have to worry about your website getting blacklisted. Craftagram also handles pagination for your Instagram feed.

Shopify

We’re Open

We’re Open is a handy plugin for Shopify users. The plugin lets your customers know when you are open to receive new orders. Once your business hours are close, customers won’t be able to make new orders. A message will be displayed in your store that you are closed. The plugin ensures that you only receive orders when you are open. It works in any time zone and the API easily integrates with mobile apps.

Punch Metrics

Punch Metrics is a Shopify Plugin that helps you track your store’s visitors and also analyze their behavior. The plugin offers real-time data on your site’s visitors, the pages that see the most engagement, and which devices are the most popular. You can also record and replay visitors’ sessions so you can know exactly what they did on your site. Punch Metrics also has a heatmap tracking feature to understand which elements on your site get the most clicks.

Joomla

Simple Sliders

Simple Sliders is a content plugin for Joomla. The plugin allows users to easily create accordion sliders in their articles. You can add the sliders to your Joomla articles by adding this code:

{slider title="Slider 1 Title" class="blue"}
Slider 1 content.
{slider title="Slider 2 Title" class="red"}
Slider 2 content.
{/sliders}

Jitsi Conferencing

Jitsi Conferencing is a video conferencing plugin for Joomla. The plugin will allow you to host meetings and easily connect with your clients. The module is simple and effective to use.

Featured image via Unsplash.

Source

Source de l’article sur Webdesignerdepot

19 octobre 2020/par Service comm.

Exciting New Tools for Designers, October 2020

Actualités, Actualités

This month’s collection of new tools, resources, and freebies for designers is a smorgasbord of sorts. You’ll find everything from useful APIs to icons to tutorials to fonts.

Let’s get right into it, here’s what new for designers this month:

Tooltip Sequence

Now that your app or website is ready, you might need to help users engage with it. Tooltip Sequence is a simple JavaScript package that helps you create a series of small tooltips that will guide users through product features with a small description of what they need to know. It looks great and the best part is this tool saves you from having to create each tooltip description manually on each page and link them together.

Serenade

Serenade allows you to free up your hands with voice coding technology. Use natural speech and stay productive with this tool that allows you to code without typing. It works across multiple coding languages and platforms. It’s as easy as “add function hello” and the tool knows what syntax to use.

Gazepass

Gazepass, which is still in beta, is a nifty API that allows for passwordless multi-factor authentication for any website or mobile app. It uses biometrics on any device or platform to make getting into apps or websites easier for users.

Filters.css

Filters.css is a CSS-only library to apply color filters to website images. Installation only takes three steps and includes a variety of filers, such as blur, grayscale, brightness, contrast, invert, saturate, sepia, and opacity.

Sidebar Webring

Sidebar Webring is a collection of blogs and websites that are focused on web design. The curated list is handpicked for superb content for designers and developers. But, what’s a webring? It’s a collection of linked websites in a circular structure that are organized around a theme. The term is a throwback to the early days of the web in the 1990s and 2000s.

Wicked Templates

Wicked Templates is a set of responsive HTML templates made with Bulma and Tailwind CSS that you can style and use as you wish. Use these templates to jumpstart projects. Free and paid options available.

WP Umbrella

WP Umbrella will help you keep sites running in a healthy and safe manner on WordPress. Monitor uptime and performance, PHP errors, and keep up with hundreds of websites from one dashboard.

Servicebot

Servicebot helps you create customer-facing embeddable billing pages that work with Stripe payments. This premium tool is quite user-friendly and works with websites or SaaS.

Custom, Accessible Checkboxes with Perfect Alignment

Create custom, accessible checkboxes with perfect alignment every time. This walkthrough shows you how to use CSS to align elements and labels.

Sombras.app

Sombras.app is a nifty tool that creates 3D object shadows. Use the easy on-screen controls to get just the right orientation and shape.

urlcat

Urlcat is a tiny JavaScript library that helps you build URLs with dynamic parameters and without mistakes. The friendly API has no dependencies, includes TypeScript types, and is just 0.8KB minified and gzipped.

Reacher

Reacher is a real-time email verification API that lets you check the validity of an address before you send the email. Reduce bounce rates in an instant. (The personal version is free.)

Swell

Swell is a most powerful headless ecommerce platform for modern brands, startups, and agencies. Create fast and flexible shopping experiences with the API and headless storefront themes. This is a premium tool but does have a free trial.

No Code Founders 2.0

No Code Founders 2.0 is a platform for discovering the latest startups built with no-code and the tools used to build them. Browse startups, tools, perks, interviews, jobs, meetups, posts, and more as part of the no-code movement. The community engages on Slack and requires an email to sign up.

How to Pick More Beautiful Colors for Your Data Visualizations

Beautiful color choices will make your data visualizations that much more impactful. This tutorial by Lisa Charlotte Rost will help you make better color choices on the way to better infographics and charts. Plus, it’s well developed, designed, and packed with useful information.

IconPark

IconPark is a collection of more than 1,200 high-quality icons with an interface that allows you to customize them. It uses a single SVG source file that can be transformed into multiple themes. The library includes cross-platform components and is free to use.

Mono Icons

Mono Icons is a simple and consistent open-source icon set that uses mono spacing. The collection includes 136 icons.

BGJar

BGJar is a free SVG background generator for digital projects. Pick a category and customize the result to fit your project or needs.

HitCount

HitCount is almost too simple to be true. This tiny tool lets you add a hit counter to your website that’s as easy as adding an image. Copy the code and make any customizations you want. Then paste it to your design. That’s it!

Blacklight

Blacklight is a real-time website privacy inspector. The tool by Surya Mattu scans any website you enter in the scan bar and shows what user-tracking technologies are used on the website. This allows you to see who might be gathering data about your visit.

Alter

Alter is a customizable – and experimental – three-dimensional typeface that you can experiment with. It’s as fun to play with as use.

Autobus Omnibus

Autobus Omnibus is a simple all capitals font with new wave styling. The character set has 96 glyphs that are perfect for display use.

Deathmatch

Deathmatch is a seasonal blackletter font that’s ideal for the upcoming Halloween holiday. The character set includes plenty of options and there’s a full version (paid) for commercial use.

Futura Now

Futura Now is a premium typeface and update to a font you may already know and love. The new version has 107 styles in a massive family.

Pumpkin Soup

Pumpkin Soup is a fun almost handwriting style typeface with a cartoonish vibe. It includes a regular and italic style and is most appropriate in limited use.

Source

Source de l’article sur Webdesignerdepot

12 octobre 2020/par Service comm.

3 Essential Design Trends, September 2020

Actualités, Actualités

A seasonal change is on the horizon and that always has me looking to refresh projects. This month’s design trends provide a few different ways to do that without ripping up your entire website.

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

Animated Heroes (That Aren’t Video)

Hero headers and screens that feature video animation have been popular for a while, but more website designers are experimenting with other types of full-screen moving graphics.

What’s cool about this trend is that it can take on plenty of different forms and look a lot of different ways, meaning that no two websites are identical in this regard.

The other bonus to this trend is that you can add a full-screen animation to almost any style of design without a complete overhaul of the website. You may need a few small tweaks to create a seamless transition from one screen to the next, but it’s a quick, modern design element that you can deploy rather quickly.

Typozon uses a quick motion graphic with plenty of different brand marks to tell the story of their brand identity work. Admittedly, the animation can get a little dizzying if you look at it too long, but the bright colors on the olive background are attention-getting for sure.

Day 1 Club by Spotify opens with a lot of motion in the setup and then settles into subtle motion behind the primary call to action. Shades of black and soft movement bring everything together and help you focus on the bright red button and text overlay.

Kieran Baybutt uses multiple animations for this portfolio website. The most interesting might be on the “second screen.” A couple of things are happening here. The words change with mouse movements as does the background image. There’s also a cool hover pointer featuring portfolio elements that’s in constant motion. There’s a lot going on here, but it makes you want to click around.

Animated or Floating Circles

Circles might be one of the hottest design trends of 2020. They are in all kinds of projects and keep evolving in different ways.

Maybe part of the reason is because of the message that designers are trying to convey in these projects. Circles are associated with harmony and protection. They are used to represent unity, community, and commitment. In motion, circles can also spark feelings of motion or movement with speed determining how chaotic (or not) that movement may be.

This month’s iteration of circle trends is animated. Some circles animate in place, while others seem to float in space on the canvas.

The circles in each example have something in common though – they bring you into the design and encourage interaction with it. (That might be why this website design trend is increasing in popularity all the time.)

The circular motion for the UX+ logo actually helps draw the eye away from all the almost overwhelming animation on the left side of the split-screen design. With plenty of white space surrounding it, the constant movement is just enough to pull attention to the logo and then down the screen to important information about the event.

Katch Me uses circles that seem to float over the background video with a soft “bounce” in place. The animation changes when the mouse hovers over each circle with an expanded action and the ability to move the circle in a larger space. The circles here are actually the call-to-action buttons.

Visually, the circles for Anastasiia Afanasieva’s website look like a mashup of the above examples. There’s a rotating animation for circles that seem to float in space. You have to click through this design though to see the real brilliance in it. Each circle has a hover state that changes the background color of the website (and images in each box) to match the color displayed.

Bright Yellow Coloring

Another website design trend that might be a reflection of the state of the world is in the use of the color yellow. With a global health pandemic, design projects are leaning in to brighter, more cheerful tones to help offset the stress of the world.

For many, yellow can shine just a bit of hope and optimism into gloomier times.

While most of the projects using bright yellow as an eye-popping accent, others are going all in.

Next Big Thing AG uses yellow imagery inside of oversized cutout lettering (another website design trend this year) on a dark background. Even with the darker overall palette, the design feels bright and enticing. You almost want to dive deeper into the design to see what the image behind the letters is and what else the site contains.

Sonya Mudvex uses a full yellow background on her portfolio homepage to stop visitors in their tracks. The rest of the design features a soft gray background and plenty of yellow accents. In addition to great use of color here, there are plenty of other UX tricks in this design, including some geolocation tools if you interact with the ticket validation graphic on the screen.

Upqode uses yellow with a peachy color palette to stand out. The illustrated animations are much more lively thanks to bright coloring. The overall color palette is a bit unexpected, and that’s what makes it interesting.

Conclusion

If this month’s website design trends tell you anything, it’s that interactive elements and animation are a growing part of the conversation. Are you already using these techniques in projects? (If not, it is probably time to think about it.)

You can also see how the influence of what’s happening in the world around us impacts design as well. It can counter other emotions to create a better mental space or mirror what’s happening in the world around us.

Source

Source de l’article sur Webdesignerdepot

7 septembre 2020/par Service comm.

Implement a Counter in Dataweave 2.x and Above

Actualités, Méthodes et organisation des process IT

Implement a Counter in Dataweave

These days, I see quite a few posts that require using Counter in DataWeave. The problem faced is that users require a Sequence Number that is consistent throughout the different sections of data. Consider the below JSON:

JSON

xxxxxxxxxx

1

17

1

[{

2

"Item" : "ItemXYZ",

3

  "SequenceNo" : 1,

4

  "Parts": [

5

{ "Part" : "A1", "SequenceNo" : 2 }, { "Part" : "B1", "SequenceNo" : 3 },

6

{ "Part" : "A2", "SequenceNo" : 4 }, { "Part" : "B2", "SequenceNo" : 5 }

7

8

},

9

10

"Item" : "ItemRTY",

11

  "SequenceNo" : 6,

12

  "Parts": [

13

{ "Part" : "A1", "SequenceNo" : 7 }, { "Part" : "B1", "SequenceNo" : 8 },

14

{ "Part" : "A2", "SequenceNo" : 9 }, { "Part" : "B2", "SequenceNo" : 10 }

15

16

17

Source de l’article sur DZONE

12 décembre 2019/par Service comm.

Articles

TL; DR : Taxonomie des anti-patterns Scrum

TL; DR: Taxonomie des anti-patterns Scrum

Just Relax

Avoid Distractions

Do a Warm-Up

Take Inspiration

Let Templates Take the Strain

Be Collaborative and Welcome Early Feedback

Avoid Burnout

Piazzolla

Mulish

Ceviche One

Vollkorn

Merienda

Raleway Dots

Kenia

DM Sans

Oxygen

Alice

Carter One

Bodoni Moda

Ultra

Azeret Mono

Nunito

Bungee Inline

Oi

Expletus Sans

Lustria

Yatra One

Amiko

Keep Scrolling

1. No Photos Above the Scroll

2. Left Align Headline Dominates the Hero

3. Fun with Fonts

Conclusion

WordPress

Sticky Post Expire

Product page shipping calculator for WooCommerce

Payment Page

WP Roadmap

LiveSession

Auction Feed

Floating Related Posts

Simple Restrict Content

Easy Video Publisher

Preloader Awesome

Menu Hover Effect

Better Comments

WP Pocket URLs

Craft CMS

Formie

Craftagram

Shopify

We’re Open

Punch Metrics

Joomla

Simple Sliders

Jitsi Conferencing

Tooltip Sequence

Serenade

Gazepass

Filters.css

Sidebar Webring

Wicked Templates

WP Umbrella

Servicebot

Custom, Accessible Checkboxes with Perfect Alignment

Sombras.app

urlcat

Reacher

Swell

No Code Founders 2.0

How to Pick More Beautiful Colors for Your Data Visualizations

IconPark

Mono Icons

BGJar

HitCount

Blacklight

Alter