LATEST FROM OUR BLOG

Take your daily dose of (only) relevant news, useful tips and tricks and valuable how to's on using the latest web technologies shaping the digital landscape. We're here to do all the necessary information sifting for you, so you don't have to, to provide you with content that will help you anticipate the emerging trends about to influence the web.

News Alert : Google Chrome Now Displays “Not Secure” Warnings for HTTP Pages
The harvest season, no doubt about it! Autumn (the month of October to be more precisely) is taking us... “Google Chrome novelties” picking! Starting next month Google Chrome will be displaying new “Not Secure” warnings for HTTP pages. We're talking, in fact, about two additional situations where these discouraging alerts get triggered in users' address bars:   when the user is asked to enter his/her credit card information or his password on an HTPP page (so when he's presented with an HTTP form having sensitive input fields)     when the user loads an HTTP page in Incognito mode   Note: speaking of the second scenario, the “Not Secure” warning will show up on ALL HTTP pages surfed in Incognito mode. Take it as Google Chrome's next level in its “campaign” of pushing the web on the HTTPS side. A plan structured into multiple gradual steps aimed at discouraging users from “venturing” on non-encrypted websites. And, implicitly, at “forcing” website owners to do the necessary: move to sitewide HTTPS.   HTTP vs HTTPS: Is A Migration Really Worth It? But first: which are the HTTP protocol's drawbacks? Those that Google Chrome warns users about through its new “Not Secure” warnings for HTTP pages? Basically an HTTP connection:   is a non-encrypted one gives visitors no guarantee that once they access a web page they're literally interacting with the “right” website  provides visitors with no protection, whatsoever, against man-in-the-middle attacks, eavesdropping, data modification    On the other hand an HTTPS protocol page:   is one where the user-website communication is an encrypted one, protecting the former against cyber attacks. keeps data protected from third parties   And now to answer your legitimate question, whether switching from HTTP to HTTPS is really worth the resources (of time and money), let us just imagine this scenario here: “A user walks into a/lands on your website and is ready to make a purchase. A payment form is presented to him and he is about to enter his credit card information when... he gets a warning, in his address bar, that your site is not secure...”   2 Updates to Run on Your Site to Avoid The New “Not Secure” Warnings for HTTP Pages  1. Simply Get to The Root of the Problem and... Resolve It How? Making sure that Google Chrome will label as “of secure origins” all the:   inputs marked as credit card fields  all the fill-in forms on your website incorporating <input type=password> elements   “Of secure origins” meaning that both the top-level page and the iframe (in case the user needs to enter his/her data in an iframe) need to display the HTTPS protocol. In other words: if your HTTPS login/payment form is presented to your users in an overlay on top of an HTTP page, then you'll need to either:   switch all your web pages to HTTPS redirect it to an HTTPS web page on your website containing that specific login/payment form   Taking the “shortcut”, placing an HTTPS iframe in an HTTP top-level page, is not a solution! 2. Go HTTPS! Switch to Using It Side-Wide Instead Since the new “Not Secure” warnings for HTTP pages that Google Chrome will be rolling out this October are nothing but another step in its “macro plan” to label ALL HTTP websites as not secure. So, why waiting for the inevitable to happen? Why should you “mend” when you can go for a long-term, in-depth solution? When you can make the move now and migrate your Drupal website to HTTPS?   Bottom Line  Take Google Chrome's new “Not Secure” warnings for HTTP pages as a new step in its whole master plan towards an HTTP-free web! It's a plan they first launched in November 2016 and which they're implementing gradually. So that the users grow more and more aware of the risks they expose themselves to accessing HTTP web pages, as the Google Chrome security team confirms:   “Studies show that users do not perceive the lack of a “secure” icon as a warning, but also that users become blind to warnings that occur too frequently. Our plan to label HTTP sites more clearly and accurately as non-secure will take place in gradual steps, based on increasingly stringent criteria."   There's no way of knowing, for the time being, when precisely Google Chrome will mark all HTTP sites as non-secure. When it will label them all with the red triangle currently indicating broken HTTPS pages.  What we do know is that this is the ultimate goal of their strategic plan. So, instead of waiting for the confirmation of the date in the calendar, why not gradually prepare your website for this move? ... Read more
Adrian Ababei / Sep 25'2017
Should You Be Using Node.js? How Do You Know If It’s Suitable for Your Web Project?
There's no such thing as “the best web technology” but “the best technology for particular use cases”! For your web projects' particular needs:   do you want it developed fast or do you want it to work fast? what's crucial for your specific project: that your web technology should scale great or that it should be flexible and IDE friendly? do you value a highly expressive language or one that's the same on the server and on the client's side (for back-end and front-end)?   Take some time to answer the above questions. Then see if can find your priority features and the capabilities that you're looking for in a web technology and whether your project fits any of the use cases for Node.js that we'll be pointing out here below. Keep reading...   But First: What Is Node.js? Just a few words about this web technology competing for the “chance” to power your future web project:   a JavaScript platform or “runtime environment” if you prefer  built to enable you to develop fast and highly scalable server-side apps  comes with a unique I/O model which makes it particularly lightweight and excellent for handling big flows of data (real-time situations handling a ton of requests)    Reasons Why Node.js Is Increasingly Popular  And here we're thinking about companies such as Uber, LinkedIn and... NASA that saw huge potential in Node.js! But don't take these brands/enterprise names as unique arguments for jumping on the Node.js trend! Better scan through, ponder on and put the following reasons for why you should be choosing this technology against your own project's needs and particularities:   your development team will get to use the same language, both on the client and on the server side (so both on the front-end and the back-end); this can only lead to an efficiency boost and to reduced development costs (since your front-end and back-end developers will then be cross-functional)   the same feature practically speeds up the whole development process (parts of your app can get shared and reused from the back-end to the front end and vice versa)   Node.js is a full-stack technology: you get everything you need for Node.js to work all in one package, from the HTTP server to the templating engine   it's free and open-source technology   it loads fast (and here we're comparing it against Ruby on Rails)   Use Cases Where Node.js Works Best 1. For Developing Real-Time Apps  If it's a real-time app that you're planning to build, then Node.js makes THE excellent choice. It's built to:   make sharing and reusing of library code packages a breeze   handle heavy loads of concurrent client requests depending on instant response time like no other rivaling technology out there   speed up the client-server data sync   process massive loads of data in real time    But let's talk facts! Meaning specific examples of “apps/sites where:   big flows of data need to get processed in real time   multiple connections are simultaneously active and requiring immediate response time (relying on asynchronous interactions, like Quora.com for instance)   So here it is, our list of real-time app examples, of use cases where Node.js works best:   chat apps (instant-messaging, live-chat apps) collaboration tools: drawing/editing-type apps e-commerce transaction apps video conference apps (depending on VoIP and specific hardware to work) multiplayer games/online gaming apps   In short: Node.js isn't the unique solution, in terms of web technology, to develop your real-time app with, yet the:    unmatched performance that it will turbocharge your future app with (it can handle big data flows and multiple requests and all this without compromising on page load time) ease of development that it “lures” you with   … do put it on top of your potential web technologies to power your app with! 2. For Building Single-Page Apps Heavy on Processing on The Client Side  Is it a single-page app site that you're planning to build? One of those modern web apps dealing with a lot of rendering, of processing on the client's side mostly (having a back-end playing a single role: providing a JSON API)? Then you can't choose a more appropriate web technology! Thanks to its unique I/O model, Node.js is equipped to process high volumes of I/O driven requests and data sharing tasks (e.g. the validation code shared between the client and the server) In other words: it's a powerful technology “capable” to handle great piles of instant data, of IO-bound requests, one that should scale easily and process the multitude of requests at high speed that you're building, then Node.js is the one for the job! Note: do keep in mind, though, that if it's more than shuffling data around that you need your web technology to excel at, if there's a lot of CPU processing (e.g. image processing) involved, then you might want to consider other technology for your web project! 3. For Building Streaming-Data Apps Node.js does a remarkable job, thanks to its capabilities to process massive loads of data in real-time when it comes to supercharging streaming apps. Let us give you just a few examples of data streamlining tasks where you could leverage Node.js's capabilities:   encoding files while uploading them uploading files in real-time building proxies between layers of data 4. For Building REST/JSON APIs Facing the challenge of wrapping web services or data sources (so other data sources) and displaying them via a JSON or a REST programming interface? Node.js will “save the day”, once again! Since it:   runs on Javascript  “boasts” with a one of a kind I/O model   … it makes the handiest tool/web technology for you to go for whenever it's APIs that you need to build! Does any of these 4 ideal use cases for Node.js match your own? Do this platform's features and functionalities meet your specific web project's needs? If so: entirely or just partially? ... Read more
Adrian Ababei / Sep 22'2017
Shopify Launches Shopcodes: Scannable, Trackacle Codes for You to Use
First the launching of Shopify Pay, now this! It's more than obvious: Shopify's constantly striving to enrich its merchant customers' toolset with new and new features. And this time it's all about easy-to-scan, easier to track QR codes. In other words: Shopify launches Shopcodes, a free app downloadable right from the e-commerce platform's store, an app playing the role of a QR codes “generator”. What does this launch mean for you? Well, it means that you, the Shopify store owner, get to easily create QR codes (just generate them and then download the graphic files) and then link them to any product page or shopping cart page that you want. This way you'll be:   enabling your potential shoppers to get extra info about various products while they're in your physical store (they just scan the QR codes attached to your products and voila: they'll be taken right on the products' dedicated pages in your Shopify online store)   interconnecting your customers' offline and online shopping experiences   streamlining the whole checkout process (the code can also take your customers right to the checkout page, skipping all the other time-consuming steps to take)   delivering your clients their desired products without having to keep an inventory on hand; so even if you own a popup store and you're constrained by the lack of space   … and the list of benefits can go on and on. Now let's delve even deeper into details on how to create and place these codes on your products/marketing materials, details on various use cases and on the multiple benefits:   How Do You Create These Codes and Place Them on Your Products/Marketing Materials? Generating these QR codes, then linking them to your product/checkout pages and downloading the graphics files (SVG, PNG) to be placed on your marketing materials /products is nothing but a simple 4-step process:   just get the Shopcodes app from the Shopify App Store and have it installed use the app to generate your first QR code  link the QR code to the product or the shopping cart page of your choice print the graphic file to place on your offline marketing materials!   Once your offline customer enters your physical store and uses his/her iPhone to scan the printed code added to a certain product he/she can:   learn more about it, visiting your online shop and heading straight to the product page that he's interested in get straight to the shopping cart page and complete the checkout process, purchasing that specific product!   OK, Shopify Launches Shopcodes: But How Do They Work Precisely? First of all, we need pointing out 2 particularities that set these QR codes in Shopify apart from the “traditional” ones (since QR codes have been around since the 90's):   you can generate them exclusively within your Shopify store they can be used exclusively for shopping purposes   OK, now that we've set these key details straight, here's how they work and also how you, the seller, get to harness their full spectrum of functionalities:   we've already briefly mentioned how they work from the user's perspective: he/she uses his Apple phone to scan the code and gets a screen with additional info about the given product or with a “buy” button instead if you, the seller, will have linked that code to a checkout page   you, the Shopify merchant customer, get to track down and to monitor those codes (they're not just scannable, but also unique and easily trackable), each transaction made by your customers, right from your Shopify Analytics dashboard; so you'll get a crystal clear picture of where traffic/sales on your online store are coming from    you, again, even get to harness a whole set of features aimed at enriching your toolset as a seller: to add discounts to those QR codes (thus encouraging your offline customers to purchase online), to make changes via your Shopcodes app's dashboard (e.g. to add extra information or promotions)   Convenience for your customers (and for you, too, since you have your dashboard as your control panel at hand) and a bundle of benefits for you, the Shopify customer!   Which Are the Use Cases for These QR Codes? “Practically you get to use Shopify QR codes wherever you advertise offline”:   place them on your product packaging; this way your customers can just scan them through and get more detailed information about your products by visiting your online store or go to the checkout page directly   display them in your brick and mortar shop's storefront window, alongside other products; this way, even with closed doors, after or before your shop's working hours, your customers can still engage in shopping: in online shopping on your Shopify store instead!   use them in your popup store (or at the events that your company participates to), where you face multiple constraints, such as lack of space and a limited inventory on hand; your visitors can still scan these QR codes and have their favorite products delivered to their homes instead   In short: rely on Shopify's QR codes whenever/wherever you're conducting offline marketing campaigns! Use them to stir your offline potential customers' curiosity, turning them into your future online shoppers!   Why Should You, The Shopify Store Owner, Be Excited About This App? “What's in it for you?” In what way does Shopify deliver you, through the launch of its Shopcodes app, (even more) value?  Let's sum up your benefits and outline the answer to your question:   it enables you to turn first-time customers into loyal customers thanks to a much more streamlined checkout process (they just scan the QR codes... land straight on the checkout pages... hit the “buy” button... and that's it!)   it helps you turn various limitations (of space, of inventory on hand, etc.), that you might need to deal with, into favorable contexts for directing your potential shoppers to your online store instead   from package inserts to storefront windows, to offline ads... practically any offline marketing material can serve as a QR code support, turning itself into a “tool” for your customers to gain quick and easy access to your Shopify online store    What do you think about these QR codes' comeback that Shopify orchestrates? Do you plan to incorporate them into your own future offline marketing campaigns?  ... Read more
Adrian Ababei / Sep 21'2017
Behavioral Analytics: Reading Your Users' “Digital Body Language”
It's time you went beyond data focused on events frozen in time (“a user clicked on a certain link at a certain moment during his/her customer journey on your site”) and traditional metrics (e.g. page views)! Time you dug deeper than the surface level of “which visitors clicked on which links?”! It's time you turned all that massive load of raw data that you've collected so far into customer behavior patterns! Into actionable insights! Reading and fully understanding your customers' digital behaviors will help you “influence” their next buying journeys on your website/app. This is both the beauty and the power of behavioral analytics! A power too great not to use it for turning your first-time visitors into highly engaged customers! One enabling you to make the right offers to the right segment of your audience, at precisely the right time in their shopping journey on your website! Let's detail now, shall we?   First Things First: What Is Behavioral Analytics? A straightforward answer would be: “behavioral analytics is about focusing on the “why” and “how” a user ended up taking a certain action on your website (buying a product, leaving a web page right away, clicking a link etc.).”  A more “refined” answer would have to be: “behavioral analytics is analyzing your raw data in order to “extract” actionable information about your customers' digital behavior”.  And last, a much more “sophisticated” answer: “behavioral analytics is piecing out all the apparently unrelated data points and putting together your customer's buying story! A story including all those actions (or “chapters” if you want) that he/she took for achieving his final goal (making a booking, purchasing a product, subscribing to your newsletter etc.)" Take behavioral analytics as your set of user behavior analyzing tools that help you go from generic questions such as “What action did visitor “X” take on my website?”, to questions like:   "What precisely made him/her buy that specific item or click on that particular link (so you can then anticipate and even influence his/her future shopping decisions)?" Was it the offer itself, tailor-made to his personal preferences, or the fact that it included a “tempting” number of items?   "What other items did he/she scanned through, compared to those that he actually purchased in the end?"   "How does this user behavior data differ by traffic sources?"   Analyze user behavior data. Detect patterns. Take action! Use the actionable insights you get to make the right adjustments and, obviously, to improve your conversions!   There's So Much Valuable Data Out There Still Waiting to Be Harnessed “... that goes beyond the conventional page clicks, user purchases or traffic type of data” So, why not go beyond the “obvious”? How about standing out from the crowd of e-commerce business owners who still consider that traffic and page clicks are the only actionable information they could possibly get their hands on? Behavioral analytics is made of all non-conventional data just sitting there, waiting to be “capitalized”:   social media data internal text data   You'd better start valuing this type of data, as well, if you want to remain relevant in this customer-centric “jungle”, which is the digital arena. This means getting your “hands dirty”:   putting together holistic customer profiles segmenting customer bases organizing your observations into multiple groups of customers   And it's by analyzing all this “un-exploited” data left there, “in the dark”, that you'll get to understand your visitors' behaviors. What makes them connect with your brand or, on the contrary, reject it!   Identify The Issues First and Select the Data to Be Analyzed Accordingly Rushing in and greedily collecting all the user behavior data you could possibly get, in a desperate need to read your customers' digital body languages, won't take you too far! Take your time to clearly identify the specific issues that you need to solve on your e-commerce website/web app, first and foremost. To “detect” all those particular “sore points” in your e-commerce business so you can build your behavioral analytics-based strategy accordingly!  If not, all the metrics out there, all the collected data and tests that you'll run will slowly, but surely lead you to “analysis paralysis”. In other words: what type of conversion/traffic issues do you need to address with your data?   From Stats Pointing Out The Problems to Those Identifying The Causes And this is precisely the key difference between event-based analytics and behavioral analytics:    while the first type of stats point out to you the problems only  the second gives you a deeper understanding of the causes (why was it that customer “X” clicked on that link or purchased that item over another one?)   If you want to “decipher” your users' digital behavior towards your website/web app, you'll just need to pay attention to the right kind of analytics! Moreover, it requires that you:   segment your customer base and “tailor” targeted offers for them analyze your customers' purchase history  examine your customers' profiles as online shoppers on your e-commerce store   … so you should be able to predict their future behaviors as shoppers on your website and to use these results for your next marketing campaign.   "How Does Understanding Users' Digital Behavior Impact My Business Specifically?"   it “empowers” you to turn your customer behaviors from unpredictable to predictable   it enables you to actually shape your their customer journeys, their next decisions as customers on your website   … and this is what power, from any e-commerce business owner's standpoint, is all about!  Bottom line: behavioral analytics, when harnessed right, offers you precisely those actionable insights that will empower you to actively influence each one of your customer segments' decision journeys!  ... Read more
Adrian Ababei / Sep 19'2017
Laravel PHP Framework: What Development Challenges Does It Enable You to Solve?
How many web development challenges can the Laravel PHP framework help you solve? How much easier/faster does it make it for you to tackle common developer tasks? These are the 2 main questions that we'll try to answer in this blog post here. For the faster you'll be solving inevitable problems rising during your web app's development process, the more time you'll gain for sparking your creativity working on the app-specific logic! So, speaking of the common development challenges and how they can make the best criteria for choosing your most suitable web framework, let us enlist them! Outlining, as well, how precisely Laravel can help you easily overcome them:   1. Addressing Technical Vulnerabilities   The challenge you're facing: fixing technical (and therefore “security”, as well) vulnerabilities that will inevitably “infiltrate” your web app during its development process (e.g. cross-site scripting, SQL injection etc.)   Laravel's solution: it comes equipped with a shield against all major security vulnerabilities its codebase has been constantly examined and monitored by hundreds of developer eyes it restricts unauthorized users' access to your apps' crucial data or paid resources   2. Error and Exception Handling    The challenge you're facing:  configuring your app so that it properly handles errors (data-entry forms being the most frequent “error generators”) triggering prompt notifications (error messages) to let the user know that he/she has entered incorrect data   Laravel's solution: error handling is already configured  moreover, the PHP framework already incorporates the Monolog logging library, a powerful support for a multitude of long handlers it runs regular updates in order to minimize errors on your website/app   3. Creating a Custom and Secure Authentication and Authorization System   The challenge you're facing: putting together an user authorization and authentication system so that unauthorized users shouldn't gain access to your app's paid resources/critical data   Laravel's solution:  it puts at your disposal, right out-of-the-box, everything you need for building your authentication system in addition, it makes structuring your authorization logic very simple it grants you full control to all the needed resources   4. Separating Client Side/Presentation Code from Server-Side/Business Logic Code   The challenge you're facing: helping your web designers “grow independent” from their developer co-workers by making all the needed changes to your web app's HTML layout themselves also, by drawing a clear line between presentation and logic from an early stage in the web development process you'll be enabling developers, too, to fix bugs and to add on new features a lot faster   Laravel's solution: being an MVC framework, the “presentation logic-business logic separation issue” is solved by default!   5. Configuring a Scheduler and Managing Scheduled Tasks   The challenge you're facing: putting in place some sort of task scheduling system (and by “task” we do refer to automated database table cleanups, to regular emails to be sent out automatically to subscribers from your list etc.)   Laravel's solution: its built-in command scheduler enables you to configure your schedule from within Laravel just one Crone entry on your server will be more than enough   6. Configuring Delivery Delays, Managing Queued Messages   The challenge you're facing: putting together a message queue mechanism in the early stage of development for better handling that “heavy” load of requests (per second) that your web server's challenged with a queue mechanism that should minimize risks of data loss and improve page loading time by speeding up web requests   Laravel's solution: its queue services “spoils” you with a unified API, irrespective of the queue back-end type   7. Scheduling Automated Tests With Laravel PHP Framework    The challenge you're facing: initializing automated testing sessions, which are much more time-effective and usually more accurate than the standard manual ones   Laravel's solution:  luckily for you the Laravel PHP framework comes with out-of-the-box PHPunit tests and a phpunit.xml file moreover, it's equipped with functionalities enabling expressive testing by simulating common user behaviors (link clicking, filling out forms and so on)    8. Configuring URL Routing   The challenge you're facing: defining a clean and simple URL routing so that your app should clearly understand the user's intention, specifically which page he/she'd like to navigate to   Laravel's solution: you'll find all your Laravel PHP framework's routes in its app/Http/routes.php file (don't worry, it will load by default) the basic ones accept Closure and URI, allowing you to easily configure your routes    9. Integrating Your Web App With Mail Services   The challenge you're facing: building a system sending out notifications to your subscribers following key events   Laravel's solution:  it provides a simple, yet powerful and clean API over the SwiftMailer library it also provides you with drivers for Mandrill, SparkPost, Mailgun, SMTP, Amazon SES, Sendmail, PHP's mail function; a “plug and play” solution for your app to instantly send out emails either via a local or via a cloud-based service  it also offers you support for sending out notifications (so not just emails) via multiple channels: Slack, SMS via Nexmo...   10. Integrating Backend Caches for Boosting Performance   The challenge you're facing: boosting your web app's performance by integrating it with cache back-ends   Laravel's solution: Laravel PHP framework supports robust cache backends such as Redis and Memcached it's built to use the file cache driver by default (storing the cached components in its file system) moreover, it's even configured to efficiently handle multiple cache configurations   Summing Up The Laravel PHP framework does streamline your basic development tasks (turning them from “challenges” into simple “to Do” tasks) helping you gain priceless time! Time that you can invest in “crafting code”.  Now we're more than curious to read your own thoughts about this web framework! ... Read more
Adrian Ababei / Sep 15'2017
Angular vs React: Which JS Technology to Use In Your Next Web Project?
“Teach a man to fish and you feed him”. In other words: don't expect us to reveal to you, by the end of this post, which is the ultimate winner of this Angular vs React's debate! Which is the right JavaScript technology for your next web project. For we won't! Instead:   we'll be helping you weight the 2 widely-used JS frameworks' advantages/disadvantages we'll encourage you to evaluate all their key aspects   … so you should be able to answer THE question yourself: “Should I choose Angular or React for my next web project?”   Angular vs React: Introducing The 2 Competing Technologies Before you get to run your “magnifying glass” over these two popular JavaScript frameworks' key strong points and drawbacks, while comparing them against your own web project's requirements, allow us to briefly introduce them into the “arena”: Angular: a full-stack, feature-reach JavaScript MVW framework … built so that it can provide you (or your team of developers) with all the needed tools out-of-the-box! Where do you add that:   it's search giant Google-supported tailored to fit large enterprise teams' specific workflows designed to help you build highly interactive, fast-loading websites and web apps React: so much more than “just” a JavaScript library for building great interfaces Otherwise, how could you have even considered comparing it to a full-blown framework like Angular, right? React is many developers' top choice (and it sure has its own "fan club" within our Toronto web development team here, as well) whenever they're looking for an ideally lightweight, easy to tweak and twist framework for building dynamic, high trafficked (having data that's frequently changing) web apps!  Now that we've introduced the 2 “contestants” competing for the chance to be powering your new web project, let's go on and highlight their pros and cons (tackling multiple key aspects), so you can evaluate them yourself:   Angular Vs React: Comparing 11 of Their Key Features  1. Performance  We need to admit that the 2 JS technologies are comparable from a performance perspective. Yet, we can still outline a few performance-impacting features inclining the balance to one side or another: Angular: it supports caching (along with other processes), which means that the server performs at its best yet, its large size does negatively influence load times on mobile devices    React: constant components re-rendering can lead to performance issues, especially if it's an app handling a heavy load of data that you're planning to build  2. Flexibility  Angular: doesn't allow you too much freedom for customizing your app/website so that it meets your needs in the smallest details React: highly flexible 3. Development Time Angular: your development team will need to invest a significant amount of time in understanding the code (there's a whole lot of unnecessary syntax required), in debugging it calls for Angular-specific syntax and 3rd party libraries  its layered, hierarchical structure can be quite discouraging for a developer working with Angular for the first time React:  its Flux architecture is highly convenient and competitive to MVC is quite easy for developers to understand it the longer time required to set up a React project might look like a drawback to you, yet once you've built your React-powered app adding on new cool features later on is considerably easier 4. Feature Set Angular: it does come packed with “out-of-the-box” tooling and built-in best practices  React: although not a full-stack JavaScript framework as Angular, if React will be your final choice you can stay reassured: “when in need”, there's practically a third party library for pretty much everything 5. Scalability Angular: is built to scale easily, its design, as well as its powerful CLI, being the best proofs  React: designed to be easily tested and, implicitly, scalable  6. Learning Curve Angular:  be prepared to invest significant time resources in learning this over-sized library moreover, learning “just” Angular is not merely enough: you'll then need to get yourself familiarized with MVC, with Typescript... React: on the bright side: it works with the fewest abstractions on the... less bright side: you'll still need to take your time to learn all the best practices (and there aren't precisely “a few” only) 7. 3rd Party Library Integration Angular: when it comes to the 3rd party library compatibility aspect of this Angular vs React “debate”, Angular's not doing so well: Typescript demands type definitions for every single library that you'd want to integrate  React:  it's written on pure JavaScript logic it integrates perfectly with 3rd party libraries (even with the DOM based ones!) 8. Applicability Angular: used mostly for building enterprise, traditional form apps React: it usually powers complex, high-performance sites/mobile or web apps featuring complex user interfaces, with multiple events, multiple inputs (each one “risking” to impact the other's screen) 9. Native Rendering Angular: comes packed with Ionic 2 and NativeScript React: it's significantly better “equipped” for native rendering thanks to ReactWindows, Next.js, Alibaba, React Native 10. Size Angular: it does have a substantial size, which inevitably impacts its performance on mobile React: smaller sized and, implicitly, conveniently lightweight 11. Optimization Goals Angular: it's aimed at “boosting” the productivity of development teams working within a company  React: performance, flexibility, and simplicity are this JS technology's main “objectives”   And Last: 9 Key Questions to Ask Yourself Before Making Your Choice Don't rush in to give your own verdict on this Angular vs React debate. Not just yet. Not before you've asked yourself these key last questions strategically chosen to “cement” your final decision:   Do you represent a company or are you a Drupal developer working in an enterprise-level team? Then you're definitely better off with Angular! It's designed to boost large teams of developers' productivity and to adapt to big companies' workflows (just let Angular's CLI outline and guide you along the step-by-step path to take for completing your application!).   Are you a start up digital business instead? Then React might just better meet your company's specific needs.   Do you have a “secret” weakness for templates? Then Angular is the JavaScript that you'll feel most comfortable working with on your next web project!   Do you love Typescript? “Angular” is the answer to your own “Angular vs React” dilemma   Do you love “getting your hands dirty” in customization, to be given the chance to tweak your app/website whenever and however you'd like to? React will grant you this freedom!   Is high performance a major issue for you? React!   Is productivity one of your main goals? Higher placed in your hierarchy than... flexibility, let's say? Angular!   Do you have a particular interest in open source web technologies? And does a “guarantor” like giant search engine Google weight a lot in your decision-making process? Then don't “torment” yourself any longer and choose Angular with no hesitation!   Do you fancy building an app with complex, eye-catching interfaces, yet one with a small footprint? Then it writes “React” all over your project!   We strongly hope this little “questionnaire” here, along with our comparison tackling these two JS technologies' major aspects, will help you make up your mind faster.  Help you make the right decision for your upcoming web project. Final note: there's no such thing as “THE” perfect choice for each company, development team, project environment, and use case. Not even a “one size fits all” platform for all of your future web projects. Do keep that in mind! ... Read more
Adrian Ababei / Sep 14'2017
Selling on Amazon via Shopify Just Got 7 Times Easier
If the Amazon-Shopify partnership was looking so promising already, things just got better! Better for you, who runs an e-commerce business on this platform! Practically from now on by selling on Amazon via Shopify you'll get a major boost in reach. With the 7 new product categories (that's right, they did get bumped up from 1 to... 7!) you'll be “drastically” increasing the number of Shopify items that you can sell on Amazon's massive marketplace. And speaking of these newly added categories:   Health and Household Beauty and Personal Care  Home and Kitchen Patio and Garden Sewing Arts and Crafts Sports and Outdoors Toys and Games       There's more! The Shopify-Amazon integration expansion comes “packed” with better support for Amazon's Brand Registry, as well! Basically, if you're currently Brand Registered on Amazon, you won't need to leave your Shopify dashboard to list your Brand Registered products. You can create them right there! Better said: selling on Amazon via Shopify just got a whole lot more convenient and more advantageous for you!   “Specifically, What Do I Gain Out of It?” “… out of this Shopify and Amazon's strengthened and expanded integration?” Let us point out, in specific terms, how it benefits you, the store owner using the Shopify platform:   you'll get to list 7 times more products on Amazon right from your Shopify shop    you'll get a significant boost in reach: a new distribution channel, with a loyal and nonetheless massive audience (no less than 300M users only last year)   you will never have to leave your familiar Shopify dashboard for adding your Amazon brand registered products; just create and manage your listings right there, in your store    you'll no longer need to use UPC/EAN codes as an Amazon Brand Registered merchant   you'll create your product listings on Amazon even easier as a brand owner    Selling on Amazon Via Shopify: One Shortcoming and A Few Predictions For this sales channel does present a shortcoming: for now, only U.S. Shopify store owners get to leverage the newly expanded integration. Still, (and here we disclose a key prediction), the Shopify team's already put it on the roadmap.  They're currently working on giving merchants selling in other regions, as well, the chance of seamlessy selling on Amazon via Shopify. Of creating and managing Amazon listings, of fulfilling orders, managing inventories and so on without (ever) having to leave Shopify. A challenging task to carry out, if we consider that Amazon operates with separate, per-regions websites and that the Shopify team will need to work closely with all of those teams!  Moreover, analysts predict that this recently expanded Shopify-Amazon partnership is just one “brick in the wall”, the “wall” being their whole strategy of minimizing friction between storefronts. A strategy that will continuously strengthen these 2 e-commerce giants' influence in the e-commerce platform sector.  This being said, allow us to end our post with the optimistic statement coming from Shopify's Product Support Network : “... we've got a full roadmap for growth opportunities with Amazon! Stay tuned :)” ... Read more
Adrian Ababei / Sep 11'2017
Drupal 8 Group Module: How to List Related Group Content 
“Fallen for” Drupal 8 Group Module's principle of using entities and entities relations (as opposed to node “knots”) for handling groups? For the entire concept behind it: sectioning your Drupal site into multiple “micro-sites”, where users having different sets of permissions gain access to certain “micro-sites” only? A "seductive" entity API-powered idea indeed! And here you are now: pulling your hair out to find a way to link your user groups with their corresponding content (nodes). To list related group content! How you do that? How do you filter content and relate it to the group that it belongs to? Keep reading...   But First: A Few Words About The Drupal 8 Group Module As you must already know, the Group module was born as a solution to all the limitations that the Organic Groups module, its older “rival”, presented. A major drawback being, for instance, the fact that it provided no API. No API to rely on for configuring a site's role and permission system and content types across its ecosystem of user groups. And before we point out its most significant strong points, allow us to list and to briefly detail a few key concepts to fully understand how this module works:   group type: a fieldable entity (common pitfall: do not take user-defined groups for nodes!) group (user) membership: a “group type” fieldable entity specific to a given group, incorporated through a plugin; in other words: each “Group type” can feature multiple fields that describe their user memberships    the Group Node module: provides “Group type”-specific fieldable entities which describe to what level a group is connected to the nodes of a given content   Now that we've shed some light onto these key notions, let us highlight to you the Drupal 8 Group module's key advantages over Organic Groups:   self-contained admin, great UI: everything you need for configuring your groups' functionalities is right there, in your admin menu, no need to delve into a dozen of pages for adding your groups, your group types etc.; simply look for the Group section (neighboring the “People” one)   improved data model: Group relies on group dedicated entities, opening up a whole new era for handling groups of users, groups of content...   “pluggable” architecture: take the “Group Node Module, for instance, that the Drupal 8 Group module ships with; it enables you to integrate nodes into a given group and to share access to private content among that group's members only   Before We Dig Into It: How Do You Programmatically Add New Content To Your Group? Put yourself into this Drupal developer's shoes: “He/she has just created an Article node and now he's facing the challenge of programmatically adding it to a pre-configured group on his website." How does he solve the “problem”? By using the addContent() method, which leverages the following function added to the Group module: Group::addContent(ContentEntityInterface $entity, $plugin_id, $values = [])  Note: $plugin_id: it stands for 'group_node:YOUR_NODE_TYPE_HERE' $values: add them only if you want to fill in the fields on the node-to-group relation entity   Now What If You Need to Bulk Add Content To Your Group? That's right? What if you had to add multiple nodes to one of the groups on your Drupal site relying exclusively on the Drupal 8 Group module's capabilites? Basically your key objective then would be adding a group content entity to each node connected to your Group. Here are the steps to take:   Make certain that you have a GroupType   Check that this GroupType has all the proper plugins enabled (GroupType::installContentPlugin(); read deprecation notice)   Put together a group of said GroupType   Bulk add those nodes using: $group->addContent($node, 'group_node:NODE_TYPE_HERE');            Tip: do rely on the API at hand, GroupInterface::addContent(), for this! Or, if you prefer a shorter version, one that doesn't “constrain” you to use the API,  here's a three-step migration process to get inspired by:   Ensure that a group does exist, first things first   (Bulk) Migrate your nodes   Manually put together your GroupContent entities   And Finally: This Is How You Show Related Group Content Or, better said “how you create a view for showing that content” using the Drupal 8 Group module. Before we dig into the step-by-step guide, we'd like to highlight the fact that:   you'll be using “node id” as a contextual filter   the process requires 2 types of Views relationships: Contextual Node > Parent Group and Parent Group > Nodes in group   And here are the promised steps:   Create your content view (it should have at least one block)   Under your View's relationships choose “Content: Parent group” and then click the “Require this relationship box”; you'll now see new relationships listed in the dropdown menu   Next, from the same dropdown menu select the following relationship: "Group: Node entities", then hit the “Require this relationship” box   Then it's time to define your contextual filter: select “Content NID” from the dropdown menu, hit the “Provide default value” box, then pick “Content ID from URL” from the next dropdown unfolding there   Now it's time you defined the “Group Node” relationship (under Format more precisely) for every single rendered entity, content and/or field (according to your own selections)   Navigate to /admin/structure/block and select the region of the page that you want this block to be displayed on   In short: all there's left for you to do now is simply display nodes from the second relationship that you've defined and (if you want to) filter them by creation date, content type, whatever criteria you'd like. And this is how you do it! How you show related group content using the Drupal 8 Group module's functionalities! Do let us know if you encounter any (other) roadblocks as you're putting this advice into practice! ... Read more
Adrian Ababei / Sep 08'2017
7 Reasons Why We Think Drupal Is the Best CMS
We think Drupal is the best CMS Okay, we admit it. We love Drupal and have a bias towards it. We do know other CMS' (content management systems) have their benefits and purposes. But this blog post isn't about them. It's about why Drupal is the best. Drupal isn’t for everyone. You do need a dev team to support your website to customize Drupal. And to be more specific, you need one that is well-versed in Drupal specific development Every developer has his or her own personal favorites. After working on Drupal websites for many years, we have grown to love Drupal. So here is our completely biased opinion on why Drupal is the best.   1. Drupal Is Customizable Drupal allows for very high levels of customization. With Drupal, if you think it you can build it. The framework of this CMS platform itself never limits you. With Drupal, it’s easy to customize your site to have app-like features. Websites have become more complex these days with a lot of various functionalities. Working with a flexible system has become important.   2. Some Of The Largest Sites Use It Drupal is a powerful CMS, open-source, that sites like Al Jazeera and The Economist use. Drupal is structured like building blocks, which makes it flexible. The modular architecture makes it ideal to handle scale and continuous integration. Developers get more control over the code from the ground up (i.e. you can build anything).   3. Drupal Is Built For Scalability Drupal’s modular building block system allows for easy scalability. Out of the box, it’s easy to integrate with other applications. This integration is usually needed at an enterprise level. Another feature that makes it scalable is that you only select the modules you need on a per-page basis. This eliminates a lot of excessive and messy code on pages that don’t need every module. Drupal offers a series of articles on how Drupal can be configured for optimal performance and scalability.   4. Drupal Offers Enterprise-Level Security Drupal offers enterprise-level security. High profile organizations like the White House and Nasa use it. The Drupal core code base is very stable and secure. Drupal has a security team comprised of a global group of web security experts. They take security very seriously. Their job is to analyze and report any security vulnerabilities. Because most sites that run on this CMS platform need an expert Drupal developer, the Drupal community is efficient at working together. There are over a million experts to review code and functionality. Any potential issue is quickly identified and dealt with before it becomes a threat.   5. Drupal Is Fast One of the things that differentiate Drupal from other content management systems is that it has built-in caching. In plain English, this allows for content to be delivered quickly. What Drupal also does is allow you to select modules to run a per-page basis. This eliminates unnecessary code that can slow a page down. Not everything needs to be a part of the site-wide template. Keep in mind, there are other factors - not Drupal-specific - that can really slow things down. Things like the size of images, number of images on a page, number of requests to the server a page makes, and the number of modules running on a page. There are helpful (and free) tools out there, like webpagetest.org, that provide lots of tips for helping to speed your Drupal site up.   6. Drupal Is Multilingual Drupal modules come in 90 different languages. You can display your site in multiple languages and allows users to switch languages easily. Here is a resource guide for configuring a multilingual site.   7. Drupal Is Good For SEO If you know anything about search engine optimization, you’ll know that Google is soon-to-be making a big switch to a Mobile-First Index. (It’s a pretty big deal.)  Drupal 8 is also supported by a mobile-first philosophy, so it’s ready for the future of SEO. Drupal is very search engine friendly. Here’s a good explanation of what Mobile-First Indexing means. Drupal offers excellent plugins for optimizing content. A couple of favorites are the Metatag module and the XML sitemap module. Drupal provides a limitless platform for you to deliver amazing content. A solid framework – that can functionally do anything - is key to building your presence on search engines. If you are looking for Drupal Web Developers for your next project, please get in touch. We are always happy to start a conversation. ... Read more
Adrian Ababei / Sep 08'2017