Turning complexity into clarity.

OSTraining: How to Create a Search Box with a Sliding Effect in Drupal 8

News from Planet Drupal - Mon, 10/15/2018 - 06:36

One of OSTraining members asked how to create a search box with a sliding out effect. Their goal was to arrive at the search box similar to the one you can find at the top of Drupal's own website.

In this tutorial, you will learn how to create a search box that expands once you clicked on the icon. Also, while it stays expanded, it blur out your main menu.

Categories: Drupal

Convert Google Plus to Wordpress.com - Upwork

WordPress Work From UpWork - Sun, 10/14/2018 - 22:08
With the imminent demise of Google Plus, I have exported all of my Google Plus content via Google TakeOut. I want to take the original Google Plus post timestamp, content, images, and geographic locations and post them to my Wordpress.com account. The desired output is a script which converts the google JSON output into markdown formatted posts ready for copy/paste into Wordpress.com. Any language which runs in linux/unix is preferred, such as bash, python, ruby, or Lua.


Posted On: October 15, 2018 01:11 UTC
Category: Web, Mobile & Software Dev > Web Development
Skills: Scripts & Utilities, WordPress
Country: United States
click to apply

On-Page SEO Specialist - Website Redevelopment - Upwork

WordPress Work From UpWork - Sun, 10/14/2018 - 17:31
Hi,

Our company offers personal coaching to amateur race car drivers. It is a new business that has undergone lots of changes over the last year. Now, we have a clear picture of what services we are going to offer and our goals. So we are redeveloping our website.

We will be moving from WordPress to a Static HTML site.

I am looking for someone to help with:
- the migration
- url structures
- competitor & keyword research
- On-page technical SEO

I am not concerned about link building or off-page SEO at this time.

As we are moving away from WordPress, most of the content planning will done in Google Docs using Markdown. I will directly edit the html to incorporate your changes and suggestions.


Thanks


Posted On: October 15, 2018 01:11 UTC
Category: Sales & Marketing > SEO - Search Engine Optimization
Skills: Markdown, On-Page Optimization, SEO Audit, SEO Keyword Research
Country: United States
click to apply

Find a source we can scrape with plugin - Upwork

WordPress Work From UpWork - Sun, 10/14/2018 - 16:20
Hello,

We are using a plugin to scrape and upload articles to our wordpress websites.

Recently our source stopped displaying featured images.

The plugin we use is WP Content scraper. If you have a better plugin for us we might be able to switch.

What we need is source for:
- Beauty
- Diet
- News
Let me know if you can help us.


Posted On: October 15, 2018 01:11 UTC
Category: Web, Mobile & Software Dev > Web Development
Country: Netherlands
click to apply

Design Digital Magazine from Existing Blog - Upwork

WordPress Work From UpWork - Sun, 10/14/2018 - 16:03
We currently publish on our wordpress website but would like to convert our content into a upscale, design digital magazine format.

You organize and structure the flow of the magazine and work with us on changing or adding images and editorial content.

We are an upscale, design-forward magazine for creative millennials.

Our content is rich in travel, humans, wellness, entrepreneurship.


Posted On: October 15, 2018 01:11 UTC
Category: Design & Creative > Graphic Design
Skills: Digital Illustration, Fashion Illustration, Graphic Design, Magazine Layout
Country: United States
click to apply

OpenSense Labs: Efficacy of Kubernetes in Drupal Deployment

News from Planet Drupal - Sun, 10/14/2018 - 15:08
Efficacy of Kubernetes in Drupal Deployment Shankar Sun, 10/14/2018 - 20:38

First came the physical servers which were followed by the virtual machines and now the developer ecosystem is rapidly adopting container and serverless computing. One of the biggest challenges that physical servers pose is their management which virtualisation resolves by emulating the real system thereby streamlining the governance of different functions. Now, container and serverless computing are extrapolating the benefits to a whole new level for the developers. And this is where Kubernetes comes into play.


Google’s Cloud Next 2018 summit held in San Francisco emphasised upon the company’s active involvement in over thousands of open source projects including Kubernetes. By the time Kubernetes was introduced in Google Cloud, it had more than 20,000 contributors which made it one of the fastest moving projects in the open source history. Kubernetes can be a huge asset in the deployment of projects based on another open source framework - Drupal. But before we plunge into that, let’s traverse along the short timeline of Kubernetes’ formation.

Timeline of Kubernetes formation

Kubernetes was originally developed by a team at Google which has been open-sourced since its launch and is managed by a large community of contributors. RisingStack has compiled an interesting timeline which traces the history of Kubernetes with the birth of the Borg system. 

Around 2003-2004, Google introduced the Borg system, a large-scale internal cluster management system, which was followed by the introduction of Omega cluster management system in 2013.

In the mid-2014, Google introduced the open source version of Borg in the form of Kubernetes. In the mid-2015, Kubernetes v1.0 was officially released.

2016 was the year when Kubernetes went mainstream

2016 was the year when Kubernetes went mainstream with more advanced releases, case studies, conferences, and the support for Windows Server and OpenAPI.

In 2017, big enterprises started adopting and supporting Kubernetes with Microsoft, Oracle, Google, IBM, and Amazon coming up with more container orchestration methods using Kubernetes.

A Closer Look at Kubernetes


An open source system, Kubernetes is used for handling containerized application across numerous hosts offering basic mechanisms for deployment, maintenance, and scaling of applications. It is hosted by the Cloud Native Computing Foundation (CNCF). CNCF was formed through the partnership of Google and Linux Foundation. It aims to develop sustainable ecosystems CNCF helps in fostering a community of top-notch projects that orchestrate containers as part of a microservices architecture.

Kubernetes is a portable, extensible open-source platform for managing containerized workloads and services, that facilitates both declarative configuration and automation - Kubernetes documentation

Kubernetes enables you to deploy containerised application swiftly and predictably and can scale containerised applications on the fly. It seamlessly rolls out new features to your containerised applications and optimises your hardware.

The significant features of Kubernetes include:

Deployment of containers and management of rollout control: With Kubernetes, you can describe your containers and define how many you want in a single deployment. It can govern the running of those containers (even across multiple hosts) and also manage changes like updating images, changing variables etc. to your containers.

  • Resource Bin packing: This lets you declare minimum and maximum computer resources (CPU and memory) for all the containers.
     
  • Service delivery: It has the provision of built-in service delivery for the automatic exposure of containers to the internet or other containers in the Kubernetes cluster.
     
  • Autoscaling: It automatically performs load balancing of traffic across matching containers.
     
  • Heterogenous clusters: It helps in developing a cluster with a mixture of virtual machines, on-premises servers, or bare metal in the company data centre.
     
  • Storage support: It has the provision for persistent storage support with support for Amazon Web Services EBS, Google Cloud Platform persistent disks, and many more. Vendors like Red Hat, Dell, NetApp and EMC offer persistent storage for Kubernetes.
     
  • High availability: It has very high availability such as multi-master and cluster federation enabling the linking of clusters together for load balancing.
Docker vs Kubernetes

Note that Kubernetes is not a replacement for Docker but it is for some of the top-of-the-line technologies that have emerged around Docker.
 
One of those technologies is Docker Swarm which is an orchestrator bundled with Docker. It is possible to leverage Swarm instead of Kubernetes but Docker Inc. has chosen to make Kubernetes a part of the Docker Community and Docker Enterprise editions moving forward.

Kubernetes is significantly more intricate than Docker Swarm

Kubernetes is not a drop-in replacement for Swarm. Kubernetes is significantly more intricate than Swarm and needs more work to deploy. But again, the work involved with the container orchestration using Kubernetes would provide a big payoff in the long run - a more governable, resilient application infrastructure. Docker Swarm is a good choice for the development work and smaller container clusters.

Deploying Drupal using Kubernetes

Bay Area Drupal Camp 2017 had a presentation that exhibited the deployment of Drupal leveraging Kubernetes. A digital agency built a Lagoon platform that builds cloud web hosting solutions for decoupled Drupal with Node.js features. It showed that for scaling Drupal to a plethora of annual page views, decoupled CMS architecture enables the deployment of Docker, Kubernetes and OpenStack solutions together in data centres.


Lagoon platform was created for optimising hosting for Decoupled Drupal sites on the public cloud using OpenStack. With Lagoon, Drupal admins can build containers for PHP with NGINX, run the MYSQL or MariaDB installation in another container with Node.js configured on a third set.

Containers for Redis, Varnish Cache and Solr complete the install with the management of load balancing, page caching and auto-scaling web server nodes to match traffic rates. Lagoon relies upon Red Hat Enterprise Linux and the OpenShift platform in addition to the Original Community Kubernetes Distribution (OKD). System admins would have to use Jenkins, Ansible, Vagrant, TravisCI, Puppet, Docker, and CircleCI for configuration.

Programmers and developers would have to be adept with GraphQL, React, Apollo, Next.js and Prometheus. Lagoon leverages Alpine Linux for container installs from Docker images. Content Delivery Network (CDN) integration completes a different production route for anonymous traffic by geolocation thereby optimising datacentre hardware.

Workflow process with Lagoon involves reading the docker-compose.yml and creating disk images which set up the OS for web servers in containers. Then, disk images are pushed to an OS registry like GitHub or BitBicket. Using Ansible, the disk image is pushed to a git repository and commits are made to Node.js for testing. Lagoon deploys disk images from the git repository for Drupal web hosting requirement s in Kubernetes clusters.

Minishift can be leveraged to run OpenShift server administration on the desktop. Lagoon comprises of server-side rendering for Node.js and React on NGINX, running Drupal on NGINX in isolated containers individually. Then, Varnish Cache is used to handle HTML file transfers to users and CDNs.

Market trends Source: 451 Research

A study conducted by technology research and advisory company 451 Research investigated containers adoptions by enterprises across the wide array of industries. It revealed that enterprises of all sizes are rapidly using containers and man are even deploying and governing their containerised workloads with orchestration software. 52% of the organisations gestured that they are running container management and orchestration software in production today and 71% of the respondents were using Kubernetes.
 
Another survey by Portworx Annual Container Adoption in 2017 included insights from 491 IT pros across a variety of industries and company sizes. It delineated that Kubernetes was the preferred option when it comes to container orchestration(shown in the graph below).

Source: Portworx

Moreover, a report on Transparency Market Research stated that “key drivers of the Kubernetes solutions market are the rapid growth of container orchestration, increase in investment by vendors, more focus on hybrid cloud and multi-cloud, an increase in adoption of Kubernetes by major players offering cloud computing”.

This report also stated that while North America accounts for the largest share of Kubernetes solutions market, Europe trails behind the second largest. Also, Amazon Web Services, Google Inc., Microsoft Corporation, Red Hat, Inc., Apprenda Inc., UnitedHealth Group, IBM Bluemix, Cisco Systems, Inc., Target, Oracle Corporation, Huawei Technologies Co., Ltd, CenturyLink, Inc. Kismatic, Inc., Heptio, Core OS, Datera, and NavOps are the major vendors.

Conclusion

Drupal as a great content store has grown exponentially due to the presence of its large and active community which is committed towards the perpetual improvement of Drupal to powering digital innovation. Kubernetes, also being an open source software, can of huge help in the Drupal deployment and has made rapid strides with colossal adoption rate among the big enterprises in recent times.

At Opensense Labs, we have been offering a suite of services to provide amazing digital experience to our partners.

Ping us at hello@opensenselabs.com to develop and deploy Drupal-based web applications leveraging the power of Kubernetes.

blog banner blog image kubernetes Drupal Kubernetes Drupal deployment Drupal and Kubernetes Blog Type Articles Is it a good read ? On
Categories: Drupal

Learndash developer Initial setup and troubleshooting then additional development - Upwork

WordPress Work From UpWork - Sun, 10/14/2018 - 05:27
Navig8 Money site setup and troubleshooting

This is who we are: Navig8 Money is a new company whose goal is teach kids financial literacy in order to help them grow into confident, capable adults who can pursue their goals and dreams unhindered by money problems.

What we do: we provide online training for children including video content, quizzes and test, practical challenges and exercises, tracking of learning and earning, and competitions to reward the best earners.

Here is our website: https://navig8money.com.au/. It is a wordpress site, and we are using Learndash as our LMS.

At present after a quick Beta test there are a number of performance issues and also navigational changes that we need to make.

We need someone who can work with us initially to solve the initial 2 problems and then ideally work with us on an ongoing basis as we request more and more development work.


Posted On: October 14, 2018 13:41 UTC
Category: Web, Mobile & Software Dev > Web Development
Skills: LearnDash, MySQL Programming, Web Hosting, Woocommerce, WordPress e-Commerce
Country: Australia
click to apply

Dries Buytaert: A fresh look for dri.es

News from Planet Drupal - Sat, 10/13/2018 - 19:07

In 1999, I decided to start dri.es (formally buytaert.net) as a place to blog, write, and deepen my thinking. While I ran other websites before dri.es, my blog is one of my longest running projects.

Working on my site helps me relax, so it's not unusual for me to spend a few hours now and then making tweaks. This could include updating my photo galleries, working on more POSSE features, fixing broken links, or upgrading to the latest version of Drupal.

The past month, a collection of smaller updates have resulted in a new visual design for my site. If you are reading this post through an RSS aggregator or through my mailing list, consider checking out the new design on dri.es.

Before (left) and after (right).

The new dri.es may not win design awards, but will hopefully make it easier to consume the content. My design goals were the following:

  • Improve the readability of the content
  • Improve the discoverability of the content
  • Optimize the performance of my site
  • Give me more creative freedom
Improve readability of the content

To improve the readability of the content, I implemented various usability best practices for spacing text and images.

I also adjusted the width of the main content area. For optimal readability, you should have between 45 and 75 characters on each line. No more, no less. The old design had about 95 characters on each line, while the new design is closer to 70.

Both the line width and the spacing changes should improve the readability.

Improve the discoverability of content

I also wanted to improve the discoverability of my content. I cover a lot of different topics on my blog — from Drupal to Open Source, startups, business, investing, travel, photography and the Open Web. To help visitors understand what my site is about, I created a new navigation. When the Archive-link is clicked, visitors will be presented the key topics I write about. It's a small change, but it should help new visitors figure out what my site is about.

Optimize the performance of my site

Less noticeable, is that the underlying HTML and CSS code is now entirely different. I'm still using Drupal, of course, but I decided to rewrite my Drupal theme from scratch.

The previous design had almost 52K of theme-specific CSS, while the new design has 16K of theme-specific CSS. That is more than three times smaller.

The new design also results in fewer HTTP requests as I replaced all stand-alone icons with inline SVGs. Serving this page now takes 16 HTTP requests compared to 33 HTTP requests with the previous design.

All this results in faster performance. This is especially important for people visiting my site from a mobile device, and even more important for people visiting my site from mobile devices in areas in the world with slow internet. A lighter theme with fewer HTTP requests makes my site more accessible. It is something I plan to work more on in the future.

Website bloat is a growing problem and impacts the user experience. I wanted to lead by example, and made my site simpler and faster to load.

The new design also uses Flexbox and CSS Grid Layout — both are more modern CSS standards. It is fully supported in all main browsers: Chrome, Firefox, Safari and Edge. It is, however, not fully supported on Internet Explorer, which accounts for less than 3% of all my visitors. Internet Explorer users should still be able to read all content though.

Give me more creative freedom

Last but not least, the new design provides me with a better foundation to build upon in subsequent updates. I wanted more flexibility for how to lay out images in my blog posts, highlight important snippets, and add a table of content on long posts. You can see all three in action in this post, assuming you're looking at this blog post on a larger screen.

Categories: Drupal

Develop WordPress product review website - Upwork

WordPress Work From UpWork - Sat, 10/13/2018 - 18:43
ROLE
Design a Product Review website for a Parcel Mailbox product range

TASKS
Plan and design the review website - research other review websites for design structure and content presentation
Collaborate and brainstorm with manager and content writer
Setup and configuration

REQUIREMENTS
Similar WordPress project experience
Fluent English


Posted On: October 14, 2018 04:11 UTC
Category: Web, Mobile & Software Dev > Web Development
Skills: English, Website Development, Wordpress Plugin, Wordpress Theme, WordPress e-Commerce
Country: Ireland
click to apply

[HELP] What plugin is this?

Talk about plugins - Sat, 10/13/2018 - 18:42

If you visit this website on desktop (open any random article e.g. this one), you will see that there is a scroll indicator at the bottom that shows progress of the current article, while showing the next 3 articles that will load seamlessly after the current article is complete.

You can see this behavior on this website too. How can I achieve this on my wordpress blog? Any plugins? Or is there a Javascript? Please help.

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

UX & UI artist wanted - Upwork

WordPress Work From UpWork - Sat, 10/13/2018 - 06:02
UX & UI artist wanted to improve the visuals of a one-page multiple blocs Website : ering-m.com

We are happy with the current visual but feel it can be upgraded to something more seductive. Please apply if you feel you can bring those MINOR changes that can change the game and make visitors stick! No huge canges are needed, only minor changes to the menu and content presentation.


Posted On: October 13, 2018 07:41 UTC
Category: Web, Mobile & Software Dev > Web & Mobile Design
Skills: Mobile UI Design, User Interface Design, User Experience Design, WordPress
Country: Cameroon
click to apply

Software Developer - Fi.span - Vancouver, BC

NodeJS jobs - Sat, 10/13/2018 - 05:38
Position We're looking for experienced developers who love tech, want to be proud of their work and are excited to be part of a team re-shaping the definition...
From Fi.span - Sat, 13 Oct 2018 05:38:20 GMT - View all Vancouver, BC jobs
Categories: NodeJS

Highly Skilled Wordpress Developer Needed to make quick fixes. - Upwork

WordPress Work From UpWork - Sat, 10/13/2018 - 05:37
We already have the site and theme, but we did not create the content originally and need to identify a few pages and find out how to fix them. It is using the Wordpress enfold theme. Preference to those that have worked with this theme.


Posted On: October 13, 2018 07:41 UTC
Category: Web, Mobile & Software Dev > Web Development
Country: United States
click to apply

Senior Software Developer, Global B2B - Samsung Vancouver R&D Lab - Vancouver, BC

NodeJS jobs - Sat, 10/13/2018 - 00:59
Inspire the World, Create the Future. Do you believe in the power of technology to help shape a brighter future and a stronger global community? Are you...
From T-Net BC - Sat, 13 Oct 2018 00:59:42 GMT - View all Vancouver, BC jobs
Categories: NodeJS

Senior Software Developer, Global B2B - Samsung Vancouver R&D Lab - Vancouver, BC

2018 Drupal Jobs from Indeed - Sat, 10/13/2018 - 00:59
Mentor and lead other software developers to follow cloud software development best practices in a fast paced environment. Inspire the World, Create the Future....
From T-Net BC - Sat, 13 Oct 2018 00:59:42 GMT - View all Vancouver, BC jobs
Categories: Drupal

Senior Back-End Developer (Vancouver) - POWERSHIFTER - Vancouver, BC

2018 Drupal Jobs from Indeed - Fri, 10/12/2018 - 21:03
Familiarity with traditional CMSes including, but not limited to, WordPress and Drupal. Work closely with Front-end Developers to ensure seamless integration...
From Powershifter - Fri, 12 Oct 2018 21:03:00 GMT - View all Vancouver, BC jobs
Categories: Drupal

Intermediate Back-End Developer (Contract) - POWERSHIFTER - Vancouver, BC

2018 Drupal Jobs from Indeed - Fri, 10/12/2018 - 21:03
Familiarity with traditional CMSes including, but not limited to, WordPress and Drupal. Work closely with Front-end Developers to ensure seamless integration...
From Powershifter - Fri, 12 Oct 2018 21:03:00 GMT - View all Vancouver, BC jobs
Categories: Drupal

Intermediate Back-End Engineer (Vancouver) - POWERSHIFTER - Vancouver, BC

2018 Drupal Jobs from Indeed - Fri, 10/12/2018 - 21:03
Familiarity with traditional CMSes including, but not limited to, WordPress and Drupal. Work closely with Front-end Developers to ensure seamless integration...
From Powershifter - Fri, 12 Oct 2018 21:03:00 GMT - View all Vancouver, BC jobs
Categories: Drupal

Node JS developer - EYEXPO TECHNOLOGY CORP. - Vancouver, BC

NodeJS jobs - Fri, 10/12/2018 - 18:31
Experience with JavaScript ES6 and NodeJS environment. We are looking for the NodeJS developers who have desires to be part of Eyexpo’s scrum team, to design...
From Indeed - Fri, 12 Oct 2018 18:31:30 GMT - View all Vancouver, BC jobs
Categories: NodeJS

Chromatic: The Cost of Custom

News from Planet Drupal - Fri, 10/12/2018 - 13:00

Custom code gives you exactly what you need, but it comes with a cost.

Categories: Drupal