Articles

‘java.lang.System.getProperty()’ is a common API used by Java developers to read the System properties that are configured during application startup time. i.e. when you pass “-DappName=buggyApp” as your application’s startup JVM argument, the value of the ‘appName’ system property can be read by invoking the ‘java.lang.System.getProperty()’. Example:

Java

 

public static String getAppName() { String app = System.getProperty("appName");   return app;
}

Source de l’article sur DZONE

PageSpeed Insights is a free performance measurement tool provided by Google. It analyzes the contents of a web page for desktop and mobile devices. It provides a single number score (from 1 to 100) that summarizes several underlying metrics that measure performance. If you have not run PageSpeed Insights on your website, then you should stop and do it now. It’s an important indicator of how Google scores and ranks your site.

If your PageSpeed Insights score is below 80, don’t panic. You are not alone. Many websites are not optimized for performance. The good news is that you can take steps that should immediately improve your score.

You will notice that PageSpeed Insights highlights issues that cause slow page loading. However, you might need more guidance to resolve these issues. Below, we walk you through how to resolve four common issues related to images. We also show you how ImageEngine, an image CDN, can simplify, automate, and deliver the best image optimization solution possible.

Performance Drives Google SEO Rankings

Why does the PageSpeed Insights score and performance matter? Isn’t SEO ranking all about content relevance, backlinks, and domain authority? Yes, but now performance matters more than it did a year ago. Starting in 2021, Google added performance metrics to the factors that impact search engine rankings. In a market where websites are constantly jockeying to match their competition’s pages (for content relevance, keywords, and other SEO issues), performance is making a difference in keyword search engine rankings.

What Are Core Web Vitals Metrics?

PageSpeed Insights relies on a set of performance metrics called Core Web Vitals. These metrics are:

Largest Contentful Paint (LCP): Measures the render time (in seconds) of the largest image or text block visible within the viewport, relative to when the page first started loading. Typically, the largest image is the hero image at the top of pages.

First Input Delay (FID): Measures the time from when a user first interacts with a page (i.e. when they click a link, tap on a button, or use a custom JavaScript-powered control) to the time when the browser is actually able to begin processing event handlers in response to that interaction.

Cumulative Layout Shift (CLS): Measures the layout shift that occurs any time a visible element changes its position from one rendered frame to the next.

Images and JavaScript are the Main Culprits

PageSpeed Insights breaks down problems into categories based upon how they impact these Core Web Vitals metrics. The top two reasons why you might have a low score are driven by JavaScript and images.

JavaScript issues are usually related to code that either blocks or delays page loading. For example, lazy-loading images might involve JavaScript that blocks loading. As a rule of thumb, do not use a third-party JavaScript library to manage image loading. These libraries frequently break the browser’s built-in image loading features. Lazy-loading may make above-the-fold images load slower (longer LCP) because the browser starts the download later and because the browser first has to execute the JavaScript.

Another JavaScript issue involves code that is large or unnecessary for the page. In other words, code bloat. There are good resources for resolving these issues on the web. However, in this blog, we will focus on image problems.

Images are a major contributor to poor performance. The average website payload is 2MB in 2021, and 50% of that is images. Frequently, images are larger than they need to be and can be optimized for size with no impact on quality…if you do it right.

Four Image Issues Highlighted by PageSpeed Insights

Largest Contentful Paint is the primary metric impacted by images. PageSpeed Insights frequently recommends the following four pieces of advice:

  1. Serve images in next-gen formats.
  2. Efficiently encode images.
  3. Properly size images.
  4. Avoid enormous network payloads.

That advice seems straightforward. Google provides some great advice on how to deal with images in its dev community. It can be summarized in the following steps:

  • Select the appropriate file format.
  • Apply the appropriate image compression.
  • Apply the right display size.
  • Render the image.
  • Write responsive image code to select the right variant of the image.

We call Google’s process the “Build-Time Responsive Syntax” approach. If you have a relatively static website where you don’t generate new pages or switch out images frequently, then you can probably live with this approach. However, if you have a large and dynamic site with many images, then you will quickly feel the pain of this approach. Google itself stresses that developers should seek to automate this image process. Why? Because the process has some serious workflow drawbacks:

  • Adds storage requirements due to a large increase in image variants.
  • Increases code bloat and introduces more code complexity.
  • Requires developers’ time and effort to create variants and implement responsiveness.
  • Requires logic to account for different browser’s support for next-gen image formats.
  • Doesn’t adapt to different contexts. It relies on best-guess (breakpoints) of what device visits the web page.
  • Needs a separate CDN to further increase delivery speeds.
  • Requires ongoing maintenance to adapt to new devices, breakpoints, image formats, markets, and practices.

Key Steps to Achieving High-Performance Images

Instead of using the Build-Time Responsive Syntax approach, an automated image CDN solution can address all of the image issues raised by PageSpeed Insights. The key steps of an image CDN that you should look for are:

  1. Detect Mobile Devices: Detection of a website visitor’s device model and its technical capabilities. These include: OS version, browser version, screen pixel density, screen resolution width and height, support for next-gen image and video formats. This is where ImageEngine is unique in the market. ImageEngine uses true mobile device detection to further improve image optimization. It has a huge impact on the effectiveness of the image optimization process.
  2. Optimize Images: An image CDN will leverage the device’s parameters to automatically resize, compress and convert large original images into optimized images with next-generation file formats, like WebP and AVIF. Frequently, an image CDN like ImageEngine will reduce the image payload by up to 80%.
  3. Deliver by CDN: Image CDNs like ImageEngine have edge servers strategically positioned around the globe. By pushing optimized images closer to requesting customers and delivering them immediately from the cache, it often provides a 50% faster web page download time than traditional CDNs.

Easy Integration Process for Image CDN

After signing up for an ImageEngine account and free trial, you will receive a Delivery Address. After adjusting your <img /> elements to include the Delivery Address, ImageEngine will start to pull the original images from your website (no need to move or upload them), automatically optimize them, and deliver them.

You can automate the addition of the Delivery Address to the img src tag by using plug-ins for WordPress and Magento. Developers can also use ImageEngine’s React, Vue, or Angular JavaScript frameworks to simplify the process.

Additionally, there are many ways to simplify implementation via adjustments to templates for many CMS and eCommerce platforms.

Results: Improved Performance, Better SEO

Most ImageEngine users see a huge improvement in LCP metrics, and consequently, a big improvement in the overall PageSpeed Insights score. ImageEngine provides a free demo analysis of your images before and after image optimization. In many cases, developers see improvements of many seconds on their LCP and Speed Index.

In summary, performance drives higher search rankings, and better UX, and increases website conversions for eCommerce. The steps you take to improve your image performance will pay for themselves in more sales and conversions, streamlined workflow, and lower CDN delivery costs.

Source

The post 4 Steps to Improve PageSpeed Insights Score and SEO first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site.

The best way to keep up with the most important stories for web professionals is to subscribe to Webdesigner News or check out the site regularly. However, in case you missed a day this week, here’s a handy compilation of the top curated stories from the last seven days. Enjoy!

Next.js and Drupal Go Together Like PB & Jelly

Couleur.io – Harmonizing Color Palettes for Your Web Projects

11 Open-Source Static Site Generators You Can Use to Build Your Website

Buttons Generator – 100+ Buttons You Can Use In Your Project

3 Essential Design Trends, September 2021

12 CSS Box Shadow Examples

The Fixed Background Attachment Hack

The Internet ‘Died’ Five Years Ago

Media Queries in Responsive Design: A Complete Guide (2021)

The 7 Core Design Principles

Source

The post Popular Design News of the Week: August 30 2021 – September 5, 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

Craft CMS is increasing in popularity, and as it does, the previously relatively scant range of plugins is growing rapidly.

There are plugins for Craft ranging from simple field utilities to the full ecommerce solution provided by Pixel & Tonic — the makers of Craft.

An early decision that has borne fruit for Craft has been the plugin licensing model. Paid plugins for Craft charge an initial license fee and then a reduced annual renewal price for updates. This ongoing payment structure ensures plugin maintenance is economically viable for developers, and as a result, Craft plugins tend to be updated more often and are abandoned less.

The best plugins depend very much on the site you’re developing and what you’re trying to achieve. However, some are so universally useful that I install them on virtually every site I build; here’s a list.

1. Redactor

Installing Redactor is a no-brainer when it comes to picking your plugins. Maintained by Pixel & Tonic, it’s a rich text field that extends Craft‘s basic text input. It’s so useful it may as well be part of the core Craft code.

One of the best features is the ease with which Redactor can be customized. Just duplicate the settings file inside the config directory and edit its contents to alter what editing options are available; it’s simple to create anything from a field with a bold option to a full rich text editor. In addition, each Redactor field can be set to use any of the settings files.

Free

2. Retcon

When you’re outputting code from a rich text field like Redactor, you’ll get clean HTML output — which most of the time is what you want. However, if you’re using something like Tailwind, those classes are non-negotiable. I’m not a fan of Tailwind, but I am a fan of using classes in my CSS selectors instead of element names.

Retcon is an invaluable plugin that extends Twig filters to supply a host of options when you’re outputting content. It can add classes to elements, insert attributes, modify the element type, and tons more.

Free

3. Venveo Bulk Edit

During the life of a site, there’s a good chance that you’re going to have to alter fields and sections after the content is in. It’s a common problem if you’re importing data from another platform using FeedMe, or if you have an indecisive client, or even if the site is simply growing.

Venveo Bulk Edit is a plugin that integrates closely with the Craft UI and allows you to edit the contents of multiple entries at once. This plugin has saved me hundreds of hours that would otherwise have been spent painstakingly editing entries one at a time.

Free

4. Super Table

At some point, you’re going to need a configurable list of inputs. Maybe you’re creating a list of documents to download, building a directory, or even your site navigation. You could create a new channel and then add the entries as an entry field, or even set it up with a matrix field, but this is awkward to edit even with Craft 3.7’s new editing experience.

I’m a big fan of opting for the simplest solution, and in this case, the simplest option is a table field. Unfortunately, Craft’s built-in table field has limited field type support. Super Table, on the other hand, supports almost anything, giving you a powerful, orderable set of fields.

Free

5. No-Cache

Craft has a really powerful caching system. It allows you to cache whole or partial templates, and it‘s intelligent enough to know when you’ve edited content that has been cached so that it can be re-cached.

Understanding Craft’s caching is vital; as a very general guide, dynamic content benefits from caching, but static content does not.

However, you will regularly encounter situations where you want to opt out of the caching. A blog post, for example, could be cached, but the time since it was posted must not be, or every post would appear to have been published “today” until the cache is refreshed.

The No-Cache plugin adds a couple of Twig tags that allow you to temporarily opt-out of the cache. This means that you can cache larger sections of your templates, simplifying your caching decisions considerably while still being able to fine-tune what is cached.

Free

6. Retour

Sooner or later, you’re going to have users hitting 404 errors. If you’re restructuring a site and changing the architecture, it will be sooner. To avoid breaking the UX and SEO, you need to add redirects.

Retour is a helpful plugin that sits in your dashboard side menu. Anytime a user triggers a 404, Retour will flag it up, so you can decide how to redirect the URL in the future.

$59 for the first year; $29/year for updates after that

7. Sherlock

One of Craft’s big strengths is its security. A lot of attention has gone into making sure that the core installation uses best practices. However, as with any CMS, potential security vulnerabilities start to creep in as soon as you introduce 3rd-party code (WordPress’ biggest vulnerability by far is its plugins).

You only need to look at the size of the vendor directory in your installation to see how many 3rd-party dependencies your site has. Even a small site is a house of cards.

Sherlock is a security scanner that performs a number of different tasks to help you stay secure, from checking on security threats in 3rd-party scripts to checking directory permissions. The paid version will even let you limit IP addresses if your site comes under attack — although your hosting company may well do this for you.

Lite: Free
Plus: $199 for the first year; $99/year for updates after that
Pro: $299 for the first year; $149/year for updates after that

8. Imager X

Craft’s built-in image transforms are a little limited. For example, they only work with actual assets, not remote images.

Imager X is an excellent plugin that, among many benefits, allows you to transform remote images. In addition, its refined syntax is perfect for coding complex art direction.

Imager X isn’t cheap, but considering the enormous importance of image optimization, unless you have a straightforward set of images to manipulate, it’s an investment you’ll be glad you made.

Lite: $49 for the first year; $29/year for updates after that
Pro: $99 for the first year; $59/year for updates after that

9. SEOMatic

SEOMatic is the SEO solution most Craft developers default to, including Pixel & Tonic themselves.

You’ll need to define the basics in its settings, and you may find yourself creating extra fields specifically for it to pull data from, but the handy progress bars on its dashboard page will give you an overview of what’s set and what needs to be done.

SEOMatic is another premium plugin, but implementing it is far simpler and cost-effective than digging through all those meta tags and XML files yourself.

$99 for the first year; $49/year for updates after that

Must-Install Craft CMS Plugins

The Craft ecosystem is rapidly growing, and the diversity of the plugins available increases as Craft is utilized for more and more sites.

But despite the lure of shiny new plugins, there are some tools that I return to again and again either because they elegantly fill a gap in the core Craft feature set or because I’ve tried them, and I trust them to be robust.

These are the plugins that I have found most useful in the last couple of years, and installing them is the first thing I do when I set up a new Craft installation.

Source

The post 9 Must-Install Craft CMS Plugins first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

If you have a WordPress website, you’re obviously aware of the benefits this premier open-source website-building platform brings to the table.

But are you aware of the legion of website and business enhancement tools lying in wait among the thousands of cool WordPress plugins currently on the market; one or more of which could easily take your site or business to the next level?

What’s out there? Quite a bit, obviously. 

Which useful WordPress plugins are “must-haves” for me? It could take you a ton of time to find the answer to that one. 

That’s what we’re here for.

10 essential WordPress plugins are admittedly a small sample size. But these are 10 of the very best, and we’re guessing that one or more of them could be just what you’ve been looking for.

1. Amelia WordPress Booking Plugin

This game-changing booking plugin fully automates your business’s interaction with existing and potential clients and allows you to focus on key business operations instead of having to constantly interrupt your workflow to manage appointments.

  • Installing and configuring Amelia can be done with just a few clicks. You don’t have to know anything about coding.
  • Amelia can manage an unlimited number of appointments for an unlimited number of clients, an unlimited number of employees, and at multiple locations.
  • Clients can book appointments 24/7 and manage their own appointments as well as their profiles from the front end.
  • Amelia accepts deposit payments, sends out appointment reminders, and can charge different rates for different appointments.
  • If you have a global clientele, Amelia takes into account customer time zones as well as manages translated notifications if you have a multilingual site.
  • Amelia also manages event bookings, whether they are recurring or one-time.

In the unlikely event you encounter a problem with Amelia, the customer support team stands ready to help.

2. wpDataTables

The wpDataTables WordPress plugin allows users to quickly and easily create responsive, interactive, and highly customizable tables and charts from large amounts of data.

Key features include:

  • The ability to create tables that allow front-end editing, whether they are created manually or are MySQL-based
  • Advanced filtering capabilities that enable front-end users to filter table data by single or multiple column values
  • Automatic syncing of created and published Google Sheets
  • Simple wpDataTables wizards to access the HighCharts, Chart.js, and Google free charts libraries

wpDataTables’ many other features include:

  • Connection support to MySQL, MS SQL, and PostgreSQL databases
  • Responsive design from any data source
  • Creating tables from CSV, JSON, MySQL, and Excel and Google spreadsheet data
  • Formidable Forms plugin support
  • Sorting by single or multiple columns
  • Data color-coding using conditional formatting

More than 50,000 companies and individuals have placed their trust in wpDataTables.

3. Visual Composer Website Builder

Visual Composer is a new, ReactJS-based intuitive drag and drop website builder that enables you to create a website quickly, easily, and hassle-free.

This website-building popular plugin:

  • Enables business owners to showcase their brand online with its drag and drop editor and professional templates.
  • Its feature-rich design controls enable designers to achieve pixel-perfect perfection as they bring their projects to life.
  • Its top-of-the-line marketing content elements give its users the ability to create high-conversion landing pages, integrate with social platforms, and more.
  • Makes building a beautiful WooCommerce-based online store a piece of cake.
  • Features a library of 500+ content elements and templates that is downloadable from the cloud
  • Offers free and premium versions for business owners to start easily and scale their online presence

Your site will be SEO-friendly, fast, and responsive, and the support is terrific. Free and Premium versions (Starting at $49) are available.

4. Slider Revolution

Slider Revolution can do more than create sliders. A lot more.

  • It can add impressive (read that WOW) effects to an already notable website design.
  • It can give you new and unusual visual editing capabilities without requiring any coding on your part.
  • With its collection of hero blocks, sliders, WooCommerce carousels, and more, it brings beauty to any WordPress website.

5. Logic Hop

Logic Hop lets you customize your site’s content for individual customers or customer types.

  • Logic Hop supports personalizing your site in response to dozens of criteria so you can tailor your content to address a unique audience.
  • Logic Hop works with Gutenberg, Divi, Elementor, Beaver Builder, and every other page builder.

Any design or content element you can customize in WordPress can be customized in Logic Hop in minutes.

6. Stacks

The Stacks drag and drop native mobile app builder offers a full package of features to help you design your website or mobile app without coding.

  • Stacks works perfectly with WooCommerce and WordPress
  • Certificates required for Google Play Store or Apple Appstore are automatically generated
  • It takes but a single click to generate and upload the Android & iOS Application Package (APK & IPA)
  • Notifications to customers are easy to generate and send, and Stacks utilizes WooCommerce payment gateways.

7. Heroic Inbox

The Heroic Inbox plugin enables a business to manage all of its emails in shared inboxes right inside WordPress.

  • Customer data is presented on the sidebar next to your ongoing chat or message.
  • Key performance metrics are tracked so the team and overall company performance can be assessed.
  • Zero Inbox status can be quickly achieved and maintained.

8. Tablesome

This powerful WordPress table plugin allows you to quickly create a table and embed it in a post or page.

  • Tables can be imported from CSV and XLSX files.
  • Types of tables that can be created include large data tables, product catalogs, comparison tables, sports statistics, and more.
  • A shortcode builder for table and table element customizing is included

Tablesome is performance-optimized and SEO friendly and works smoothly with any WordPress theme.

9. Ads Pro Plugin – Multi-Purpose WordPress Advertising Manager

Ads Pro is the best ad manager for WordPress you are likely to come across.

Ads Pro features:

  • An intuitive backend Admin Panel that allows you to manage an unlimited number of ad spaces
  • A frontend User’s Panel from which you can control access to manage ads
  • 25+ user-friendly and responsive Ad Templates in 8 categories
  • 20 ad display options
  • 3 Billing Models (CPC, CPM, CPD) and 4 Payment Methods (PayPal, Stripe, Bank Transfer, WooCommerce)

10. Static Pages

Static pages/sites do not require any web programming or database design.

  • The Static Pages plugin allows you to publish any static page on a WordPress website in a matter of seconds.
  • You can improve sales by adding a beautiful landing page to your existing shop or blog or add a page with a Mailchimp subscribe form.
  • Or use Static Pages as an easy way to test something quickly and easily.

Have you been searching for a top-of-the-line WordPress plugin that will help you take your business to the next level?

There are 58,000+ useful WordPress plugins for you to choose from. That would be good news, except you could easily be overwhelmed trying to find just the right plugin for your website.

This post features a collection of top plugins for WordPress websites. Chances are good, you’ll find something here that will make your day.

 

[– This is a sponsored post on behalf of BAW media –]

Source

The post 10 Cool WordPress Plugins You Should Check Out first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

Cover: Should Perl Die Gracefully?

A comment on the Medium version of last week’s article got to me:

I wish they’d just leave Perl static. Then we wouldn’t have to waste money retesting legacy Perl apps on the newest version every couple of years, in case new features we don’t want breaks code that’s been unchanged for years. […] Sometimes things should just be left to die gracefully.

Source de l’article sur DZONE

Oracle Transactional Business Intelligence (OTBI) is built on the power of Oracle’s industry-leading business intelligence tool Oracle Business Intelligence Enterprise Edition (OBIEE). This allows users to build powerful data visualization with real-time data that highlights data patterns and encourages data exploration instead of delivering static flat reports. OTBI provides users a wide variety of data visualization options from standard graphs to advanced visuals such as trellis, treemaps, performance tiles, KPIs, and others.

Introducing a CI/CD Solution for OTBI

FlexDeploy has an innovative CI/CD solution for managing the build and deployment of OTBI WebCatalog objects across the pipeline. Using FlexDeploy’s partial deployment model, developers can assemble related catalog objects into packages, build them from source control or a development environment, and deploy them into the target environments.

Source de l’article sur DZONE

Everyday design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site.

The best way to keep up with the most important stories for web professionals is to subscribe to Webdesigner News or check out the site regularly. However, in case you missed a day this week, here’s a handy compilation of the top curated stories from the last seven days. Enjoy!

UI Design Testing Tools I Use All The Time

Basic Do’s and Don’ts of Effective Website Design

Nodes.io – a New Way to Create With Code

27 Exciting New Tools For Designers, March 2021

Conic.css – Nice, Simple Conic Gradients

Web Components Are Easier Than You Think

Glassmorphism UI – Modern CSS UI Library

8 Awesome Examples of CSS & JavaScript Polygons

Frontal.JS – Modern HTML Development Framework for Your Static Website

Buy My Side Project

The Rules of Material Design

Alertly.io – Your Personalized Slack Bot for JIRA Alerts

5 Client Onboarding Tools for Web Designers

Source

The post Popular Design News of the Week: March 8, 2021 – March 14, 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

The best way to protect your Java code from avoidable bugs is to use static code analysis tools that can help you find and fix problematic code before it reaches production. Let’s look at some popular static code analysis tools that can be used to test code from a number of different angles.

DeepSource

DeepSource delivers what is probably the best static code analysis you can find for Java. The DeepSource Java analyzer detects 190+ code quality issues, including performance bugs, security risks, bug risks, and anti-patterns. Currently, It supports Gradle Java projects, and in the future, DeepSource will add support for Maven and Android too. DeepSource is also working on bringing Autofix support to the Java analyzer, which will let developers fix issues without writing a single code line.

Source de l’article sur DZONE