Blog Archives – Squirrel365 Create stunning interactive content Mon, 10 Mar 2025 10:56:22 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.1 https://squirrel365.io/wp-content/uploads/2020/05/cropped-squirrel_512-1-32x32.png Blog Archives – Squirrel365 32 32 The Best 5 No-Code App Builders for 2025 https://squirrel365.io/best-five-no-code-tools/ Mon, 10 Mar 2025 10:56:16 +0000 https://squirrel365.io/?p=20177 We've looked at 5 of the best no-code app builders on the market and summarised the key benefits of each in this handy list.

The post The Best 5 No-Code App Builders for 2025 appeared first on Squirrel365.

]]>

No-code app builders are revolutionising the way businesses and individuals create applications. Without needing a single line of code, users can design, build, and deploy apps that solve real-world problems.

If you’re looking for a no-code solution, here are 5 of the top platforms you should consider, including a special spotlight on Squirrel365, a powerful tool that is starting to stand out in the no-code space.

 

1. Bubble

Website: bubble.io

Bubble is one of the most well-known no-code platforms, allowing users to build fully functional web applications with powerful database capabilities and integrations.

Key Benefits:

  • Comprehensive logic builder: Use workflows to automate tasks and processes.
  • Scalability: Handle complex databases and APIs.
  • Responsive Design: Apps can be optimized for mobile and desktop views.
  • Active community and ecosystem: Access a marketplace of plugins and templates to expand functionality.

    2. Adalo

    Website: adalo.com 

    Adalo started as a mobile-focused no-code app builder that makes it easy to create native and web apps with a visual interface.

    Key Benefits:

    • Drag-and-drop editor: Simplifies the app-building process.
    • Native app support: Publish directly to iOS and Android stores.
    • Workflows & Logic: Automate interactions, user authentication, and dynamic content.
    • Templates & Components: Includes pre-built templates for faster development.

    3. Glide

    Website: glideapps.com

    Glide transforms Google Sheets into sleek mobile and web applications, making it a great choice for creating data-driven apps quickly.

    Key Benefits:

    • Google Sheets integration: Use live spreadsheet data to power your app.
    • Fast deployment: Build and launch apps in minutes.
    • Great for internal tools: Ideal for business dashboards, inventory tracking, and CRM solutions.

    4. Thunkable

    Website: thunkable.com 

    Thunkable is a no-code platform tailored for building native mobile apps with a block-based logic system similar to MIT App Inventor.

    Key Benefits:

    • Cross-platform compatibility: Build once and deploy on both iOS and Android.
    • Code logic with visual blocks: Use a simple drag-and-drop logic builder.
    • AI and IoT capabilities: Integrate with AI tools and smart devices.

    5. Squirrel365

    Website: squirrel365.io

    Squirrel365 is a no-code app builder that empowers users to create pixel-perfect applications using an intuitive drag-and-drop interface. It uniquely combines spreadsheet logic with interactive design, making it an excellent choice for users comfortable using formulas to create web applications.

    Key Benefits:

    • Pixel-perfect design: Unlike many no-code tools that use templated layouts, Squirrel365 offers complete design flexibility and customisation of components

    • Spreadsheet logic layer: Keep your existing calculations and models intact by using Excel-like formulas within your app.

    • Integrate with other platforms: Connect to over 4000+ tools using Squirrel365’s zapier connector, or connect directly to Googlesheet, Excel Online and and RDMS database (via InfoBurst)

    • Easy distribution: Publish apps effortlessly as standalone web app, embed them in websites, or integrate with business dashboards.

    • Quick response support and community: Squirrel365 provides responsive customer support. Additionally, its active community serves as a valuable resource for guidance, problem-solving, and idea-sharing.

       

      Which No-Code App Builder is Right for You?

      Choosing the right no-code platform for your project depends on what you need. 

      If you need a fully customisable, spreadsheet-powered app with pixel-perfect design, Squirrel365 is the ideal choice. For mobile apps Adalo and Thunkable are great options to try.

      We recommend that you carefully compare and test each tool yourself and assess the compatibility with your app building needs.

      If a particular tool is already standing out to you as the one most suitable for your requirements, then that’s great – get yourself building right away! If not, then why not give Squirrel365 a go – it’s a very cost efficient no-code tool and you can start building your app on a free plan.

      With no-code platforms becoming more powerful than ever, there’s never been a better time to build an app—without writing a single line of code!

      Start building with Squirrel365 now

      The post The Best 5 No-Code App Builders for 2025 appeared first on Squirrel365.

      ]]>
      What’s new in Squirrel365 v1.18 https://squirrel365.io/whats-new-in-squirrel365-v1-18/ Wed, 05 Feb 2025 14:38:48 +0000 https://squirrel365.io/?p=20025 Read about all the new features and enhancements in the latest release of Squirrel365 v1.18

      The post What’s new in Squirrel365 v1.18 appeared first on Squirrel365.

      ]]>

      Squirrel365 v1.18 has been a while in the making! It has been driven by our desire to keep feature parity between the client tool/desktop designer experience and the new browser based designer experience that we are about to roll out. It’s full of exciting new features designed to streamline your app building workflow.

       

      Expanding cloud platform capabilities

      Versions and Autosave

      You can now save your Squirrel365 project files to the cloud platform. Create and manage files and folders directly from the designer. This makes it really easy to keep your projects organised. An added benefit of saving your files to the cloud is that with each save operation it creates a new version of the file. Therefore, you get version management and rollback capabilities built in.

      To create a version use ctrl+s (cmd+s for mac users) or use the save option from the FILE menu.

      Open the version history manager to preview and restore versions.

      For any files saved to the cloud, Autosave is enabled by default. Changes are automatically backed up and added to the version history.

       

      Image Library

      The new image library has arrived. Your personal image library is a central store of images that can be re-used in any of your projects. They appear as another image source in the image component, which makes it really easy to use that logo you added to 15 apps already and ensure consistency across your designs.

      Upload images directly from the property panel or manage them via your account.

      If you have an existing file that contains images that were not sourced from your library, you will be prompted to add them to the image library. This will bulk upload any images from your file. When an image is added to the image library Squirrel checks to see if an identical image already exists to prevent duplicates.

       

      Custom font management

      Easily manage custom fonts via the new custom font web interface. Navigate to the custom fonts page to upload your font and then select a fallback font.

      Once you have uploaded fonts to your account, they appear in the font drop down in the property panel, so that you can use them to style text.

       

       

      Responsive behaviour with Layout containers

      We’ve added 2 new layout container types, Column and Row. These are designed to make building apps for mobile devices much easier and deliver a better end user experience.

      Layout containers allow you to create column and row based layouts. When you add objects you can specify how they should behave in terms of their size and alignment, relative to its parent container.

      For example – do you want a nav bar and it’s menu options to always appear at the bottom of the app and fill the full width? That’s where layout containers come in. The main canvas has a new property called ‘enable responsive behaviour’ and this will allow it to dynamically re-size based on the size of the device or browser window.

      The components themselves have new horizontal and vertical alignment options which include stretch to fill, left, centre, right, top, middle, bottom. A visual indicator lets you see how your object will be positioned/aligned relative to its parent container.

      By default, the columns and rows within a layout container fit to their parent, occupying equal space. However, you can override this behaviour and set min and max widths for each column or row.

      Combining all of the above features, and by nesting Row and Column layout containers means you can create almost any app layout you can think of. Turn on the responsive canvas and you have mobile apps with fully responsive design.

       

      Mapbox

      Bring location data to life with MapBox maps inside your app.

      MapBox users can now easily add mapping capabilities to their projects.

      Style your map

      Select from a number of classic MapBox styles (7 in total)

      Further customise the map styling and functionality by turning on or off pan and zoom, 3D buildings, terrain and gesture support.

      Place markers on the map by adding location data. The component works with lattitude and longitude coordinates. Alternatively, if you supply addresses it will geocode the address data.

      Data insertion allows you to add interactivity to your apps when a marker is selected. Choose from Position, Series Name, or Row based insertion.

      If you are new to MapBox read more about it here.

       

      Enhanced start page

      The start page gets a new look with the introduction of a menu system for easy access to some of the new features

      The improved start page experience includes quick access to:

      • Templates – Templates are a quick way to start your next app
      • File manager – Organise your project files
      • Image library – Upload and manage images for use across projects
      • Project manager – Manage your published apps.
      • Recent projects – Toggle between files and published apps for quick access to what you have beeb working on recently.

       

      New functions and components

      We’ve converted a couple of our add-ons into native functions and components to improve performance

      • Unique – Remove duplicates from a list of values
      • Text Join – Combine a list of values into a single string
      • Loading Animation – Customisable loading animations

       

      Important information

      Squirrel365 v1.18 introduces some new features that are not backwards compatible with older versions. Layout containers, the asset library and Mapbox are all new. They didn’t exist in previous versions, so if you create a project that includes these and then try to open that file in an older version – you will get an error.

      A less obvious change is the one we have made to how groups work behind the scenes to support layout containers. Once you have created a new group in 1.18 that file won’t be able to be opened in an earlier version.

       

      Improvements

      We’ve been working on this release for a while so it gave us the change to tidy up the code a bit and fix a number of bugs (104 to be precise). The notable ones included:

      • Making the process of moving components into and out of groups and containers easier.
      • Added number formatting to the Listbox component
      • Fixed intermittent issue with “block mouse events” on shapes and images not working
      • Sorted the z-index on the metric tile so items can be layered on top of it.
      • Resolved an issue with custom css being truncated on publish

       

      Wrapping up

      In conclusion, this release of Squirrel365 v1.18 should make for a more streamlined and connected workflow. Images, files and versions will all seamlessly integrate with the way you work to make building apps quicker than ever before.

      Watch the What’s new in Squirrel365 v1.18 webinar

      The post What’s new in Squirrel365 v1.18 appeared first on Squirrel365.

      ]]>
      How making an application lazy could make it faster https://squirrel365.io/how-making-an-application-lazy-could-make-it-faster/ Tue, 28 Jan 2025 12:41:37 +0000 https://squirrel365.io/?p=20022 We’re working on performance improvements for our Designer in Browser experience, and experimenting with lazy loading of smaller JS files.

      The post How making an application lazy could make it faster appeared first on Squirrel365.

      ]]>

      We’re about to release the next build of Squirrel (1.18).  As part of our release process, we write the release notes, a blog and host a webinar to talk about all the new things we’ve added and fixed.  Whilst collating this “what’s new” information, it got me thinking about a feature which hasn’t quite made it into 1.18.

      As part of the webinar we will be announcing a soft release of Designer in the Browser or DIB, as we call it internally.  DIB is a browser-based experience for the Squirrel design tool. We have put a lot of effort into DIB and we were aiming to fully release it as part of 1.18. However, whilst testing we noticed that for browsers with slow internet connections, the loading experience wasn’t great. We needed to fix that experience, but did not have time to fully test the changes without impacting the 1.18 release schedule.  Instead, we’re going ahead with a soft launch in 1.18 (with the known performance behaviour) and will address load times as part of the next release due out in Q1/Q2 of 2025.

      Loading Performance

      So, what was the issue with loading performance?  Squirrel at its core is a web application.  It is made up of HTML, JavaScript and CSS.

      • HTML – tells the browser what elements to display on the screen
      • CSS – tells the browser how to style the HTML elements
      • JavaScript – adds all the interactivity to the HTML elements, and is the brains of the application.

      When you launch the Squirrel Designer in the browser, the HTML loads first.  This then tells the browser what and where to download the CSS and JavaScript resource files the application needs.

      Squirrel is an Angular application.  That means we create lots of HTML, CSS and JavaScript code.  When we produce a production build, the Angular compiler concatenates and compresses all that code into a small number of JavaScript files.  One of those files (our main JavaScript file) had grown to over 10Mb.

      Up until now, because Squirrel has been a desktop installation, we’ve not really considered the size of these resource files. However, when moving the design experience to the web these file sizes can make a big impact. When opening DIB the browser has to download that 10Mb JavaScript file before it could render the application for the user.  This isn’t a problem for high-speed internet connections. But for low bandwidth scenarios (like when I was in a hotel in Arizona) you can really feel that loading delay.

      Getting Lazy

      This is where lazy loading comes into play.  In its current form, Squirrel loads all the JavaScript files as soon as the HTML page is opened.   When there are large files, this causes the UI to lock up until all of the file has been downloaded.  Once all the files have been downloaded in the browser the application becomes usable.  Lazy loading is a paradigm shift, so that the application only loads the JavaScript it needs, when it needs it.  Splitting that 10Mb file into multiple smaller files that are loaded on demand.  Our 10Mb JavaScript file is now a collection of smaller files. On average these files are around 150Kb in size, so much quicker to download even on slow internet speeds.

      On the surface it sounds like this has solved all the performance problems, but it’s more complicated than that.  Lazy loading has increased the number of files that the browser needs to download.  Browsers have a restriction that throttles downloads to a maximum of 6 concurrent files. This means that the 7th file requested must wait until one of the preceding 6 has completed before it starts the download.  So, we may have solved performance issues with downloading large files and replaced it with new performance bottleneck as the browser queues up downloading multiple smaller files.

      Testing Testing Testing

      The only way to know for sure whether lazy loading solves the performance issues is to test.  Refining our lazy loading implementation as we go, to find the right balance between file size and file quantity.  This all takes time and effort, which is why we couldn’t delay the 1.18 release to include this solution.

      Our testing needs to not only account for different download speeds but geographic location, hardware specifications etc. as well.  We are leveraging tools like LambdaTest to allow us to test our updates from different geographical locations and on different configurations of hardware.

      Switching to support a browser-based design experience has been a real shift to our development approach.  We now must consider things like file size, bandwidth, browser restrictions when building and testing.  However, this focus has resulted in improving the experience and performance of both the desktop and DIB design application.  We will be taking the lessons we’ve learned to see what we can apply to the runtime experience.

      The post How making an application lazy could make it faster appeared first on Squirrel365.

      ]]>
      2024 Year in review https://squirrel365.io/2024-year-in-review/ Tue, 07 Jan 2025 09:54:22 +0000 https://squirrel365.io/?p=19970 Squirrel365 celebrate a year of growth, engagement and game changing innovation with our 2024 year in review

      The post 2024 Year in review appeared first on Squirrel365.

      ]]>

      2024 in a nutshell

      What an incredible year 2024 has been, so there’s no better time to do our first year in review!

      Together, we’ve made remarkable progress in both our product and community. These achievements wouldn’t have been possible without the unwavering support of our amazing customers and community.

      Thank you for choosing to build with Squirrel365. Your feedback and collaboration with our product and engineering teams have been invaluable, driving continuous improvement and innovation.

      We’re excited to share our successes with you—from groundbreaking new integrations to the growth of our community and learning resources. Here’s to another year of innovation and collaboration!

       

      Word is getting out

      The number of people building apps with Squirrel grew by over 30% in 2024

      An incredible 8,714 new apps were published

      And published content got over 18 million views. That’s an app, created using Squirrel365, being viewed somewhere in the world every 1.75 seconds

      Engaging our community

      Throughout the year, the Squirrel365 team hosted webinars and posted articles and blogs sharing product updates, use case insights, and how-to’s with our growing community.

      The Squirrel365 team use the platform to keep you informed of product updates and news, hints and tips etc. But far more importantly over 63% of the content in 2024 was generated by people like you. The number of members in our online community has grown by 53% in 2024, meaning a much bigger pool of like-minded Squirrel enthusiasts sharing their knowledge and experiences.

      If you haven’t joined the community yet, what are you waiting for? Visit the community and log in with your Squirrel365 credentials.

      community

      Game changing features

      We introduced a tonne of new features in our Winter and Summer releases as we continue to make app building accessible to more than just developers.

      Automate PDF and PPTX document generation

      In 2024 a primary use case emerged. You told us you were using Squirrel365 to build value calculators. With Squirrel365’s spreadsheet logic engine, it’s the perfect fit for bespoke/custom calculators using what-if style analysis interactive inputs and outputs. We created the PDF/PPTX generator to turn those ROI and pricing calculators into invaluable tools that can automate the creation of PDF documents, PowerPoint slides or Excel Workbooks. Think auto creation of business cases or quotations tailored to the user/prospect/customer.

      generate pdf in squirrel

      OAuth for google sheets and Excel Online

      A key milestone in democratising app creation is providing the ability to securely source data from online sources that we all have access to. By adding authenticated connectivity to Google Sheets and Excel, we made it possible to browse Google Drive, or One Drive to select a spreadsheet to be used as a live data source for your app.

      Not only that but because we’re talking directly to the Google Sheet or Excel document, we can now update and insert rows too! Turn your project into an application with write-back capabilities, no database needed!


      Progressive Web Applications (PWA)

      PWA’s have been around for a while. Last year saw an increase in their popularity mainly due to app developers growing tired of the high percentages taken when selling apps via app stores. PWA’s allow you to visit a website or web app and install it as application on your device. This felt like a natural fit for Squirrel365 apps so we added this as an option for subscribers to the Builder plan. Customise your app with a name and an icon and you have something that looks and feels like a native app on mobile devices.


      Custom code and more

      Throughout 2024 we saw an increased demand for complex/highly customised apps. We often solved challenges with custom code to get an app to look a certain way, or do more than is available with standard components. What started as a quick fix for some of our consulting projects made it into the core product to allow the use of use Custom CSS and Javascript.

      We also added support for Google Tag Manager so that you can add even more custom code (via tags) to your apps. Need to track conversions, get enhanced analytics, add cookie compliance? Our GTM feature, allows you to do just that!

       

      Where we went…

      IBIS

      2024 saw the second ever customer influence session conducted at the IBIS Conference. It provided an opportunity to reflect on the features and enhancements that were directly influenced by regular Squirrel users. By the end of 2024 we had managed to deliver 12 out of the 17 top voted enhancements. As always talking to customers proved invaluable and revealed insights that we simply cannot get from data and product analytics alone.


      Company catch-ups at The Wave, Bristol

      As a 100% remote company it’s nice when we come together.

      This year we started meeting at The Wave for company catch ups and workshops. It’s an inland surfing lake that has meeting rooms to hire and a cool café to work from. More recently, we extended this to ‘work together Fridays’. It’s completely optional and gives people a chance to just turn up and work with others. We’ve even had a few customers join us. If you are ever in the Bristol area just let us know as it’s great to work, chat and innovate together over a coffee.

      squirrel365 at the wave

      Looking ahead to 2025

      A lot of work has happened already, in preparation for our next release. This will include a soft launch of our designer in the browser experience, making it easier for people to get started without having to install anything. For those of us that prefer to use a client tool, the current desktop designer isn’t going anywhere. It’s essentially the same code base so we can ensure feature parity (as much as possible) between the two experiences.

      Some of the other cool features to look forward to:

      • Image library
      • Autosave (cloud saved files and versioning
      • Layout containers to support responsive design
      • Custom fonts
      • And we’ve turned a few of our add-on functions into native functions, making them part of the core product, and improving the experience.

      To everyone who has been part of our journey so far — customers, partners, and team members – Congratulations on all the achievements of 2024. We can’t wait to work together to make an even more remarkable 2025.

      The post 2024 Year in review appeared first on Squirrel365.

      ]]>
      The role of AI in Software Development https://squirrel365.io/the-role-of-ai-in-software-development/ Wed, 11 Dec 2024 09:52:21 +0000 https://squirrel365.io/?p=19945 What have neurotic toasters, hallucinating AI and software developers got in common? Our CTO explores the role of AI in software development.

      The post The role of AI in Software Development appeared first on Squirrel365.

      ]]>

      Nowadays it seems that AI is being added to everything, from content creation platforms to mobile phones. I’ve even seen an AI powered toaster which monitors the “toastie-ness” of the bread to guarantee “the perfect piece of toast every time”.  Seems we’re only one step away from “Talkie Toaster” from Red Dwarf.  Phrases like “Now with AI” are becoming the go to marketing tag to indicate your platform, service, or toaster is cutting edge.

      Aside from the practical applications of AI in end products, there is also a growing place for AI in more traditional creative, analytical and development roles.  My background as CTO is obviously technical, so I have more of a leaning towards the application of AI in development. Mel, our Chief Experience Officer, is seeing a similar trend in her creative teams.

      Using AI whilst developing

      With the proliferation of programming languages, not to mention the constant evolution of frameworks, design patterns, API’s etc, means that it is impossible for one person to know everything.  Software developers will have an area they focus or are more proficient at. However, even then you will hit a bug, or an issue, or a requirement that makes you stop and think.  Historically you would spend a day contemplating the challenge.  Or you could run it past a colleague, in more recent years you can post and search questions on StackOverflow.  In today’s LLM / AI age, ChatGPT has the answers, or does it?

      Just like with asking a colleague or searching StackOverflow, ChatGPT can inevitably give you incorrect and sometimes crazy answers.  The oracle you’re asking is only as good as their own knowledge.  In the past, a developer might trawl through this out of date, misleading and conflicting information and derive the nuggets of insight to let you solve your dilemma. The answer very rarely is already written for you, you have to take inspiration and then create your own solution.

      With services like ChatGPT you can pose technical questions and receive, on the surface, great responses.  They not only provide the code, but they also provide an explanation as to what the code is doing.  However, we need to view the quality of this code through the same sceptical eye we would if we found a piece of code on StackOverflow.  It’s like asking a colleague who thinks they know the answer but they tell it to you confidently so you blindly believe them.  In the LLM / AI world this behaviour is called a hallucination, where the AI model generates incorrect or misleading information in response to a prompt.

      Just recently I was explaining a simple application’s architecture to a colleague.  I’m used to the AWS landscape, but my colleague is more familiar with Azure.  I asked ChatGPT for the Azure terms for things like S3, Cloudfront CDN etc.  It was great and I was able to convey the architecture in Azure terms.  I then asked if ChatGPT could draw a landscape diagram of the AWS vs Azure solutions.  I was expecting a line drawing of a few interconnected nodes, instead I got this:Even though I asked the question and know the subject matter, I am still not 100% sure what this picture is showing.  I don’t know what AWZ is, or “Crotic Barrantion”, never mind “Azuue App Sanvication”.    To me, this is a great example of an AI hallucination.

      It goes to show

      “AI is only as good as the quality of the source material it was trained on.”

      And if ChatGPT was trained on sites like StackOverflow, then there is a lot of noise to fight through to get those nuggets of information or insight.  And sometimes, as with the above image, AI just seems to throw all caution to the wind and get creative.

      All is not lost

      That said, all is not lost.  As part of my job, I still get my hands dirty with coding.  More recently as part of our ongoing R&D activities.  This means I am trying to solve challenges in creative new ways or prove out new concepts and capabilities.  As a result, I am regularly stumped with development challenges. I find myself leaning more on ChatGPT than on StackOverflow for my investigations.  I am also finding that I am spending more time in curating the questions that I am going to pose to ChatGPT.  Gone are the short keyword specific search terms, trying to hit some magic SEO through Google.  Now I am putting context into my question, explaining what I’m trying to accomplish, how it should fit into an existing workflow, what I’ve already tried etc.

      Earlier this year I was talking to a customer at our company conference. And we commented that the complexity and thought that goes into phrasing questions to LLMs like ChatGPT is becoming a science in itself.  So maybe my statement before that AI is only as good as the quality of the material it was trained on, is only half the story.  The other half is that:

      “The answers you get are only as good as the questions you ask”

      Indeed, we’re now seeing jobs and training courses advertised for AI Prompt Engineers, whose job it is to tailor the best, most efficient and accurate prompt for an LLM.  There are even LLMs that you can use to help you build questions to ask other LLMs.

      It’s fascinating to see how AI is evolving, and where it is having an impact.  I just hope companies, like the one producing the AI toaster, consider the long-term implications of AI in products. Otherwise, we could end up with neurotic products like “Talkie Toaster”, or automatic doors and elevators with “Genuine People Personalities” ala the Hitchhikers Guide to the Galaxy.

      The post The role of AI in Software Development appeared first on Squirrel365.

      ]]>
      Building a sustainable travel calculator https://squirrel365.io/building-a-sustainable-travel-calculator/ Mon, 01 Jul 2024 11:31:55 +0000 https://squirrel365.io/?p=19815 We built a sustainable travel calculator to demonstrate how quick and easy it is to test an idea using Squirrel365.

      The post Building a sustainable travel calculator appeared first on Squirrel365.

      ]]>

      One of the great things about Squirrel is that it enables users to build a prototype in super quick time.

      So, when we were challenged to create a carbon footprint calculator that helps customers understand sustainable travel choices and consequences – building it with Squirrel was a no brainer. We decided to base this ‘conceptual’ calculator on Eurostar*, and build it to align with both their brand and existing data available on their website.

      It was envisaged that the calculator could integrate into the Eurostar website, specifically on their sustainability page, rather than being a stand alone app. We also assumed that the calculator widget could hook into data from a logged in user and show previous trip data. And as this was just a prototype these assumptions enabled us to move forward.

      Sustainable travel calculator - wireframes to designs

      From idea to app in less than a day!

      Our designer set to work figuring out what would be useful in a calculator like this. What would a customer want to get from it? And how could they interpret the results and make sense of it? After doing some research and looking at other sustainable travel calculators, we produced some rough wireframes. These outline the desired content, layout and functionality required in the finished calculator app. Wireframes are great for finessing an idea without worrying about the styling. We used Figma to produce these.

      Next we started building the calculator app in Squirrel, based on the wireframes – and getting the functionality and calculations all working. Building this prototype was very quick in Squirrel. It probably took 2-3 hours to get all the components in and calculations wired up. That’s the beauty of Squirrel’s drag and drop components – a lot of the work is done for you.

      While this was happening, our designer was producing some high fidelity mock-ups using some of Eurostar’s brand assets, including colours, logo and imagery. It’s so important that calculator apps like this are visually engaging, friendly and relatable. And of course we wanted it to seamlessly integrate into the website design.

      Finally, we applied the brand styling to the calculator app in Squirrel. Again, this was pretty straightforward to do. The Squirrel components have vast options for styling and customisation. And we were able to achieve the desired look to near pixel perfect precision!

      Check out our working calculator below:

      Showing travellers the impact of their choices

      The finished calculator app demonstrates to customers the impact of their travel choices. They simply enter their start and end destination and the calculator will show them the difference between travelling by Eurostar compared to flying. It calculates the CO₂ generated and saved, and what this equates to. We wanted to show a conversion that people would understand, so we show the number of smart phones that could be charged with that journey’s CO₂ saving. The number feels quite high – which is what we wanted – as this will further highlight and educate Eurostar customers of making the right choice. The calculations for the equivalent power was taken from epa.gov.

      Simplifying complex calculations

      Eurostar’s existing website has all the CO₂ travel data listed for journeys – but a customer would have to calculate and figure out the real impact themselves by cross referencing other sites.

      Our example shows how a simple calculator integrated into an existing site can help to add understanding to an otherwise complex calculation, enabling real-life comparisons that the user can relate to.

      This calculator app took us roughly 7 hrs to put together. And even though it’s just a prototype it demonstrates how manageable it is to be able build an idea quickly to test it out.

      If you’ve not tried using Squirrel365 for building out a quick idea – give it a go! Your first project is free.

      Eurostar website and calculator mockup

       *Eurostar did not ask us to do this for them and were not involved in this project.

      The post Building a sustainable travel calculator appeared first on Squirrel365.

      ]]>
      What’s new in Squirrel365 v1.17 https://squirrel365.io/whats-new-v1-17/ Wed, 12 Jun 2024 13:37:52 +0000 https://squirrel365.io/?p=19772 A new version has just been released and its packed full of new and improved features. Find out what's new in v1.17.

      The post What’s new in Squirrel365 v1.17 appeared first on Squirrel365.

      ]]>

      Learn what’s new in version 1.17 of Squirrel365.

      We’ve been busy Squirrel’ing away on a new release. The focus of 1.17 is to give you more control over how your projects look. And we’ve also laid the groundwork for some exciting new capabilities coming in 1.18, but more on that in a later post.

       

      Independent border and padding control

      Up until now you have only been able to turn borders on or off and set radius for the whole component.  Whilst this is useful, it does tie your hands a little when trying to build the aesthetic or design you want. In this release we’ve enhanced the border and padding capabilities to give you more options:
      • Border radius (top-left, top-right, bottom-left, bottom-right)
      • Border weight (top, bottom, left, right)
      • Paddin (top, bottom, left, right)
       

      Updated color picker

      The color picker has been rebuilt from the ground up and can now support gradients. We’ve added support for gradients to the rectangle and main canvas components for the time being. More components will support gradients in the coming releases.

       

      Custom code and more

      Custom Code (JavaScript and CSS)

      With the ability to add custom CSS or JavaScript, you can customise your Squirrel project to look and do more. Custom CSS allows you to create classes to override default styling. This can be useful when wanting to style just some of the text within a text label by using a class in a <span></span> element.

       

      Custom Code allows you to add your own JavaScript code to your application. This option will only work with locally exported projects.

      Google Tag Manager

      Want to know more about who is viewing your Squirrel projects, or want to add your own tags for conversion tracking, site analytics, remarketing and more?  Simply add your GTM Container ID to your project and the GTM code will be added when you publish locally or to the Squirrel cloud.

       

       

      Repeat container update

      In 1.15 we added the repeat container, where you define a group of components and they automatically update and repeat, driven by the data in the spreadsheet, to create multiple rows.  Great for dynamically building up a lists views etc. In 1.17 we’ve enhanced the repeat container to now let you repeat your content in columns as well.

       

      Wrapping up

      This release of Squirrel has been all about providing you more tools to customise your projects to get the look and feel exactly how you want it.  With custom code and Google Tag Manager you can now also enhance you project to do more too.

      The post What’s new in Squirrel365 v1.17 appeared first on Squirrel365.

      ]]>
      The PWA Hokey Pokey https://squirrel365.io/the-pwa-hokey-pokey/ Fri, 15 Mar 2024 12:21:44 +0000 https://squirrel365.io/?p=19734 Read about he future trajectory of PWAs for Squirrel365 and the rollercoaster ride with Apple and the EU Digital Markets Act.

      The post The PWA Hokey Pokey appeared first on Squirrel365.

      ]]>

      It’s been like the Hokey Pokey for PWAs on iOS over the past couple of weeks (Or the Hokey Cokey for the people from the UK). Progressive Web Applications, or Home Screen web apps as Apple calls them, have been a hot topic since Apple released beta access to their newest operating system, 17.4, a few weeks ago.

      What is a PWA?

      Progressive Web Applications are web apps that can look and feel like native applications on phones, tablets, PCs etc. They are installable, so once on your device, you can access them like any other application you have installed. In v1.16 of Squirrel365, we added support for PWAs. Your published project can now be treated as a PWA and be installable.

      Apple are causing a stir…

      However, in Apple’s beta release of iOS 17.4, They have made changes to accommodate the Digital Markets Act (DMA). The DMA is an EU regulation aiming to make the digital economy fairer. Apple has been responding to the regulation to open app stores and browser capabilities for other companies to use. Citing security risks, Apple also removed support for PWAs, causing a bit of a stir in the developer community.

      The EU responded by opening an investigation into Apple again. And groups such as the Open Web Advocacy group, sent an open letter to Tim Cook at Apple to lift the ban. On Friday (1st March), in a surprise U-turn, Apple reversed its decision. Support for PWAs will go back into iOS 17.4.

      How does this affect Squirrel365?

      It’s been a roller-coaster of a few weeks for us. Having just released support for PWAs, then all that happened! Even though these changes will only impact our EU customers, we see an opportunity to accelerate our plans for PWAs in Squirrel365.
      Initially, we kept the implementation light. Just enough to show off the potential of progressive web applications. Our goal was always to support more capabilities and distribution options. Ultimately, we plan to enable the release of PWAs as native applications to the app stores on Apple, Android, Windows etc.

      With the potential for PWAs to be broken on EU Apple devices, we bumped “publishing to app stores” up our roadmap list. And despite the latest U-turn, we are not taking our foot off the gas. Phase 2 of PWAs is in R&D, and we’re actively working on native publishing as part of this phase.

      As soon as we have any updates, I will share what we’ve done. In the meantime, let’s hope the PWA Hokey Pokey doesn’t progress any further with PWAs being “shaken all about”!

      The post The PWA Hokey Pokey appeared first on Squirrel365.

      ]]>
      What’s new in Squirrel365 v1.16 https://squirrel365.io/whats-new-in-squirrel365-v1-16/ Wed, 31 Jan 2024 14:26:47 +0000 https://squirrel365.io/?p=19623 A new version has just been released and its packed full of new and improved features. Find out what's new in v1.16.

      The post What’s new in Squirrel365 v1.16 appeared first on Squirrel365.

      ]]>

      Learn what’s new in version 1.16 of Squirrel365. This latest release contains several bug fixes, improvements and new features. We are excited to see what people do with them.

       

      Project Settings and Saving SQRL files

      We’ve created a new central location for project-specific settings. Previously, some of these existed on the main canvas properties although you could override them at publish time which confused many. We’ve simplified this now, and moved everything to a new location accessed via the FILE menu. Found under FILE > Project Settings. head here to change things like:
      • The name of the published project
      • How it looks and scales when you publish
      • Expiry dates and passwords etc.

       

       
       
      Anything set in Project Settings applies to your whole project and is saved as part of your SQRL file.
       
      We’ve also added the option to automatically save a copy of your SQRL file when you publish a project to the cloud. You’ll find the option under the Performance section of Project Settings.
       
      Donald MacCormick did a great job summarising the benefit of this feature on the Community site: “Squirrel designers no longer have to keep track of which version of their SQRL files were used to publish which version of their cloud projects; the SQRL file can be automatically saved to the cloud when it is published, and so each version of the published project has its own SQRL file saved with it.”
       
      With this option turned on you can access the download from the new download icon in either the Project Manager or the Version Manager.
       
       
      Tidying up and consolidating project settings is useful but what about all new functionality for Squirrel365 in v1.16?
       

      New connectors

      Smartsheet connectivity

      With 1.16 we’ve created a new suite of connectors for Smartsheets. Allowing you to read data from your sheets, as well as insert or update rows of data. Building apps on top of your Smartsheets has never been easier.
       

      Google Sheets and Excel connectivity

      We have been able to connect to Google Sheets and Excel online documents for some time. Up until 1.16 you had to create a share link for your document, make it publicly accessible, and then use that in Squirrel. This worked well, however:
      • there were performance challenges with accessing the documents,
      • the documents had to be publicly accessible
      • you could only retrieve data via Squirrel, if you wanted to save data back you had to use Zapier and pay for Zaps.
      Now, that’s all changed! Squirrel 1.16 has direct connectivity to both Google Sheets and Excel online, with no need to create share links. Simply browse Google Drive, or One Drive to locate your document, and you’re away! Squirrel can then retrieve your spreadsheet data live and use it in your project.
      Not only that but because we’re talking directly to the Google Sheet or Excel document, we can now update and insert rows too! Turn your project into an application with write-back capabilities, no database needed!
       

      Progressive Web Applications

      Progressive Web Applications, or PWAs, are web applications that have the ability to look and feel like native, stand-alone, desktop or mobile applications. There is loads of potential for what you can do with PWAs, but in 1.16 we’ve just implemented what we believe are the bare essentials:
      • The ability to set an application name and icon
      • Enable people to “install” the application on desktop and mobile devices
      • Leverage caching so that the application works without internet connectivity*
      *Obviously, if your application has live data connectivity, you will still need the internet.
      Enabling and configuring PWA can be found in the “Project Settings” window.
       

      Wrapping up

      We’ve been working on the direct Google / Excel connectivity and PWA framework for some time, and it’s great to see that it’s finally ready to be made available to the Squirrel community. I’m excited to see what people create with these new features.

      The post What’s new in Squirrel365 v1.16 appeared first on Squirrel365.

      ]]>
      The 12 Days of ‘Squirrel-mas’ https://squirrel365.io/twelve-days-of-squirrel-mas/ Fri, 15 Dec 2023 12:00:36 +0000 https://squirrel365.io/?p=19544 Just like the song, the Squirrel team carried out our own version: The 12 Days of 'Squirrel-mas'. Come take a look!

      The post The 12 Days of ‘Squirrel-mas’ appeared first on Squirrel365.

      ]]>

      🎄On the first day of ‘Squirrel-mas’…🎄

      We found a Squirrel in an oak tree!

      As Christmas comes closer, the Squirrel team wanted to have a little festive fun! Taking the “12 Days of Christmas” song, we explored Squirrel to see if we could list items for each day in the song. 

      As the first gift in the song is “a partridge in a pear tree…” we thought we’d start with a squirrel in an oak tree – a little light-hearted nod to our product’s namesake. We looked at some of our favourite functions and components for each of the other eleven days.

      🎄On the second day of ‘Squirrel-mas’…🎄


      We played with the two Media components!

      The Image and Icon components add much-needed visual aspects to any project. Whether they be diagrams, photographs, or icon-based navigation buttons, any of these media components can make a difference.

      🎄On the third day of ‘Squirrel-mas’…🎄


      We remembered the three Squirrel core-project concepts

      1 / Binding
      2 / Data Insertion
      3 / Dynamic Visibility

      These remain constant when it comes to building your projects in Squirrel.

      🎄On the fourth day of ‘Squirrel-mas’…🎄


      We explored the four available canvas size options.

      Available from the get go, you can jump right in with our default canvas options. Each device category has a drop-down that expands containing more standard canvas sizes.

      Or, if there’s a size you specifically want, use the Custom option to enter your own canvas Width and Height.

      🎄On the fifth day of ‘Squirrel-mas’…🎄


      We were inspired by five projects built by other users – take a look!

      1 / Animated Data Table with Spotify Data – Josh Tapley
      2 / Dashboard Color Checker – Cameron Seamons
      3 / Using Squirrel for Multi user / Live applications – Rob Scott
      4 / Custom Visualization: Rounded Gradient Bar Chart – Josh Tapley
      5 / Play Tetris – Graham Ames

      🎄On the sixth day of ‘Squirrel-mas’…🎄


      We looked into the six steps for project building!

      1 / Start with the spreadsheet… as the powerhouse of your project, it provides both the data and the logic.
      2 / Add components… with a library packed full of charts, tables, image and text components, you choose how you want to present your data.
      3 / Bring your content to life… connect your components to cells in the spreadsheet and watch the magic happen!
      4 / Connect to your data… connect your Squirrel projects to external data so they are always up to date.
      5 / Publish and share… embed into SharePoint or other websites using cloud embed code, or export and host locally on your own web server.
      6 / Manage with ease… activate and deactivate your published projects or change their sharing options in the Squirrel Project Manager

      Check them out on our website’s Features page!

      🎄On the seventh day of ‘Squirrel-mas’…🎄


      We experimented with the seven Data Insertion types!

      1 / Position – Insert the selected item’s position in the list into the spreadsheet
      2 / Series Name – Enter the name of the selected Series into the spreadsheet
      3 / Category Name – Enter the name of the selected Category into the spreadsheet
      4 / Value – Enter a specified value or set of values into the spreadsheet
      5 / Row – Enter a selected row or rows of data into the spreadsheet based on the value selected
      6 / Column – Enter a selected column or columns into the spreadsheet based on the value selected
      7 / Status List – Create a status list to track the status of selected and deselected values

      🎄On the eighth day of ‘Squirrel-mas’…🎄


      We pushed the limits of the eight Conditional Logic comparators!

      1 / ‘=’ Equals
      2 / ‘<>’ Is Not
      3 / ‘<’ Less Than
      4 / ‘<=’ Less Than/ Equal to
      5 / ‘>’ Greater Than
      6 / ‘>=’ Greater Than/ Equal to
      7 / ‘Is Empty’
      8 / ‘Is Not Empty’

      🎄On the ninth day of ‘Squirrel-mas’…🎄


      We explored the nine Component categories!

      1 / Charts – Line Chart, Bar Chart, Pie Chart…
      2 / Data Viz – Gauge, Gantt, Word Cloud…
      3 / Tables – Data Table, Scorecard…
      4 / Controls – Push Button, Drop-down, Radio Button…
      5 / Text – Text Input, Text Label…
      6 / Shapes – Rectangle, Line, Ellipse…
      7 / Media – Image, Icons…
      8 / Containers – Repeat Container, Web View…
      9 / Add-ons Check available add-ons here!

      🎄On the tenth day of ‘Squirrel-mas’…🎄


      We tidied up the visual elements of our projects using the ten Alignment Options

      1 / Align to left-side
      2 / Align to centre
      3 / Align to right-side
      4 / Align to top
      5 / Align to middle
      6 / Align to bottom
      7 / Distribute horizontally
      8 / Distribute vertically
      9 / Match height
      10 / Match width

      Don’t forget!! The first object you select is the one that all the alignment, size and position operations will be based on.

       

      🎄On the eleventh day of ‘Squirrel-mas’…🎄

      We downloaded our eleven most popular add-ons! They’ve been a hit since we launched the Marketplace!

      1 / Gradient Background
      2 / File Loader
      3 / Unique List
      4 / Range Slider
      5 / Alert Icon
      6 / Lottie Animations
      7 / Toast
      8 / Window Size
      9 / Sparkchart
      10 / Copy To Clipboard
      11 / Card Slider

       

       

      🎄On the twelfth day of ‘Squirrel-mas’…🎄

      We made a list of our twelve favourite fonts available in Squirrel!

      1 / Poppins
      2 / Montserrat
      3 / Ubuntu
      4 / Lato
      5 / Open Sans
      6 / Source Sans Pro
      7 / Bree Serif
      8 / Rubik
      9 / Heebo
      10 / Roboto Slab
      11 / Signika
      12 / Noto Sans

      And that about wraps it up!

      With this in mind, we would like to invite all of you to participate in the challenge by creating your own ’12 days of Squirrel-mas’ list. We have created a challenge on the Squirrel Community page where you can share yours and we will make sure to highlight our favourite entries.

      From all of us here at Squirrel365, we wish you all a very happy Christmas!

      The post The 12 Days of ‘Squirrel-mas’ appeared first on Squirrel365.

      ]]>