Turning complexity into clarity.

Information Architect - Electronic Arts - Burnaby, BC

2018 Drupal Jobs from Indeed - Thu, 08/09/2018 - 22:40
5+ years experience with content management systems, authoring tools (Atlassian Confluence, Adobe Experience Manager, Drupal, OpenText, etc.)....
From Electronic Arts - Thu, 09 Aug 2018 22:40:24 GMT - View all Burnaby, BC jobs
Categories: Drupal

[HELP] A solution that makes crowdfunding a competition for very small ($20-$50) campaigns?

Talk about plugins - Thu, 08/09/2018 - 21:20

tl;dr is there a plugin I could hack apart that would allow me to create a page of micro campaigns that people could "vote" for with donations?

Longer version:

I'm a creator who has utilized tools like Patreon and GoFundMe. The problem is that those tools are based on the idea that I make content, put it out into the world, and then people support it. OR that I need to raise a large sum of money to continue to put content out.

But there's a problem: I have to guess what people want to read/watch/listen to. Or people have to hope that if they support me, I'll make what they want.

So what I'm trying to do is make supporting content a race. People "vote" with their donations. Whatever potential content reaches its goals gets created. So it's not about $X/month or raising a lump sum -- it's about how to raise $50-$150 or more at a time. Once you reach your micro goal, you make the content.

What I need is a software that plays well with Wordpress and would allow me to have this kinda competition thing on a single webpage.

Any ideas?

See attached crude drawing. https://ibb.co/hgk4mU

Thanks!

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

[REQUEST] Gallery/portfolio plugin

Talk about plugins - Thu, 08/09/2018 - 16:58

Hello everybody.

I'm looking for a plugin that can create a gallery like this:

https://glenn-brown.co.uk/artworks/#selected_mediums=13

It handles filters on multiple levels at once; in this case, Year, subject, and object. When you use filters, it shows them on the top bar, which I think is a nice touch. So far I haven't found anything out there that can do this.

I am open to quotes from developers if there is no plugin readily available for this. Put a message here in this and send me a PM.

Thanks & have a nice day!

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

[DISCUSSION] What kind of plugin is used for this givaway?

Talk about plugins - Thu, 08/09/2018 - 16:47

Very cool way of doing social engagement & list building through a givaway. Is there something like this in the form of a plugin for Wordpress?

https://www.windowscentral.com/win-surface-go-and-accessory-bundle-windows-central?utm_source=wc_tw&utm_medium=tw_card&utm_content=57643&utm_campaign=social

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

ComputerMinds.co.uk: Keeping dynamic HTML classes easy to find

News from Planet Drupal - Thu, 08/09/2018 - 15:30
The Problem

I imagine many of us have been there: there’s some CSS class in your markup, and you need to do something with it. Maybe you want to remove it, change it, or perhaps alter its style declarations. “Easy peasy,” you think, “I’m a developer. I got this.” And so you should.

Next, if you’re anything like me, your first instinct is to fire up your search tool of choice and search your codebase for that string. You’d expect that would lead you to where that class is getting added to your markup, along with anywhere CSS rules are applied to it… right?

Except it doesn’t. Phooey. That class string doesn’t appear anywhere except in your browser's dev tools. At this point, you either toss your developer pride overboard and hack a fix in some other way, or you search for assorted variations of your string in ever shorter segments until you find something resembling this:

$classes_array[] = 'some-' . $class;

Aha! It was helpfully obfuscated for you. And of course, you could hardly expect to simply search for that class name and find its CSS rules. That would be too easy! So naturally, they were written in SASS like this:

.some-#{$class} { // Some declarations… }

Now that’s just what it might look like in PHP and SASS, but I’m sure you can imagine what it might look like in your templating language, javascript, or whatever CSS-pre/postprocessor you might abuse.

The point is, you’ve gotta slow down and tread a little more carefully here; this isn’t a simple find-and-replace job anymore. There are a few reasons why such code might have been written:

  • The latter half of that class might originate from a fixed list of options exposed to your content editors.
  • Perhaps there’s some other logic in play, that has intentionally been kept out of the CSS: your element gets a class based on its region or container, for example.
  • Your colleagues are actively trying to make your life difficult.

If you’ve never been in this situation - good for you! Future-you called and asked that you avoid munging together parts of a CSS class like this if you possibly can. Do it for future-you. Don’t let them inadvertently introduce bugs when they fail to spot your class-munging!

The solution

“But what if,” I hear you cry, “I need to generate a class dynamically. How can I keep future-me on side?”

Well, dear reader – I hear you. Sometimes you really don’t want to explicitly list every possible variation of a class. Fair enough. So I have a proposal, one that I’d like a nice name for but, y’know, naming things is hard. Maybe the “Searchability class” pattern. Or “CSS search placeholder classes”. Or “CSS class search flags”. Suggestions on a postcard.

Anyways, returning to our earlier PHP example, it looks like this:

$classes_array[] = 'some-%placeholder' $classes_array[] = 'some-' . $class;

Producing markup like this:

That is: wherever you add a dynamic class into your page source, additionally put a recognisably formatted, static version of that class alongside it. That would also include anywhere you generated classes in JavaScript or any CSS-pre/post-processing madness.

Obviously, you don’t need these placeholder classes in your actual CSS (if you wanted to edit the static CSS, the regular class will already show up in searches) but if you are doing this in some dynamically generated CSS, then you’ll want to drop the static version of the class in as a comment. So our Sass example would become:

// .some-%placeholder .some-#{$class} { // Some declarations… }

Once this becomes an established practice within your team, instead of fumbling around trying to find where a given class may have come from, you’ll be able to spot those placeholder strings and search for those, and relatively quickly find all the relevant bits of code.

So I think this is something we’re going to try to adopt/militantly enforce upon ourselves at ComputerMinds. As a Drupal shop, something like %placeholder makes sense, as that syntax is used elsewhere in core to denote dynamically replaced parts of a string. It also has the advantage of being slightly tricky to actually use in a CSS selector (if you don’t already know, I’m not going to tell you). You really don’t want any styling attached to these.

So there you have it – the “Searchable CSS class placeholder flags for generated class names” pattern. We’ll keep working on the name.

Categories: Drupal

Wordpress expert required. Learning management system implemented into existing divi website - Upwork

WordPress Work From UpWork - Thu, 08/09/2018 - 13:23
Looking for an experienced wordpress developer to assist with the integration of a learning management system (lms) into an existing divi theme wordpress website.

Excellent english required.
Divi experience required.
Previous wordpress LMS experience/knowledge preferred .

I wish to implement an existing lms plugin into the website, however, it will require some cosmetic adjustments to make it look nice with my theme.

The format required needs to be free and open (not require login) to see the course contents and lessons pages.

Each lesson will need a free and open quiz at the bottom of the page. Most lms plugins do not display the quiz by default to non logged in users. This is a problem. If an lms plugin can be safely adapted to do this then great. However, I suspect this is not the case and would lead to issues in future updates.
My current preferred and simple solution is therefore to use a separate plugin for the quiz at the bottom of each lesson that can be implemented via shortcode.
I need this quiz look nice and native with the lms and the wider website.

In summary:
I need Wordpress expertise and advice.
Would involve working with me to put an LMS (and quiz) into a divi website so that it meets my goals (content available to google search bot (not behind a login) and looks excellent & native.


Possible additions : integrating and talking me through the logins and accounts and making sure these are synced with the lms data. This may be done by default; but I don't really understand it! I have never really paid much attention to accounts and it is a bit of a mess. I use ultimate member plugin but I am not overly happy with it.

Thanks


Posted On: August 10, 2018 01:11 UTC
Category: Web, Mobile & Software Dev > Web Development
Skills: CSS, HTML, Learning Management System (LMS) , Web Design, WordPress
Country: United Kingdom
click to apply

Vardot: How to Rank #1 on Google Using Drupal CMS?

News from Planet Drupal - Thu, 08/09/2018 - 11:47
Ahmed Jarrar August 9, 2018

SEO (Search Engine Optimization) is a hot topic when it comes to the discussion of online marketing. In today’s Internet climate, most people usually find websites by typing in a few keywords into their search engine of choice, like Google. Folks trust Google to present only the most relevant sites to their search queries, so it’s only natural the first couple of sites that get thrown up are the ones that get the most clicks and visitors.

As a consequence, those top page rankings are viewed as a prime real estate by those who want to boost traffic to their websites. After all, hardly anyone would bother checking the sixteenth results page when searching for a word or phrase. This is where SEO comes in.

 

What Is SEO? 

 

SEO is the practice of optimizing a website to rank high among search engines. It’s a set of rules for organizing, populating, and presenting your website in such a way that improves its search rankings and puts businesses in a better position to earn.

Perhaps intentionally, having a well-optimized website not only makes search engines happy, it also makes visitors happy. Well-optimized websites are fast and easy to navigate, leaving your visitors with a positive impression and making them want to stick around your site a little more.

If you want to drive all that traffic to your website, it’s important to have the basics of SEO down pat, and have a grasp on what good and bad SEO practices are. It’s also important to have a good engine underneath the hood of your website, and Drupal just might be the CMS for you if that’s the case.

At its core, Drupal was built with SEO in mind. It has the power, flexibility, and tools needed to optimize every facet of your website for search engines, and in its huge kit of modules, there are quite a few that are dedicated to giving you an easier time when it comes to improving the optimization of your website. You really can’t go wrong with Drupal if you have your web page's search ranking in mind, and here are just a couple of things you can do with Drupal to improve your SEO and shoot to the top of Google search results.

 

Implementing Metatags

 

Meta tags are bits of text that are integral when it comes to improving your website’s search ranking, because, in a way, it tells search engines what the content is on each page on your website. This could be the titles of your pages to the little descriptions you see underneath the website links on a Google results page. You and your search engine need these bits of information to properly present and index your site on the search results page.

Usually, you can leave it up to your search engine to generate your page’s metadata for you, but by using the Drupal Metatag module, you can customize the metadata yourself. Set your own information such as page titles and descriptions to more properly and correctly present your site to your search engine and the online world.

 

Cleaning up Your URLs

 

Having bad, messy-looking links is a no-no when it comes to SEO. You want links that are easy to read and not just a jumble of letters and numbers so that they look more attractive to prospective visitors and to your search engine, who may be looking at your URL for keywords when it determines your site’s ranking.

Many web developers never realize the implications of messy URLs and leave their link syntax as-is, but going through each and every page on your website and manually setting the URLs isn’t an attractive option either. Luckily, Drupal generates clean URLs by default, improving the readability of your links and making things a bit easier on you.

If you want your links to be better and even more easy on the eyes, popular Drupal module Pathauto is a configurable system that automatically creates clean and extremely readable links that are perfect for your site’s optimization.

Another thing to keep in mind is making sure that your links actually go somewhere. Nothing sours the user experience more than clicking a link and being presented with a 404 page, and this in turn negatively affects your search rankings.

You can avoid this from happening by using the Redirect module. If you happened to have changed the page’s URL after Google indexed it, or moved the content to a different URL, this module allows you to make 301 redirects from that old link to the new one, quickly and painlessly, without having to go through the headache of cleaning up after yourself and fixing broken links.

 

Improving Page Speed

 

Google has been using the speed your page loads as an influencing factor in search rankings for years at this point. As they point out, sites that load faster have users that stay on for much longer, so it’s not only Google that you’re pleased by speeding up your website.

You might have to spend a little to have your website up to speed, but Drupal comes with several measures to help pages load faster, such as using BigPipe.

However, it’s not only desktop users you have to keep in mind, but mobile users, too. Given the leaps and bounds that technology has undergone in the last couple of years, you now find more and more people browsing the web on their smartphones and tablets. It’s important to make sure that your site experience is just as friendly and accessible on mobile devices as it is on desktop computers. As anyone who has used a desktop site on a mobile device knows, it’s not a pleasant experience.

Drupal’s default theme is responsive by design, which means it will display well on mobile screens of any size without having to do complicated rewrites of code or having to juggle multiple URLs to make sure your site displays correctly. With Google now also looking at the page speed of mobile sites, it’s now more important than ever to focus on delivering a good, well-optimized mobile experience to improve your SEO.

 

Read more: SEO Checklist Before Launching Your Drupal Website

 

Talking to Your Search Engine

 

Optimizing your website can be a little tough when you don’t even know basic things such as where your site traffic is coming from. Installing modules like Google Analytics makes you privy to such information, and for someone with their finger on the pulse of the site’s SEO, it’s perhaps one of the most important tools they can have.

With Google Analytics, you get to know things about your site visitors: Where in the world they come from, which links they followed to get to your site, which pages they visit and how much time they spend on those pages, what keywords they searched to find your page and more. If you’re concerned about SEO, then getting information about your website directly from Google, the most popular search engine in the world is valuable information to have, and can help you make decisions on what to improve on next.

And while you’re pulling information from Google about your website, you can also provide information about your website to Google in the form of an XML sitemap. These are specially formatted, condensed summaries of the pages of content on your website that you can submit to Google to help them find your site and let their bots crawl through your pages. Google can crawl through your site without an XML sitemap, but you take on the risk of them possibly missing pages.

With Drupal, generating an XML sitemap is as easy as installing the XML sitemap module which creates one for you, and modules like Cron can automatically make sure your sitemap is kept up-to-date with the latest information from your website.

 

Conclusion

These are only just a couple of the things you can do with Drupal to improve your SEO. Like all things worth doing, you can’t just press a button and magically have a well-made website ready to dominate the first page of the Google search rankings. It takes a good grasp of the basics, as well as a little effort, to have a perfectly optimized web page.

However, the road to that coveted #1 spot on the search results pages become a lot less bumpy thanks to the ease that Drupal gives you when it comes to optimizing your site.

Want to boost your site’s traffic and rank #1 on Google with Drupal? Message us through our Contact Us page, or via email at sales@vardot.com.

Categories: Drupal

OpenSense Labs: From Conception to Reality: Drupal for Futuristic Websites

News from Planet Drupal - Thu, 08/09/2018 - 10:45
From Conception to Reality: Drupal for Futuristic Websites Shankar Thu, 08/09/2018 - 16:15

“Great Scott!”, exclaims the scientist in the renowned science fiction trilogy ‘Back to the Future’ which hit the cinema screens in 1985.  This exclamation by the scientist, who travels 30 years into the future in his flying car, is suggestive of remarkable inventions by the homo sapiens which is a colossal conundrum to solve in the present world set in this motion picture.

 

Drupal has been revolutionising the web application development with its flexibility in integrating with futuristic technologies

Since the first ever website, invented by British Scientist Tim Berners-Lee, went live in 1990, the tech enthusiasts have been looking at the enormous technological advancements in the years that followed. In a similar fashion, Drupal has been revolutionising the web application development with its flexibility in integrating with futuristic technologies.

What is Drupal doing with the futuristic technologies to give you the “Great Scott!” moment?

Futuristic Technologies: Strategic Trends with Broad Industry Impact

As stated by Gartner, an intertwining of people, devices, content, and services is known as an intelligent digital mesh. Digital firms are supported by enabling digital models, business platforms, and a rich, intelligent collection of services.

Intelligent: With AI seeping into virtually every other technology, well-defined focus can allow more dynamic autonomous systems.
Digital: Amalgamating the virtual and real worlds in order to create an immersive environment.
Mesh: The connections between a growing set of people, business, services, devices, and content for delivering digital outcomes.

Top 10 Strategic Technology Trends for 2018  by Gartner Intelligent digital mesh is the intertwining of people, devices, content and services

Immersive experiences, digital twins, Artificial Intelligence, conversational platforms, Blockchain, continuous adaptive security among others, as depicted in the illustration above, form a foundation for the next generation of digital business models and ecosystems.

Beyond Websites: Integration of Future Technologies and Drupal

Drupal is among the front-runners when it comes to content-heavy websites. With new discoveries happening outside of Drupal, it is only better to leverage the benefit of Drupal’s flexibility to incorporate next-generation technologies.

Artificial Intelligence

An area of computer science which stresses on the creation of intelligent machines that can work and act like humans, Artificial Intelligence has been the talk of the town ever since it burst onto the scene. How can it be leveraged for your Drupal websites?

Chatbots

There have been several phases in the way humans interacted with the computers. First was the Terminal Interface which involved the use of command line or DOS prompt. The second phase was the Graphical Interface which used visual representations of programs, files, and actions. The third wave is the Conversational Interface which allows users to interact with the computers using a natural language.

Chatbots, powered by artificial intelligence technologies, are wonderful for your website as they offer conversational UI and can hugely benefit your enterprise. Drupal offers a useful set of modules that can help in the integration of chatbots in the website thereby providing a conversational interface to the users.

Facebook Messenger Bot module, created by The White House, gives you the tool for developing chatbot on a Facebook Messenger Platform.

Chatbot API, another Drupal module, can be used to incorporate a bot in the site. It is an additional layer that falls between your Drupal installation, your Natural Language Processing (NLP) and your various chatbots and personal assistants. It can work with systems like Dialogflow, Alexa, Cisco Spark Microsoft and Twilio.

Digital voice assistants

While chatbots are primarily a text-based medium, digital voice assistants can be more human-like with the ability to talk like a human. For instance, Google Duplex, the latest entrant in the scene of digital voice assistants, can provide lifelike conversation thereby having a human-like chat and booking hotels on your behalf.

Alexa, an integration module for Amazon Echo services, allows Drupal to respond to Alexa Skills Kit requests. The demonstration given below shows that by indulging in a casual interaction with Alexa, the shopper is able to preheat the oven, add the ingredients and cook the food without even looking at the phone or laptop.

When the shopper provides a verbal query, this input is converted into a text-based request which is then sent to the Freshland Market Drupal 8 website (a fictional grocery store). From there, a coupling of custom code and Alexa module respond to the Amazon Echo with the requested information.

Cognitive Search

Forrester, research, and advisory firm, defines cognitive search and knowledge discovery as “the new generation of enterprise search solutions that employ Artificial Intelligence (AI) technologies such as Natural Language Processing (NLP) and Machine Learning to ingest, understand, organize, and query digital content from multiple data sources”.

Azure Cognitive Services API module allows Drupal to leverage the benefits of Microsoft Azure Cognitive Services. It helps in exposing machine learning APIs and allows developers to incorporate intelligent features like detecting emotion and video, understanding speech and language, and recognising face, speech, and vision.

Augmented Reality

Gartner defines Augmented Reality as the real-time use of information in the form of text, graphics, audio and other virtual enhancements integrated with real-world objects. It is this “real world” element that differentiates AR from virtual reality. AR integrates and adds value to the user’s interaction with the real world, versus a simulation.

A Drupal agency developed a chatbot prototype which helped customers to choose recipes based on the health constraints and their preferences. Chatbot provided an interactive experience to the users which helped in avoiding intensive research for the grocery shopping. By integrating AR in Drupal, they tried to take it one notch higher.

The demo in the video displays a shopper interacting with the AR application. Freshland Market’s mobile application (fictional grocery store), which is built on Drupal 8, guides the shopper to make better decisions while shopping through AR overlays.

It superimposed relevant data like product ratings, price and recommendations over the product items detected by the smartphone camera. By showing the products that are best for her diet plan, the mobile application personalised the shopper’s experience.

Drupal’s web services support and JSON API module assisted in providing content to the mobile application. The Drupal 8 site of Freshland Market stored all the product-related information. So, if the Drupal content for any of the product items is edited to display the item being on sale, it automatically reflected in the content that is superimposed through the mobile application. Furthermore, the location of the product was stored on the site which guided the shopper to the product’s location in the store.

Another use case is the Lift HoloDeck prototype which was developed using commercially available technologies - Drupal (content store), Acquia Lift (web personalisation service), Vuforia (AR library) and Unity (3D game engine).

Lift HoloDeck team developed a mobile application that superimposes product data and smart notifications over physical objects that are detected on the smartphone’s screen.

Consider a situation where a user informs about his purchases to a coffee shop through his mobile application. Entering a shop, he would show his phone screen displaying “deal of the day”. The application superimposes diet plan, directions on how to order, and product data on top of the beverage. By glancing at the nutritional information, he would order his preferred choice and would get a notification stating that his order is ready to picked up.

Virtual Reality

Virtual reality is basically computer-generated environments or realities that can be used to simulate a physical world in a specific environment to make it feel real.

Virtual reality can be used to build cross-channel experiences. The demonstration shown in the video below features a student who is eager to explore more about Massachusetts State University (a fictional university). The video depicts that he is able to take a virtual tour directly from the university’s website sitting on his sofa.

Placing his phone in a VR headset, he can go around the university campus, explore buildings, and look at the program resources, photos and videos within the context of the virtual tour.

The Massachusetts State University’s Drupal site stores all of the content and media that is featured in the virtual tour. Drupal backend helps website administrators to upload media and position hotspots directly. Using JSON API, the React frontend pulls in information from Drupal.

Internet of Things

In the broadest sense, the term Internet of Things (IoT) subsumes everything that is connected to the internet but it is increasingly being used to define objects that can talk to each other. The IoT can be anything ranging from simple sensors to smartphones and wearables connected together. Combining these connected devices with automated systems can help in gathering information, review it and create an action plan to assist someone with a particular task or learn from a process.

DrupalCon New Orleans 2016 had a session which delved around bringing Drupal and internet of things together. It exhibited a demonstration that used a barometric pressure sensing, GPS-enabled wearable armband connected to the internet which could, then, display an icon to provide the weather forecast of the current location.

The armband, which was tethered to iPhone, sent latitudinal and longitudinal data to a ThingSpeak channel (an API for the IoT) using mobile data. It, in turn, tracked the location of a ship by sending this data over HTTP to the Drupal 8 website. When the site received this authenticated POST data, new location nodes were created. It updated the map and table that is built with Views and changed a block on the sidebar to display the matching icon of weather in the current location of the ship.

Blockchain

Don & Alex Tapscott, authors of Blockchain Revolution (2016) define the blockchain as “an incorruptible digital ledger of economic transactions that can be programmed to record not just financial transactions but virtually everything of value.”

Chainfrog has been working on blockchain technology since its early stages and devised a use case where the user data including communication history, address and the profile data will be available to everyone in a large organisation.

“Blockchain is an incorruptible digital ledger of economic transactions that can be programmed to record not just financial transactions but virtually everything of value.”

To synchronise and securely segregate Drupal user data, big companies map user registration forms with a centralised company API. These big companies usually have more than one Drupal installations for different departments within the enterprise with a central codebase.

Thus, instead of having an expensive API layer, Chainfrog proposed using Drupal 8 custom module via a distributed ledger for the synchronisation of user data. So, instead of making an HTTP call everytime a new user is added, they planned to adopt a peer-to-peer immutable ledger thereby removing the middleman, in this case, API.

Blockbinder, a product of Chainfrog that helps in connecting existing databases instantly, would keep a tab on user records in a data table whenever a new user is added to the Drupal system. Within 30 seconds of any new addition in one of the Drupal installations, all the installations would synchronise the user data.

At DrupalCon Nashville 2018, we propounded possible use cases for the coming together of Drupal and Interplanetary File System (IPFS). IPFS, which has its working principle based on blockchain technology, is a peer-to-peer hypermedia protocol. Centralisation is at the core of Drupal’s workflow in comparison to IPFS’ decentralised nature. We looked for ways to make them work together.

Drupal, which allows content editors to seamlessly produce content, can be entwined with IPFS for an amazing digital experience. From helping archivists to store superabundance of data to helping Service Providers as a global Content Delivery Network (CDN), there are tons of benefits. We presented a use case to make this a reality which can be explored in this video.

Conclusion

These are some of the frontiers that Drupal has crossed. There are lots of emerging technologies whose potential with Drupal can be explored like..?

Future is bright with lots of new inventions happening in the technological fields to make the world a better space. Digital firms can make significant strides in their online presence by integrating future technologies with their website. Drupal gives a great platform for the businesses to look beyond websites and incorporate emerging technologies to build futuristic websites

Want to know how we develop Drupal sites for our clients and also maintain and support them? Ping us at hello@opensenselabs.com to set the ball rolling and make your website exciting with the incorporation of emerging technologies.

blog banner blog image Drupal Futuristic website Future technology Futuristic technology Futuristic web app Artificial Intelligence Chatbot Digital voice assistant Conversational interface Conversational platform Cognitive search Augmented Reality Virtual reality Immersive experience Internet of things Blockchain Interplanetary File System IPFS AI AR VR Drupal module Drupal 8 Blog Type Articles Is it a good read ? On
Categories: Drupal

AddWeb Solution: ReactJS And Drupal - The Competent Combo!

News from Planet Drupal - Thu, 08/09/2018 - 10:31

What is ReactJS?

Created to enhance speed, simplicity, and scalability, ReactJS has been doing wonders ever since its initial release in 2013. It was basically created by Jordan Walke, a software engineer at Facebook. And its first deployment on Facebook’s newsfeed turned out to be so successful that it was later on adopted by Instagram too. Amongst all the open-source platforms used today for front-end web-application development, ReactJS is the library which is reaching heights these days. And there are multiple reasons for such a booming popularity in such a short period of time. Each adding to the enhancement of current front-end UI scenario. No wonder it looks like, ReactJS is here to stay!

 

What is Drupal?

Drupal is the big name from the open-source community for web content management. Prominent names from journalism leaders like ‘The Economist’ to ‘The Royal Family’ of Britain. The security and scalability of Drupal are so high that it has made it the most trusted platform for web development.

Even after being a not-too-easy-to-use platform that requires technical expertise for building and maintaining it; Drupal has been chosen by the top-notch players from various industries like Harvard University, Tesla Motors, ABS-CBN News, Warner Bros. Records, et al. In addition, the Decoupled Drupal is the concept where Drupal can be used for building a strong back-end and opening up the doors for upscaling the front-end scenario even more by letting it being build with some other framework. And this is one of the best things ever happened to Drupal.
 

The Marriage of ReactJS & Drupal:

, ,

Now, ReactJS is gaining immense popularity and the marriage of ReactJS and Drupal has become the talk of the town. In fact Dries Buytaert, the founder of Drupal, has also shared he's planning on Drupal adopting React. Though the news has received mixed opinions from the experts of the open-source community, it’s definitely something to be given an ear to.

 

ReactJS and Drupal are supposedly called the marriage made in heaven. ReactJS is one of the most evolved front-end frameworks from the house of JavaScript. But like every other JavaScript framework, this one too needs and a service-based back-end for storing the data and working on the business logic. Drupal being the strongest platform with built-in RESTful services; it serves as an apt companion for this amazing front-end framework that ReactJS is.

 

The uprising need for using a modern framework with a robust back-end platform is also a reason behind the buzz created around the combination of ReactJS and Drupal. In fact, Dries has quoted in his blog that JavaScript wasn’t his first choice. Rather he considered Angular and Ember over JavaScript. But citing the ever-evolving market of JavaScript, he realized that the combination of Drupal and ReactJS was what the modern web needed the most.
 

The community behind ReactJS is also one of the major reasons for taking it into high consideration over other good frameworks. Also, whether it is about ornamenting the current page and few of its elements or it’s about creating a full-fledged single page app (SPA), this very combination is the sure-shot success. Lullabot shares some insightful information about the same, click here to know more.

 

Some hardcore Drupal Monolithic-ians have also publically discarded the official union of ReactJS and Drupal. But since the world is ever changing and the possibilities, endless; the acceptance of the same can be foreseen. Of course, it is a matter of conflict and controversy. But then, only time can tell how things turn and what reigns the open-source community!

 

I hope this blog helps you to expand your ReactJS and Drupal knowledge …Thanks! If you need more assistance regarding Drupal Development Services, feel free to contact us now.

Categories: Drupal

[Request] I am looking for a used based Countdown Timer.

Talk about plugins - Thu, 08/09/2018 - 10:28

There should a field for the user on the frontend to define a time like 5 Minutes and then the clock starts ticking down that time. Can anyone help me with that?

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

Seeking a Graphic Designer for New Wordpress Pages - Upwork

WordPress Work From UpWork - Thu, 08/09/2018 - 08:48
Looking for someone with experience designing website pages for ecommerce stores. Experience with branding/ developing visual identities is a plus.

We need someone to adapt the new visual identity for our brand to extra pages on our site (FAQ's, Consultation, Contact, Meditation Track List, Course Curriculum). We are redesigning our website. The home page and about page are done and will set the tone for your designs.

These page are very simple, each with one single body of text. They just need a background color or decorative element to help make the pages cohesive with the whole visual identity of the site.


DEADLINE

End of today.


EXACT REQUIREMENTS

- Present design for each page as a .png with all content in separate files


NOT REQUIRED

- You do not need to program the pages. Our development team will program the pages for Wordpress.


OVERALL DESIGN STYLE

- Minimalist
- Professional
- Clean
- Hipster
- Memorable


CANDIDATES MUST HAVE THE FOLLOWING QUALITIES

- Minimalist style
- High-standards
- Adheres to ethical practices
- Enjoys what they do
- Communicates regularly
- Comfortable working as part of a team


ABOUT ME

I have very high standards, am detail oriented, and occasionally like to experiment (due to my background in the visual arts). Sometimes, I might ask you go back and change something you’ve already done. All of my instruction are given with the intention of reaching a cohesive end result for the company. In exchange, I am happy to pay you your full rate and respond quickly with answers and feedback when needed.


If my approach works for you and you are willing, able, and available to meet the job's requirements, please apply!

Thanks for your interest,
Christopher Redding

PS: See example attached of the new design/ visual identity for the Home/ About Page

See an example of a website page that needs to incorporate our new design here: https://thinkclearskin.com/faqs


Posted On: August 09, 2018 13:41 UTC
Category: Design & Creative > Graphic Design
Skills: Adobe Photoshop, Banner Ad Design, Graphic Design, Illustration, Photo Editing, Web Design, WordPress
Country: United States
click to apply

Drupal Association blog: A more sustainable framework for fiscal sponsorship of Drupal camps

News from Planet Drupal - Thu, 08/09/2018 - 06:30

Camps are Drupal’s growth engine and they take place all over the world. They attract local developers, connect them with resources to learn how to use Drupal, and most importantly, they provide on-ramps into the community. We are incredibly thankful and amazed at the level of commitment and contribution that organizers invest in their events. This is a very important way to contribute back to the project.

The Drupal Association supports camps as we can. We provide grants to new events through Community Cultivation Grants (check out this GoaCamp story). We also provide fiscal sponsorship to camps. This means we let organizers deposit their camp income into the Drupal Association bank account, taking advantage of our non-profit  status. Then, they work with our operations team to pay bills out of the account.

It’s been an honor to help several camps this way. However, this program has two major challenges. 1) We are not able to support camps globally because we can’t work in every currency, so most of the camps we support are in the U.S. 2) As we became a smaller organization, we have fewer staff to support this program. We haven’t been as fast at processing funds as we would like or our camps need.

Knowing how important camps are to Drupal, how organizers need their work made easier, and that we need to provide global support, we decided that the best way to provide better fiscal sponsorship is by referring community groups to organizations whose business is set up to provide this service. Over the years, we have watched several organizations get very good at providing fiscal sponsorship to open source projects.

We therefore have been looking at best practice models across many open source communities and we are happy to partner with Open Collective, a company specializing in fiscal sponsorships and other open source funding opportunities. They have the ability to scale and offer the level of service to meet a camp’s needs. In the US, Open Collective Foundation has recently obtained their 501(c)(3) status, and will be able to sign for and represent your camp as we have done in the past. Their platform, itself an open source project just like Drupal, gives camp organizers full transparency, and on-demand reporting so they can manage a camp effectively.  Additional details about Open Collective can be found here.

Because of this opportunity, we have made the choice to sunset our internal program as of August 31, 2018.

While we have chosen to partner with Open Collective to assist in this transition, we strongly believe in choice and there are other fiscal sponsorship opportunities that you can choose to roll your funds to, such as Software In The Public Interest and the Software Freedom Conservancy.

We know that each camp is in a different stage of planning, and we are dedicated to making sure that the transition is smooth and will not affect the activities and success of camps. We will be reaching out to camp contacts to schedule time to talk through the transition. From there, we will roll the funds to a legal entity that you have chosen.

We are thankful for all the camps we were able to help get launched, and continue to watch their growth year after year. We hope this transition will help our camps grow and scale with no limitations.

Categories: Drupal

Drupal core announcements: Core JavaScript will be formatted using Prettier (many patches will need rerolls)

News from Planet Drupal - Thu, 08/09/2018 - 02:32

Drupal 8.6.x is now in a beta phase, which means we will now undertake disruptive cleanup tasks like adjusting coding standards. The main standards change in this release cycle will be the adoption of Prettier code formatter.

Work is underway to patch core for this change, which will touch many files, so be aware that you will need to reroll patches for conflicts and adjust them to use the new code style rules set by Prettier by running yarn prettier.

Categories: Drupal

Agiledrop.com Blog: AGILEDROP: How to Speed Up Drupal Websites with Google AMP

News from Planet Drupal - Thu, 08/09/2018 - 00:53
Google’s AMP is an open source project that stands for Accelerated Mobile Pages. As the name implies, this project aims to serve mobile pages instantly without long load times. You can get a feel for AMP by searching for anything on your mobile on Google and clicking on links with a lightning sign beside them. Speed is an important factor for any website as it has a number of benefits including making a massive impact on a site’s SEO. In this post, let’s take a look at AMP for Drupal 8 and a brief overview of its implementation on the CMS.   There’s a module for that! As always, there’s a… READ MORE
Categories: Drupal

Wordpress website redesign - Upwork

WordPress Work From UpWork - Thu, 08/09/2018 - 00:07
We would like to give our current website, http://jiujitsumag.com a refresh and mimic the organization and layout of https://www.economist.com.

We have a very large catalog of content already in the Wordpress CMS, we want to retain all of that along with its search ability. What we like about the Economist website is how it's organized so that more emphasis is put on the current print edition, followed by stories, space for ads, trending stories, etc.

We want a "Subscribe" button to always be in the upper right hand side of the page, a collection of recent posts, a large section highlighting the current. Our subscription management software allows us to place a firewall on the site using a wordpress plug in, we've had this feature operational before and would like to employ it on this redesign. We can take care of image and graphic creation, based on the designers direction.


Posted On: August 10, 2018 10:41 UTC
Category: Web, Mobile & Software Dev > Web Development
Skills: Graphic Design, Print Design, User Interface Design, User Experience Design, Web Design
Country: United States
click to apply

Web Developer - VRify Technology, Inc. - Vancouver, BC

NodeJS jobs - Wed, 08/08/2018 - 23:04
*A bit about us...* Our mission is to refine stories down to simple, informative and visually compelling experiences which effortlessly communicate what... $80,000 - $120,000 a year
From Indeed - Wed, 08 Aug 2018 23:04:35 GMT - View all Vancouver, BC jobs
Categories: NodeJS

Help create a simple Wordpress application - Upwork

WordPress Work From UpWork - Wed, 08/08/2018 - 22:47
We're creating a wordpress app, and need help with a few things. We need help building out the backend and connecting it to the database. It's a simple LMS app, where students login, click on an unlocked chapter, then get directed to the content for that chapter which they work on until completed. After the the chapter is marked as complete and the next section is unlocked. We need to track the progress of each user.

Attached is a basic wireframe of what we want to build. We can handle most of the later design, we are looking for help with the layout and database initially.


Posted On: August 10, 2018 01:11 UTC
Category: Web, Mobile & Software Dev > Web Development
Skills: CSS, CSS3, HTML, MySQL Administration, PHP, Website Development, WordPress
Country: United States
click to apply

We need a detailed tracking implementation plan across SaaS, Social, Marketing with Segment/Mixpanel - Upwork

WordPress Work From UpWork - Wed, 08/08/2018 - 21:49
We need a detailed, complete tracking implementation plan to use with Segment & Mixpanel.

We have a freemium SaaS platform, with Wordpress as our marketing site.
We have social elements such as profiles, content publishing, and sharing.

I can provide our goals, what we want to be able to monitor at a high level, I need you to provide the detail to provide to our technical team.


Posted On: August 09, 2018 04:11 UTC
Category: Data Science & Analytics > Data Visualization
Skills: Analytics, Data Analytics, Data Visualization, Google Analytics, Google Tag Manager, Mixpanel
Country: Hong Kong
click to apply