Blog

Everything listed under: sass

  • Learn How to Override an Extension's Template and Sass Files

    After installing a new third-party extension to your SuiteCommerce site, you're not confined by the default styles included in its templates and Sass! Choose your own look with extension overrides.  Read More...

  • Get to Grips with the Commerce Extension Framework

    In the SuiteCommerce world, the Commerce Extension Framework represents one of the biggest changes we've made in a while. Not only does it offer new levels of ease in terms of development, it also ushers in a new way to approach webstore customization. This blog post is a write-up of a talk Joaquín Gatica and I gave at SuiteWorld 2018, and makes for essential reading.  Read More...

  • Build a Style Guide

    Building and maintaining a site can be a difficult, seemingly indefinite process. One particular pain-point can be ensuring a consistent look and feel throughout the site. A solution to this can be a style guide. In this article we'll look at how you can build one, as well as looking at some advanced features in Sass.  Read More...

  • Workaround for Sass Compilation Error

    We're aware that a number of you have been experiencing issues with the Sass compiler recently. We've provided a workaround for the issue while we investigate a long-term solution.  Read More...

  • TIL Thursday: More Best Practices for Using Sass

    You may remember a previous article about Sass best practices. For new and even experienced designers and developers, it can be difficult to know what guidelines you should follow. As before, I've asked Senior Developer at NetSuite, Hayley Easton, for advice on what we should be doing when we're styling our sites.  Read More...

  • TIL Thursday: Best Practices for Using Sass

    When working with Sass, it's important to make full use of the benefits that it provides. Unlike regular CSS, Sass enables you to use functionality commonly available in other programming languages. If you're new to Sass, you may not be aware of what they are or how to best exploit Sass's power. In order to find out what the best practices are, I had a chat with Hayley Easton, Senior Developer at NetSuite, to find out what they are.  Read More...

  • Trends for 2016: Subtle Hover States

    Around this time of year, there's always a lot of discussion around what will be the next big thing in web development. I take a look at one in particular: subtle hover states.  Read More...

  • TIL Thursday: NetSuite Coding Styles Explained

    Have you ever wondered why the reference SuiteCommerce Advanced modules are written the way they are? Within in any development team decisions have to be made regarding the style, conventions and standards that the team will adopt for their code. When I first started learning the SCA code, I had some questions and so I caught up with Sebastian Gurin, Senior Software Engineer at NetSuite, who is part of the team that chose the coding styles used in the SuiteCommerce Advanced code.  Read More...

  • Developing Your First Custom SuiteCommerce Advanced Module: Part 4

    In the preceding articles we built our module to the point where it is a fully functional form and list where can perform all of the basic API operations. In this article we're going to look at how we can make improvements to the user experience in the form of changes to site design and styling.  Read More...

  • Override a Module to Make a Color Change

    While we've covered adding new modules to your site, another customization you can make is overriding an existing module with your own. You may want to do this, for example, if you want to make a global changes to styling, such as to the color scheme.  Read More...

  • Five Ways to Troubleshoot SCA in the Browser

    For a while now, web browsers have included a number of tools to aid developers who are working on websites. As a developer you'll be aware of what they are but below below are some tips for using your browser's tools to deal with problems that may arise when working on an SCA site.  Read More...