Turning complexity into clarity.

Appnovation Technologies: Simple Website Approach Using a Headless CMS: Part 1

News from Planet Drupal - Wed, 02/06/2019 - 08:00
Simple Website Approach Using a Headless CMS: Part 1 I strongly believe that the path for innovation requires a mix of experimentation, sweat, and failure. Without experimenting with new solutions, new technologies, new tools, we are limiting our ability to improve, arresting our potential to be better, to be faster, and sadly ensuring that we stay rooted in systems, processes and...
Categories: Drupal

[REQUEST] Inline Comments In The Editor For Notes And Co-Authoring?

Talk about plugins - 3 hours 3 min ago

I'm wondering if there's a Wordpress answer to the inline "Add [a] comment" feature of MS Word and Google Docs. During collaborative Wordpress edits, it would be really handy to leave embedded notes for my editors and co-authors. I'm imaging something like the "link" option in the default visual editor: we click a word or phrase, and add a note (e.g. simply make a meaningless / comment tag rather than an actual anchor).

I've searched for this, but I can't find it. (Of course, "editor comments" is a tough thing to search for.) Perhaps there are other ways to do this besides a plug-in, e.g. maybe there is a "comment" shortcode out there. Or I guess, I could just make actual HTML comments for the job, though that wouldn't be too friendly to my non-technical co-authors.

The only thing I've found is to link OnlyOffice with Wordpress, but that still wouldn't allow co-authoring inside Wordpress, so it's not a huge improvement over any other third party editor.

Any plugins out there, or other ideas? If it doesn't exist, should I make it myself, or is there other Wordpress functionality that makes something like this irrelevant?

submitted by /u/oratpart
[link] [comments]

Website wordpress rescue - Upwork

WordPress Work From UpWork - Sun, 07/22/2018 - 03:13
1)Make my website show by enetring either my company name or the URL
2)Make it friendly and fast loading to both Desk and mobile applications.
3)Need website to be "closed to mods" when brought up on the net.
4)Change around some content on the existing pages and add the ready to go text.
5)Possibly add a gif.

The purpose of my website is not to sell anything, but to have visitors vet me and my company, or have found me when searching for medical business services.


Posted On: July 22, 2018 13:41 UTC
Category: Web, Mobile & Software Dev > Web & Mobile Design
Skills: HTML5, WordPress
Location Requirement: Only freelancers located in the United States may apply.
Country: United States
click to apply

Brian Osborne: Adding MySQL UTF8MB4 support to hundreds of Drupal 7 multi-sites

News from Planet Drupal - Sat, 07/21/2018 - 21:45

Unicode characters encoded using UTF8 can technically use 1 to 4 bytes to represent a single character. However, older versions of MySQL only provided support for storing UTF8 encoded characters that used 1 to 3 bytes. This was enough to cover the most commonly used characters, but is not suitable for applications that accept user input where any character can be submitted (like emojis, which use 4 bytes). Newer versions of MySQL provide a character encoding called utf8mb4 to fix this issue.

Categories: Drupal

[HELP] File upload stopped by extension [X-Post r/Wordpress]

Talk about plugins - Sat, 07/21/2018 - 09:43

Hey all, I'm trying to install the "scrapes" plugin on my wordpress site but I keep getting this random error and can't figure out whats wrong.

I googled the issue and talked to my hosting service but they have no ideas. Has anybody experienced this error when installing a plugin from a zip file?

submitted by /u/Adilicious
[link] [comments]

Software Developer - Envysion - Vancouver, BC

NodeJS jobs - Sat, 07/21/2018 - 06:58
Ability to write and maintain REST backend services in NodeJS. You will work on the Envysion Appliance team using node.js, c++, and linux utilities to create an...
From Envysion - Sat, 21 Jul 2018 06:58:22 GMT - View all Vancouver, BC jobs
Categories: NodeJS

Zhilevan Blog: Drupal Entity cheat sheep

News from Planet Drupal - Sat, 07/21/2018 - 03:37
As I've explained Short trip on Entity API in Drupal 8  Entity is the most important thing in Drupal 8, Almost, everything is Entity. So for a Drupal developer, it should be good to have a cheat sheet of Entity API instead of googling every time he/she need something, and of course, after a while, they saved in the long-term memory of Developer. Let's jump into summarized Drupal 8 Entity API.
Categories: Drupal

DIY / General Lifestyle / Viral Content Writer - Upwork

WordPress Work From UpWork - Fri, 07/20/2018 - 21:00
We are looking for a Content Writer to enrich our websites with new posts, and marketing copy.

Content Writer responsibilities include conducting in-depth research on industry-related topics, generating ideas for new content types and proofreading articles before publication. If you’re familiar with producing online content and have an eye for detail, we’d like to meet you. Feel free to share samples of your work or portfolio of your published articles, along with your application.

Ultimately, you’ll deliver quality writing pieces that appeal to our audiences, attract customers and boost brand awareness.
Responsibilities

• Research industry-related topics (combining online sources, interviews and studies)
• Write clear marketing copy to promote our posts/products/services
• Prepare well-structured drafts using Content Management Systems
• Proofread and edit blog posts before publication
• Submit work to admins for input and approval
• Coordinate with marketing and design teams to illustrate articles
• Conduct simple keyword research and use SEO guidelines to increase web traffic
• Identify customers’ needs and gaps in our content and recommend new topics
• Ensure all-around consistency (style, fonts, images and tone)
• Update website content as needed

Requirements
• Proven work experience as a Content Writer, Copywriter or similar role
• Portfolio of published articles
• Experience doing research using multiple sources
• Familiarity with web publications
• Excellent writing and editing skills in English
• Hands-on experience with Content Management Systems (e.g. WordPress)
• Ability to meet deadlines


Posted On: July 21, 2018 07:41 UTC
Category: Writing > Article & Blog Writing
Skills: Article Curation, Article Writing, Blog Writing, SEO Writing, Writing
Country: United States
click to apply

Ashday's Digital Ecosystem and Development Tips: Workflow Management with Drupal 8

News from Planet Drupal - Fri, 07/20/2018 - 19:33

Did you know that setting up a content workflow is included in Drupal 8 core? It can be easily set up by simply turning on the Workflow and Content Moderation modules. The Workflow module gives you the ability to define a workflow and the Content Moderation module sets up a simple workflow for drafts and the ability to create more content moderation workflows.

Categories: Drupal

Senior Website Developer - Trapeze Communications - Victoria, BC

2018 Drupal Jobs from Indeed - Fri, 07/20/2018 - 19:11
Wordpress Pro / Drupal / Shopify. We need an experienced Wordpress Developer to join our diverse team of designers, developers and project managers....
From Indeed - Fri, 20 Jul 2018 19:11:50 GMT - View all Victoria, BC jobs
Categories: Drupal

OPTASY: 10 Essential Modules to Start Building Your Drupal Site from Scratch: Toolkit Must-Haves

News from Planet Drupal - Fri, 07/20/2018 - 14:28
10 Essential Modules to Start Building Your Drupal Site from Scratch: Toolkit Must-Haves radu.simileanu Fri, 07/20/2018 - 14:28

So, you've installed your version of Drupal and you're now ready to actually start building your website. What essential tools should you keep close at hand, as a site builder? Which are those both flexible and powerful must-have modules to start building your Drupal site from scratch?

The ones guaranteeing you a website that:
 

  1. it integrates easily with all the most popular third-party services and apps
  2. is interactive and visually-appealing, irrespective of the user's device
  3. is a safe place for your users to hang on, interact with, shop on, network on...
  4. is conveniently easy for content managers and admins to handle
     

Luckily, there are plenty of modules, themes and plugins to overload your toolbox with:

Categories: Drupal

Specbee: Why will Migrating to Drupal 8 be the most brilliant decision you have ever made.

News from Planet Drupal - Fri, 07/20/2018 - 13:08

Change can be hard and terrifying, especially at its inception. Yet, a change is what allows you to grow, evolve and progress.

I know it can get painful to take a decision as big as a migration of your Drupal 7 or 6 content management system – the one that you knew and have loved, but once done, you will know you have made the most brilliant decision, ever! Don’t just take my word for it, get hold of Drupal 8’ers (yeah, it can be a term!) and ask them. As you read on, you will know how Drupal 8 migration can play a key role in the success of your business.

It has been a while, about three years now, since Drupal 8 has made its entry into the field. The best of the Drupal community toiled for 4 years to produce this masterpiece of a CMS and finally announced its arrival in November 2015. Since then, more than 150,000 websites have migrated to Drupal 8, only to find a higher performing, robust and a more flexible solution. If you’re not ready to take the plunge yet, maybe these reasons will help you dive in.

Categories: Drupal

OpenSense Labs: Run to Glory: The Drupal Effect on High Performance Websites

News from Planet Drupal - Fri, 07/20/2018 - 11:06
Run to Glory: The Drupal Effect on High Performance Websites Shankar Fri, 07/20/2018 - 16:36

Usain Bolt, in his last appearance at the World Track and Field Championships in 2017, stood third by a narrow defeat in the 100m race leaving behind a yawning gulf. Bolt finished the race just a hundredth of a second later than his fellow competitors.

Every (nano)second counts!


Such is the importance of speed that even a three-time Olympic gold medallist, Usain Bolt, had to bear the brunt of those nanoseconds. Someone might ask “How do I get started learning about web performance?

Visualise that it is the Mega Book Sale Day and the bookworms are thronging the best performing online stores that are selling the books of renowned authors. Coping with such a colossal turn-up, a site with much faster page load speed would be preferred over the ones that are a bit sluggish. Drupal offers a superb platform for an effective website performance optimisation thereby making it faster and user-friendly.

The Significance of Website Performance Optimisation

Web performance optimisation involves monitoring the performance of web application analysing and assessing it, and identifying the best practices to improve it.

Web applications are a combination of server-side and client-side code. To improve the web performance, both the sides need to be optimised.

The client-side optimisation relates to the initial page load time, JavaScript that runs in the browser, downloading all of the resources etc. that are seen in the web browser.

The server-side optimisation relates to database queries and other application dependencies to check how long it takes to run on the server for executing requests.

Performance optimisation is significant because of the following factors:

User retention

BBC found that they are losing out of 10% of users for every extra second their website took to load. Also, DoubleClick by Google found that if the web page took more than 3 seconds to load, 53% of mobile site visitors tend to abandon the page.

 

We all strive to make our users engage in a meaningful interaction with what we have built for the web.

So, if it is an online store, you would like to see a prospective audience turning into buyers. Or if it is a social networking web application, you would want your online visitors to get ensconced in an arresting interaction with one another. High performing sites play a vital role in engaging and retaining users.

An increase in user retention by 5% can result in increased profits by up to 95%.

It costs 5 to 25 times more to attract new customers. So, even a 5% enhancement in customer retention can lead to increased profits of 25%-95%.

By redesigning their web pages, Pinterest combated a 40% reduction in perceived wait times and witnessed a 15% increase in their search engine traffic and sign-ups.

COOK, a provider of high-quality frozen meals, was able to address the average page load time and cut it down by 850 milliseconds which resulted in 7% in conversions, 10% increase in pages per session and 7% decrease in bounce rate.

Improved Conversions

User retention ultimately leads to better conversion rates. Slow sites can have huge repercussions on the business revenues. Better performance of sites can be highly profitable to shore up revenues.

Source: Hubspot

According to 2016 Q2 Mobile Insights Report by Mobify, 1.11% increase in session-based conversion was seen for every 100ms decrease in homepage load speed. Moreover, a 1.55% increase in session-based conversion was noticed for every 100ms decrease in checkout page load time. The outcome was an increase in the average annual revenue by approximately $530,000.

Also, AutoAnything revved up their sales by 12-13% after decreasing their page load time by half.

User experience

When sites ship tons of code, underwhelming performance persists as the browsers chew through megabytes of it on snail-paced networks. 

Source: Impactbnd

Even the devices with limited processing power and memory can find it hard to cope up with the modest amount of unoptimised code. With poor performance taking centre stage, application responsiveness and availability diminishes.

Better optimised code lead to high functioning and better-performing sites which in return alleviate the digital user experience.

Strategising the web performance

Formulation of strategies to improve web performance can be done in two ways:

Bottom-up strategy

Also known as performance-by-design, the bottom-up strategy is the preferred approach to integrate performance as a core development principle. In this strategy, the performance optimisation principles are framed, applied and maintained. This is done right from the application design phase. 

The key stages that are involved in this approach are stated below:

  • Performance principles are laid out.
  • The key pages/transactions are identified, optimised accordingly, and then performance principles are executed.
  • Performance SLAs (Service Level Agreement) are monitored and maintained.

Here's a chart by Infosys which explains it best: 

Key stages involved in bottom-up strategyTop-down strategy

If an existing application needs to be optimised for performance, top-down strategy comes into play. This is a preferred option only when the legacy applications are being optimised for high performance. Also, this is not cost effective and the optimisation options are limited.

Steps involved in this strategy are as follows:

  1. Factors that are contributing to the page performance are assessed using tools like PageSpeed Insights, WebPageTest etc.
  2. Activities that would lead to maximum performance improvements are optimised.
  3. Other optimisations with subsequent releases are iteratively implemented.

In addition to these strategies, one must consider an important methodology called ‘Performance Budgeting’. It means setting a performance threshold that you aim to stay within. You can safeguard your site speed and detect any regression in the performance by setting up a performance budget to ensure continual eye on performance.

This is how we do it!

Expected load time and Google page speed score, as shown below, is the core of our perpetual and iterative development process.

The above chart shows that, while applying performance budgeting methodology, we take note of:

  1. Average load time of 2 seconds or less
  2. Defined maximum limit on page size and number of HTTP requests
  3. Verification of all server site tuning for an efficient and responsive site
  4. Google page speed performance grade of above 90
  5. Implementing performance optimisation
How to Speed up My Drupal Website Performance?

How to speed up my Drupal website performance? Drupal is loaded with an enormous amount of features which, when implemented smartly, can lead to superfast page loads. There are several techniques to make your website faster by leveraging the amazing features of Drupal.

Keeping your site and modules updated

Outmoded modules can deter your efforts in speeding up your website. Thus, it is important to update every module enabled on your Drupal site.

Uninstalling unused modules

Like those outdated modules, it is significant to keep a tab on least used or no longer used modules. The number of Drupal modules installed on the site is directly proportional to the time taken for code execution which affects page load time. Uninstalling unwanted modules can alleviate execution time.

Moreover disabling the modules also adds to the execution time of the code. So, a complete removal by uninstalling the unused modules can speed up the Drupal site.

Optimising Cache

Optimisation of native cache system ensures that all the web page components are stored in an easily accessible location after a user visits your site for the very time. So, whenever the user visits your site again, the page elements are loaded from the cache which leads to increased page load speed.

Drupal has the provision of advanced caching with a great set of modules:

  • Internal Page Cache module helps in caching the web pages for anonymous users to increase the speed for subsequent users.
     
  • Dynamic Page Cache module caches web pages for the anonymous and authenticated users and is recommended for the websites of all screen sizes.
     
  • BigPipe module allows your users to quickly see the unchanged, cacheable page elements while the personalised content is exhibited next. This technology was inspired by Facebook. Drupal 8’s much improved render pipeline and render API is of huge help.
     
  • Redis module helps in integrating Drupal with Redis key-value store thereby providing a robust cache system for static pages.
     
  • Varnish module lets you integrate Drupal sites with an advanced and fast reverse-proxy system - Varnish cache -  to serve static files and unknown page-views quicker and at high volumes.
Optimising database

Website coding is not the sole thing that can be optimised. Optimising database by regularly cleaning up the data and removing the unwanted piece of information.

Memcache API and Integration module, help in the integration of Drupal and Memcached. It stores your data in active memory for a limited period of time thereby making it faster to access. 

So, instead of making queries to the database constantly, the information is readily available. Such a system also works on the shared web hosting plans.

Incorporating a Content Delivery Network (CDN)

Components like CSS, JavaScript and media are hosted by CDN and served to the online visitors from the nearest location. This can help in mitigating the page load time by rapidly delivering web page components.

Drupal module, CDN, helps in the integration of Content Delivery Network for Drupal websites. It changes the file URLs so that files like CSS, JavaScripts, images, videos, and fonts are downloaded from the CDN instead of your web server.

Optimising bandwidth

Aggregating all CSS and JavaScript files to make them load together is what bandwidth optimisation refers to. Such a parallel processing ensures that all the page elements can be seen by the users almost immediately.

Optimising images

Drupal 8 core is loaded with image optimisation feature to set the compression ratio of the images and fine-tune the page performance.

Moreover, the size of the images for screen sizes of different devices can be optimised in Drupal 8 to enhance the page load speed.

Handling 404 errors

Whenever something on the website breaks to cause a 404 error, it can lead to sluggishness. For instance, a failed image can damage the performance of the site. Drupal 8 provides a module called Fast 404 which utilises the resources better and whitelists files and verifies pathways of problem.

Managing the use of CSS and JavaScript

CSS and JavaScript provide wonderful methods for customisation and flexibility. But, too much of good things can be troublesome for your websites. Avoiding excessive use of CSS files and JavaScript use and keeping the code to a minimum can improve performance.

Advanced CSS/JS Aggregation, Drupal module, can help in keeping a tab of your front-end performance by aggregating CSS and JavaScript files to improve speed.

Using lazy loading

Lazy or on-demand loading is a perfect way to optimise your site’s performance. In this method, you split your code at logical breakpoints and then load it once the user has done something that requires a new block of code.

Basically, in traditional websites, all the images and content are preloaded into the web browser when someone accesses the site. Lazy loading loads these elements as soon as a user scrolls to view a content.

Blazy, Drupal module, provides the functionalities of lazy loading and multi-serving the images to save bandwidth and server requests.

Better web hosting

It is of consummate importance that, while implementing every possible tips and trick and utilising the Drupal’s amazing features, you chose the best web hosting provider that will decide your site’s ultimate speed, stability and security.

Case Study

The Drupal website of the Farm Journal’s MILK was optimised for high performance and better search engine rankings with a help of carefully drafted audit report by Opensense Labs.

In this section, we will focus on how we used our Drupal expertise to resolve the performance issues.

Project highlights

Previously segregated CSS and JS files cached separately which escalated the page load time. We aggregated all these files and put them in one place which assuaged the page load time.

Moreover, we used Advanced CSS/JS Aggregation Drupal module to minify CSS, JS and HTML and reduce load time.

In addition to these, we enabled Redis, used as a database, cache and message broker, so that it can be used as the backend instead of MySQL. This allowed cached items to be retrieved swiftly and improved performance.

Project outcome

On testing the performance metrics on tools like PageSpeed Insights and Pingdom, we witnessed significant improvement.

PageSpeed Insights

  • Result on handheld devices
Pre-implementation (Live Instance)

 

Post-implementation (Live Instance)

 

  • Result on Desktop
Pre-implementation (Live Instance)

 

Post-implementation (Live Instance)

 

Pingdom

Pre-implementation Pingdom Score (Live Environment)

 

Post-implementation Pingdom Score (Live Environment)

 

Conclusion

Speed can be the determining factor in the amount of time an online user spends on your website. It’s important that you remove the sluggishness from your website and inculcate betterments in its performance. Drupal 8 can help by incorporating wonderful features to make your site a high performing space.

Feel free to reach us at hello@opensenselabs.com for developing a high performing Drupal website.

blog banner blog image Performance Optimisation Web Performance Performance Budgeting Website Performance Optimisation User Retention Conversion Rate User experience Page Load Speed Page Load time Blog Type Articles Is it a good read ? On
Categories: Drupal

Drop Guard: Multi User - Invite your team to Drop Guard!

News from Planet Drupal - Fri, 07/20/2018 - 11:00
Multi User - Invite your team to Drop Guard! We happily announce our Multi User - Invitations feature! Our users needed an option to add more team members with tailored access rights for a specific project.  So we created the “Invitations” section in our menu bar on the left. By entering this page, you will be able to invite other team members or view the invitation for yourself. You can assign specific projects to a team member, be it developer, support manager or project manager; as well as you can give your customer read access to the customer’s project without exposing your other projects. This access policy feature provides new possibilities for an open and understandable workflow with Drop Guard.  Drupal Planet Drupal announcements Business
Categories: Drupal

Drop Guard: Modules overview - get detailed information about all modules

News from Planet Drupal - Fri, 07/20/2018 - 10:34
Modules overview - get detailed information about all modules What modules do I use? How often are they used in my project? In which projects? Which version exists? Is it the same version as on drupal.org? Might a specific module be a threat for my project(s)? These and many more questions will be answered within one click on our “Modules overview page” on the left in the menu bar. Check out this short post to learn more about our new feature! Among other reasons, this feature was requested by our users as they also want to track whether a module is quite relevant for a project or less critical within an update process. Drupal Planet Drupal features announcements
Categories: Drupal

Drop Guard: We said "yes"! Our founding of App Guard GmbH

News from Planet Drupal - Fri, 07/20/2018 - 10:30
We said "yes"! Our founding of App Guard GmbH What happened?  We founded an independent company, including the Drop Guard service! Learn more about the App Guard GmbH journey so far in this announcement post. But first, where did we came from?  Drop Guard was built by the German Drupal company Bright Solutions in 2014, after the idea was born to optimize the internal update process as much as possible - no more wasted time on updates, no fear of Drupalgeddon, no annoying update tasks. 
The platform service was optimized and adapted continuously besides other projects of the company, until Manuel Pistner, CEO of Bright Solutions, decided to form a team for this project, that already counted important customers. 
Drupal Planet Drupal Business announcements
Categories: Drupal

SEo content writer for WP - Upwork

WordPress Work From UpWork - Fri, 07/20/2018 - 09:01
I need a content writer for 2 of my websites, writer must understand basic writing for SEO and able to use wordpress with ease.

Excellent english writing skills required, writer must do research regarding website and page content needed. Writer must re-write / edit current content.


Posted On: July 20, 2018 10:41 UTC
Category: Writing > Web Content
Skills: Content Editing, SEO Writing, WordPress, Writing
Country: Thailand
click to apply

[REQUEST] Simple Before / After Image That Works With Elementor BUT Is NOT A Slider.

Talk about plugins - Fri, 07/20/2018 - 08:51

Hi All,
I am looking for a plugin (or would be willing to hire someone to build it) that works exactly like those common Before / After image sliders except that it needs to meet the following:

  • NOT a slider!! As simple as possible - it needs to be switching images on MOUSE HOVER (Desktop)
  • NEEDS to work on mobile via means of TOUCH. So a user touches / taps the image, and that reveals the before / after (on an infinite loop. As in, if the user keeps touching it cycles between before / after infinitely)
  • NEEDs to work with Elementor (This would be a HUGE plus, but not 100% necessary). I use Elementor Pro and would call the "After" image via Elementor's DYNAMIC CONTENT (Post featured image)
  • Absolutely has to be mobile responsive

To me, it sounds like a very simply thing to make but I have totally 0 clue on plugin development and so I have no idea the work involved. If any of you know something that meets those requirements, OR will be willing to code it for me - please comment below. For those looking to code it, you can DM me your estimate cost and time frame.

Thanks!!

submitted by /u/Shayno90
[link] [comments]