The Scrivito Blog

News and ideas in the world of Scrivito

  • Staged Deployment with Scrivito and Netlify

    What do you mean by "I don't need a staging server"?

    It used to be... It used to be that a large part of releasing changes to a professional website required a long list of steps to ensure secure propagation of changes through the development cycle into production.Each part needed to be kept in sync with the next, or the whole flow would break. The...

  • Choosing a Color Theme in the Scrivito Example App

    As of recently, the Scrivito Example App comes with several color themes. If one of them is perfect for your website based on this app, you can simply use it as is. But you can also change the colors individually to give your site the look and feel you want it to have. Switching the color theme...

  • Live Updating now also Works in Editing Mode

    Recently, we announced Scrivito’s new live updating feature that lets editors see the changes made by their coworkers. Up to now, this only worked in preview mode, but still was a great achievement as it significantly improves collaboration. We promised to make live updating available in editing...

  • Site Speed is Paramount to Your Success

    We’re all fighting for the attention of new users who are constantly served with new distractions, that’s why the speed of your website or application should be a key priority. If things don’t respond quickly, you can be sure you’ll lose potential customers which will impact your bottom line....

  • Introducing Publish Webhooks

    Scrivito now lets you call web services each time a working copy of your CMS is published. This allows you to initiate post-processing actions (e.g. pre-rendering), but also to notify anyone interested, for example by sending emails, posting a message to your team collaboration tool, and much...

  • Meet the Scrivito Widgets 

    There's a widget for that Whatever you plan to build with Scrivito, there’s a widget to help. Scrivito widgets are flexible, easy to use and give you the freedom to create and edit beautiful pages quickly. Once you start using the Scrivito widgets you'll understand what's possible without ever...

  • Do it with Scrivito - Landing Pages 

    Landing pages are an essential part of any inbound marketing strategy. When designed and optimized well they are for many companies the best return on digital marketing investment, with lowest cost per lead or acquisition across their marketing efforts. Landing pages are found primarily through...

  • 3 Tips for a Secure Website

    Not taking security seriously can have serious consequences for your organization and the people you serve. Therefore it’s vital to make security a priority when developing and maintaining your websites and online applications. Thankfully there have been many changes across the industry which...

  • Our Object-Based Approach to Pricing

    When you use Scrivito, you’ll benefit from our object-based pricing model, which you may not be familiar with. Other companies often bill for fixed resource allocations, such as the amount of storage or bandwidth, which means you end up having to choose a fixed package and upgrade to the next...

  • GDPR Has Arrived

    News The General Data Protection Regulation (GDPR) goes into force today, and it’s very important wherever you’re based to take action. If you’d like to learn more about GDPR including the legal definitions, there's help available. One clear misunderstanding is how this applies only to companies...

  • Scrivito Opens New Offices in Poland and US

    News Scrivito is growing and as part of our expansion we’ve recently opened an office in the United States. Based in Boston, our office on the east coast is headed up by Douglas Patten, who is our Head of Marketing. "Boston is an ideal location for our US expansion as it allows us to easily...

  • Bring Scrivito to Your Digital Agency and Clients 

    Although Scrivito has been built as a cutting edge product which takes advantage of the latest technologies, the company behind Scrivito is not new to developing in the content management space. Our parent company Infopark AG has been around since 1994 and has been building its own products for...

  • The Scrivito Example App now Uses Bootstrap 4

    With Bootstrap 4 finally being released to the wild and with all the new features, of course, we wanted the Scrivito Example App to have the latest and greatest. After all, the Scrivito Example App is our showcase for implementing the Scrivito CMS. While the change from Bootstrap 3 to Bootstrap 4...

  • Let’s Talk Bootstrap 4

    A detailed guide to upgrading from BS3 to BS4

    The following is a wrap-up of the biggest changes and what you might need to know when transitioning your project from BS3 to BS4, and of some things I learned while upgrading the Scrivito Example App. For a quick overview of how we implemented these changes check out our "The Scrivito Example...

  • Introducing Smart Content Auto-Merging

    Scrivito working copies are virtual copies of the entire website and a feature that allows editors to change content safely in a sandbox. A working copy lets you change or add as much content as you want or need to, and publish everything at the push of a button. Sometimes, it’s just a single...

  • Collaborating Real-Time with Scrivito

    In mid-February, we launched Scrivito 1.0, our JavaScript-based CMS with unmatched in-place editing: add widgets from a large extensible selection to a page, rearrange them to your liking, add your content. From what we’ve gathered from our customers, the user experience is so amazingly smooth –...

  • The JavaScript Web Development Revolution

    Whether you’re building web applications in your organization or you’re focussed on how technology impacts your business objectives, we’ve produced an eBook, which will shape your overall approach to web development.We’re dedicated to providing high-quality insights and information you can...

  • Scrivito Hits Smashing Conference in SF

    Earlier this month we attended Smashing Conference in San Francisco. It’s a 2 day event loaded with talks, workshops and networking with a global community of developers and teams from fast growing companies. Our team are attending events all over the world, not only to promote Scrivito, but to...

  • What Is Serverless?

    One of the most common questions we get at Scrivito, is about our serverless approach. We have had quite a few eye rolls and plenty of head scratching. Everyone knows the internet is built on the back of millions of servers, so how can we be serverless? What is serverless computing? “Serverless...

  • Scrivito Showcases at SXSW

    SXSW is known for its many product launches and portal into the future, so of course – as a company leading the way with the world’s first serverless CMS, we showcased Scrivito at this year’s event. I was joined by two of my colleagues who flew in from Germany: Thomas Witt and Bernd Völcker.On...

  • A/B Testing with Scrivito and Google Optimize

    Fine tuning a website takes time, and there are many options to consider. But when it really comes down to it, it's important to find out if the visitors are happy with the improvements. To do this, we need to compare their reactions to the present and the improved versions of the pages...

  • How to Create a Blog Post in the Example App

    Creating a blog post is simple with the Example App. A blog post has an author, so we will want to add our author page, too. Every blog post page consists of a title, a subtitle, and a widgetlist. The widgetlist is where you will build up the body of the blog post using the available widgets in...

  • Time Is Closing in for GDPR

    The General Data Protection Regulation (or GDPR) is due to come into effect on May 25th 2018, which means there isn’t a huge amount of time left to become compliant. For many businesses this new set of regulations requires significant operational changes to ensure they meet the new legislation in...

  • Screenshot Scrivito UI

    Meet the All New Scrivito

    ... as we’ve taken the leap over to ReactJS, enabling our customers to take full advantage of the many benefits of this powerful Javascript library. Scrivito is a powerful cloud-based CMS which is better for your editors, developers and business. With Scrivito, your websites just run...

  • Leaving WordPress Behind?

    WordPress has given millions of individuals, companies, and organizations a means for getting heard, for advertising and selling their products, or promoting their ideas on the web, no question. It works, and, initially, it’s free – so why care about alternatives? Do you wish for an easier, more...

  • Tighten Your CMS Security

    A small investment early in the deployment phase can go a long way to creating a secure environment. Fine tuning permissions Every CMS allows administrators to set permissions for different users or groups and, for the sake of better security, one should check that editors can only do what they...

  • Image Optimization: A Comprehensive Roundup - pt.1

    In the beginning, the World Wide Web was all about optimization. Standard speed was around 3 kb per second, and hosting space larger than 5 MB was expensive. Then broadband became available for everyone, and web designers grew less and less obsessed with image optimization. Nowadays, younger web...

  • Video Tutorial: Building a React App - pt5: Working with External Data

    In the previous part of this tutorial we explored components: the distinctive React feature. We did no magic because we wanted to focus on the basic structure of components, but now the time has come to explore the advantages of generating code employing external data. Replacing hard-coded with...

  • Five Quick Tips Before You Start Your Next SaaS Project

    There are many web apps around, some good, some bad, some are kind of life-changing while others lay almost forgotten, but making a SaaS app is something definitely bigger; a good programmer and a talented designer are not enough. The concept of Software as a Service looks far ahead and...

  • Strategies for a Multilingual Website

    Having a website just in English may be okay for most businesses. In fact, even if you occasionally need to reach foreign visitors, you can expect that whoever is interested in your services has enough knowledge of English to clearly understand what you are offering. But if you sell something...

  • HTTPS and SEO: How to Cover your Assets and Avoid Common Pitfalls

    Back in 2014, Google started to consider making the use of a secure connection (HTTPS) a parameter in their search algorithm. It began with just a 1% weight over all the other factors, but they pushed it further and further; and now, in 2018, every professional website must be served through a...

  • WordPress and SEO; Costly Missteps to Avoid

    WordPress is often a popular choice for a website builder and it is appreciated by many because it gives the users a lot of freedom regarding tools and plugins. Unfortunately, this approach is not good for your SEO because WordPress does not offer many SEO tools out of the box and, if you don't...

  • Video Tutorial: Building a React App - pt3: Code Components

    In the previous part of this tutorial we have converted an existing HTML page into a React app, but we have not seen much interactivity so far. In this new chapter we start exploring one of the most interesting React features, the components. Let's build something dynamic We are going to create...

  • Rising Stars and Falling Comets in the CSS Universe

    CSS is our friend; the relationship between it and web designers has been a bit turbulent over time, but near the end of the first decade of the new millennium, it settled down with mutual love and respect (in the meantime Internet Explorer has met its fate but nobody mourns the loss, right?)....

  • A Bit of SASS Magic: Automatic Text Color in CSS

    We already talked about SASS and how it can revolutionize your approach to writing CSS. We talked about variables and indenting; powerful features but easy to handle nevertheless. We mentioned that SASS has more advanced functions, and in this article we are going to explore a handy one. The SASS...

  • This Is How We Do It - The TROX Case Study

    TROX understands the art of handling air like no other company. It’s a dynamic firm and, through research and development, TROX became a global leader of innovation in ventilation systems. A business can be efficiently run only with efficient tools and TROX has chosen Scrivito to manage over 70...

  • How to Up Your UX Best Practices for Mobile Apps - pt2

    One central guideline for a designer is to have a clear understanding of the medium, the way users will interact with our design. It can be a television, a computer, a book, or any number of things: design is everywhere. A mobile phone is not just a small computer; it has its own unique features...

  • DOM Filtering with jQuery - What You Need to Know

    We have already given an introduction to the jQuery library, showing how useful it can be for web designers and developers: it simplifies the JavaScript syntax for lots of useful DOM-related tasks and it can dramatically speed up the routines to select DOM elements. Now it’s time to expand your...

  • How to Up Your UX Best Practices for Mobile Apps - pt1

    The concept of mobile apps has greatly evolved: with the first apps, developers tried to replicate the same experience of a desktop but, given the limited resources, the results were pretty different and, in some cases, disappointing. A more modern approach is to create mobile apps that offer the...

  • Video Tutorial: Building a React App - pt2: Installation

    In the first post of this video tutorial series, the basics of React.js were covered. Now it’s time to move a bit forward: we will install React.js and configure it. Eventually, the web page of the standard web application will show up in the browser. The installation process The very first step...

  • Obscure HTML 5 Features That May Make Your Day

    Stumbling into one of those popular, so called “cyber cafès” means that nowadays you will probably find tables occupied by hipster-like web designers, delighting themselves into glorifying the moment when they embraced SASS, React.js, jQuery, Node JS, Ember, Bootstrap, Angular and others. Well...

  • You Asked For It - Scrivito Features & Benefits

    The web is changing at a truly fast pace! New technologies break into the market more rapidly than before. The period of caution and skepticism grows shorter, as the IT world has finally understood the impact of being stuck for too long on technologies which are reliable but outdated. The time to...

  • Getting Sassy with SASS - Your First Steps

    CSS is great and there would be no web without it: if you have been involved enough to remember the state of the web in the late nineties, you will immediately get the point (probably, along with a couple of shivers). Unfortunately, CSS has its limitations and they are not easy ones; that’s why...

  • DOM Traversing with jQuery - What You Need to Know

    The Document Object Model (DOM) is an object-oriented representation of a web page which can be modified with a scripting language, like JavaScript: we can think of the DOM as a representation of an HTML page in a way JavaScript can understand. JQuery is a very popular JavaScript library that...

  • Tips & Guidelines for A Better Mobile UX - pt2

    Mobile websites are not just a trend; they meet the user’s demand for a better and more rational use of their time. If we are already out of the office and need to check if the product we want to buy is effectively in the store we are confidently heading to, it’s nice to be able to check this on...

  • Tips & Guidelines for A Better Mobile UX - pt1

    When the iPhone came out it started the mobile web revolution: for the first time, we could browse web pages on a mobile phone in a decent and usable way. As soon as people had started to do that, the limits of the resizing technology used became evident, accompanied by a high demand for a...

  • You Asked & We Listened: New Scrivito Pricing!

    As we continue our success and further develop Scrivito, one of our underlying goals is to provide more value for our users. With that goal in mind, we have designed a new pricing structure to make getting started with Scrivito even more affordable. Now with a ridiculously low starting price of...

  • Five Quick Tips to Learn JavaScript Faster

    JavaScript has been around quite a while now and we can almost consider it part of the ”old wide web”. But the JavaScript we use now has evolved immensely since its first days. We could better say that what really evolved were the projects that had JavaScript as their core and that made the web...

  • Video Tutorial: Building a React App - pt1: Introduction

    Anybody interested in Javascript development has likely stumbled on MVC frameworks, a term that is pretty much going strong recently and defines a library built according to the “model - view - controller” design pattern. React.js is a Javascript library that acts as the “view” part of an MVC...

  • Traditional, Headless or Decoupled: The New State of CMSs

    Headless CMS is a term that has been on everybody’s lips recently, along with Content as a Service and Decoupled CMS. Actually, these three concepts are very closely related; you can’t talk about any of them without citing the others as well but, for a better insight on the topic, talking about...

  • Grill.rb and Grill.js: One part food, One part drink and whole lot of programming

    Suppose that you want to buy a grill to have a small party with a couple of friends, and then you realize that you’ve placed the wrong order since a monster sized grill arrives at your door. You probably want to send it back, trying to explain that the size was missing from the item’s description...

  • This is how business gets done: Nuremberg Airpot and Scrivito

    There are good CMS's out there, and many are fine tools to make blogs, websites for small business and even for a medium-sized one; but can they handle a large website, with a lot of data interaction that comes from external sources? What comes up if you need to build an intranet as well?...

  • Get a better view: The Magic of Viewport Units

    Viewport Units are a fine addition to the new CSS3 properties and allow us to calculate dimensions according to the actual size of the viewport, instead of the parent element (as it’s always been so far). There is a new precious tool for better and easier responsiveness that leads the way to a...

  • Reverse Box Order on Mobile

    It’s a pretty common trend for many presentation websites to have a 3-column “feature box” where products or features are showcased. Since on mobile they would be squeezed too much, it’s a best practice to make these boxes 100% wide and place them one under each other, following the same order...

  • Getting Out of the Fixed Container

    Most of today's websites use a wrapping container element on their pages – for good reason: it’s handy to have an element that surrounds the content, allowing it to shrink and expand to given breakpoints. But our beloved container can sometimes be a prison (and not even a golden one) when we want...

  • Let's Embrace CSS3 Calc()

    Powerful and widely supported, this handy CSS3 property helps save us from headaches when dealing with layout and box model. Back in the day, everything on the web was coded in pixels, but as the desire for flexible design arose, font sizes were frequently defined in ems and more recently in...

  • Web Typography Done Right

    Typography is often a mixed blessing for the web: Developers tend to overlook it since it does not play an important part in their interests, and designers sometimes are disappointed about the limits of the web, compared to print design. And yet typography is what truly makes the difference these...

  • Search Usergroup Berlin at Infopark

    Recently, we were fortunate to host the Search Usergroup Berlin at our office.I gave a talk, presenting how we operate Elasticsearch in production and what we've learned over the years. For those who could not make it, we have made a recording of the live stream as well as the slides available...

  • Testing Your Scrivito-Based Rails App 

    The question of how to test Scrivito-based apps comes up less often than you would expect, but none the less it is asked. Remember that Scrivito is just Ruby, but being mainly an API, there are some caveats. It is best kept in mind what Scrivito is, a Content Management System, so your testing...

  • 100 % CDN-Backed Asset Delivery

    One of the central benefits of using Scrivito is that binary content, e.g. images, is delivered fast and reliably to the visitors of your website, no matter where they're located. The technology behind this, the transparent use of a Content Distribution Network, isn't new to our CMS. In fact, CDN...

  • Preview URL change on Thursday, 2016-12-08

    We're going to change our preview URL for assets from *.amazonaws.com to preview-cdn.scrvt.com on Thursday, 2016-12-08 around 11:00 CET.Existing links will continue to work, meaning that the legacy URLs pointing to *.amazonaws.com won't expire prematurely.The change will be done automatically in...

  • Honey, I shrunk the search response times

    100% faster search response times In the last weeks we've deployed two new releases into production which results in a massive search speed-up for all our customers.Scrivito's internal search engine, which utilitizes on Elasticsearch, has been massively optimized. Through two separate deployments...

  • CDN URLs change on Monday, 2016-07-11

    We're going to change our CDN URL from cdn[0-3].scrivito.com to cdn[0-3].scrvt.com on Monday, 2016-07-11 at 14:50 CET. This change is only relevant for customers with a CDN-enabled “Medium” or “Large” plan. Existing links will continue to work, meaning that the legacy URLs pointing to...

  • E-Commerce Meets Content: Announcing the Scrivito CMS Integration with Solidus

    Solidus (formerly Spree Commerce) is an excellent e-commerce platform for Ruby on Rails, which is available for free on GitHub. It is a Rails engine and provides a scalable, stable, and highly customizable platform for online commerce. Thousands of stores – from small to big – are using Solidus...

  • Ruby Conference Review: Mountain West Ruby Conf 2016

    This is the fourth article of a multi-series blog post about Ruby and tech conferences that @thomas_witt visited in 2016. The setting Mountain West Ruby Conf  2016 (@mwrc) took place on March 21-22, 2016 in Salt Lake City, Utah for the 10th and sadly the last time. The venue was the Rose Wagner...

  • Tech Conference Review: SXSW 2016

    This is the third article of a multi-series blog post about Ruby and tech conferences that @thomas_witt visited in 2016. The setting South By Southwest (@sxsw) takes place every year in Austin, TX. This year marked the 30st anniversary of this legendary event. It started as a small music festival...

  • Ruby Conference Review: RubyConf Australia 2016

    This is the second article of a multi-series blog post about Ruby and tech conferences that @thomas_witt visited in 2016. The setting I guess I don't have to lose too many words on Australia: It's an absolutely endearing country - unfortunately located very very far from everywhere. It's got...

  • Ruby Conference Review: Rubyfuza 2016

    This is the first article of a multi-series blog post about Ruby/Tech conferences that @thomas_witt visited in 2016. The setting Cape Town is always worth a visit. Since years I keep on coming back to this lovely place on earth. Its peaceful atmosphere, its beauty of nature, the great food and...

  • Refined Image Cropping

    tl;dr: When cropping images using the image transformation option of the scrivito_image_tag helper, the new crop parameter now lets you specify the area of interest: left, right, top, bottom, or center. A little bit of history Starting at version 0.70.0 of the Scrivito SDK, images can be...

  • Stuck in the Mud?

    How have content management systems coped with change? There is, and has been, a lot of innovation in information technology, as well as in marketing, and it’s not going away soon. Have content management systems kept up? No. Most CMS software still works the same way it did twenty years ago and...

  • Three Reasons to Use Scrivito

    Widgets, widgets, widgets! Of course there are many other arguments for using it, such as Designed for the cloud 100% Ruby-based platform designed and built for rapid web development Easy updates because the SDK is a versioned Ruby gem No back-end maintenance: software as a service...

  • Scrivito 1.0

    Today, we are very proud to announce the 1.0 release of Scrivito, a cloud service that makes it easy to add professional-grade content management to a Rails application, allowing users to intuitively edit content directly on the website. What does it mean for Scrivito to be 1.0? Scrivito, as it...

  • Native Cloud vs. Fake Cloud

    Nearly every CMS vendor will tell you they are ready to provide 100% full integration with the cloud. But are they really? Honestly? No. No, they aren’t. The truth is, many CMS vendors are far from being a native cloud service. So, how can you tell the difference? Most vendors come from the old...

  • SEO with Scrivito: An Overview

    SEO done right with Scrivito Search engine optimization is frustrating, time consuming, expensive and, unfortunately, necessary for any organization conducting business on the internet… that is to say, all businesses. It’s nearly impossible to keep up with the constant changes to the search...

  • Are You Asking Your CMS Vendor the Right Questions?

    Choosing the right Content Management System (CMS) for your web project at first could appear to be a momentous task. However, if you ask the right questions before you get too deep, your whole project will come together more easily than you can imagine and you’ll be well on your way to a...

  • The Modern Building Blocks of Websites

    We create websites to store, access, edit and publish content. It has been like this and it will stay just so, at least in the conceivable future. Hence, it should come as no surprise that the history of web design will stay inextricably tied to the evolution of content management systems...

  • Deploying a Scrivito Application to Amazon ECS with Docker

    Since November 2014, Amazon Web Services provide a new service for managing Docker-based infrastructure on your EC2 instances. Amazon says: "Amazon EC2 Container Service (ECS) allows you to easily run and manage Docker-enabled applications across a cluster of Amazon EC2 instances." We gave it a...

  • Best Practices for Creating Responsive Websites

    Creating responsive websites is more important than ever. Google has added mobile-friendliness as part of their search algorithm for mobile devices, and a growing number of people are accessing the Internet from an array of mobile devices, and the number of users keeps growing every year. With...

  • The Pages in the Attic

    For more than half a year now, the content of this website is maintained in place by Scrivito developers and me. This ensures that all of our experience with editing content in place flows back into the application design and development process, which is, of course, extremely helpful if you...

  • RSpec: Have xit Complain When Example Is Fixed

    RSpec helps us to test our code. As you might already know, examples may be declared pending (most probably because a feature can be described even if not yet implemented). As a different use case, when you intentionally break things, you can use xit to temporarily declare an existing example...

  • Operator Precedence in Ruby

    When writing Ruby code, you might occasionally come across some odd behavior caused by different precedence of seemingly identical operators. The best-known cases are probably the and and or operators and their counterparts, && and ||. The spelled-out operators have lower precedence than...

  • A Note on Twitter Bootstrap 3

    Twitter tells us in their release notes: Better box model by default. Everything in Bootstrap gets box-sizing: border-box, making for easier sizing options and an enhanced grid system. This sounds so cool. But in real life this could lead to problems with old-fashioned CSS apps. They did not...

  • How We Built Complete Web Applications in 48 Hours for Rails Rumble 2013

    This does not sound like an easy exercise, so maybe it's a good idea to share some thoughts on why we decided to participate in the contest, and how we worked together to complete the challenge. Motivation All of us are working on Ruby on Rails projects on a daily basis (and for sure we love...

  • Creating an Instance Store-Backed AMI from a Running OpsWorks Instance

    Recently, we at Infopark have been exploring another way to speed up our integration tests. Utilizing EC2 instances created by AWS OpsWorks to run our test suite, the process of building an instance using only custom Chef recipes took quite a bit of time. With our recipes not being touched...