Consistent Diagonal Clipping with CSS
Diagonal lines are one of those design elements that web designers love and web developers fear. Breaking up the vertical lines in your page design adds variety to what would otherwise be a rigid grid. But there is a reason most website designs stick to perpendicular lines: the tools used to create layouts in the […]
Getting Hooked on WordPress Hooks
What are Hooks? WordPress can be an imposing environment for new developers. The barrier to entry is low — you can accomplish a lot by pasting snippets into your theme’s functions file — but it doesn’t take long to realize that WordPress is an enormous machine full of moving parts. Every page load requires a […]
Running JavaScript with Templates in Storybook for HTML
When working with Storybook for HTML, it can be difficult to pair a template with a JavaScript file. Here we explain a solution that has proven extremely effective for us at NewCity.
10 Automated Tests to Keep Your Website Healthy — and Help Your Devs Sleep at Night
At NewCity, we apply a number of different automated tests to our client sites. Below are ten of the most useful ones we’ve found.
Build Your Digital Playbook & Toolkit
Every leader who shapes the web presence of a big organization wants to deliver a powerful online experience, one that reflects the brand, attracts people and delivers great service at all levels – from the main gateway to the smallest department.
UI Design Systems
All websites, regardless of size, are made up of common elements. Some pieces are small (think buttons or headers) and some pieces are big (image galleries or news feeds). A design system organizes these common elements into reusable patterns that can be combined to make any page or interface you need.
Project Strategy Blueprint
A strategy blueprint is a one page summary of your project strategy. We primarily use them across our project team as a short-had reminder of the needs and goals of the project. If you plan to use it to share the project strategy with other stakeholders, you may need more explanation. We usually include these […]
Writing for the Web and Your Brand
No matter what form your web writing guidelines take, they should provide clear examples for both writing for the web and supporting key brand messages. Not all content editors have experience with both of these writing styles and need clear and practice guidance to be successful. Web writing guides should: You might be thinking, “My […]
Website Content Work Planning Template
One of the most important tools for managing the creation, revision, or migration of content for a website is the content work plan. There are commercial tools available, but we most often rely on a spreadsheet with columns for plan details. To develop a content work plan we recommend these steps: Below is an example […]
Page Tables for Website Content Creation
Page Tables help web content editors plan content–both text and media–that will work well for each page of a website. A page table breaks the page down into its components, explaining what should go into each part of a content type or layout in simple terms, with examples. They’re most helpful for repeatable content types […]