css 

Creating an Editable Site with Google Sheets and Eleventy

Remember Tabletop.js? We just covered it a little bit ago in this same exact context: building editable websites. It’s a tool that turns a Google Sheet into an API, that you as a developer can hit for data when building a website. In that last article, we used that API on the client side, meaning JavaScript needed to run on every single page view, hit that URL for the data, and build the page. That might be OK in some circumstances, but let’s do it one better. Let’s hit the…

Read More

How to Add Custom CSS to Your WordPress Site

The WordPress ecosystem is huge, so it can be a challenge to find the perfect theme to match your brand in every respect. A good starting point is by browsing the thousands of high-quality WordPress themes on ThemeForest. However, it frequently happens that you find an almost perfect design but you still want to tweak it a little—or a lot. Although most WordPress themes come with built-in options that let you modify basic things such as typography and colors, sometimes you want to make bigger changes. This is when you need to add…

Read More
css 

The Teletype Text Element Lives On… at Least on This Site

It was this: <tt> I say “was” because it’s deprecated. It may still “work” (like everybody’s favorite <marquee> in some browsers), but it could stop working anytime, they say. The whole purpose of it was to display text in a monospace font, like the way Teletype machines used to. Dave used it jokingly the other day. Per recent events: As you can see by this official transcript, Dave Rupert LLC has done nothing wrong… <tt>Client: This is the greatest call I've ever been on.Dave Rupert LLC: Definitely and we didn't…

Read More
MatLab 

Nineteenth site in online tools network: onlineUNICODEtools.com

At Browserling we’re building a network of online tools websites. Each site focuses on one and only one tool category. Each tool does one and only one thing. Today we’re releasing the nineteenth site – Online Unicode Tools. Online Unicode Tools is a collection of simple, free and easy to use utilities for working with Unicode data. There are no ads, popups, or other garbage. Just Unicode utilities that work in your browser. Load Unicode and instantly get the result! www.onlineUNICODEtools.com Here’s a list of all Unicode tools so far:…

Read More
css 

Using GitHub Template Repos to Jump-Start Static Site Projects

If you’re getting started with static site generators, did you know you can use GitHub template repositories to quickly start new projects and reduce your setup time? Most static site generators make installation easy, but each project still requires configuration after installation. When you build a lot of similar projects, you may duplicate effort during the setup phase. GitHub template repositories may save you a lot of time if you find yourself: creating the same folder structures from previous projects, copying and pasting config files from previous projects, and copying…

Read More

Mina Markham Should Make Beyoncé’s Site Accessible

I remember when this went around in January, and I’m a little shocked it didn’t happen. Mina is the perfect person for the job (like, duh) and the result would be good for everyone. Let’s make this happen. The least we can do is sign Amélie Lamont’s petition. Direct Link to Article — Permalink The post Mina Markham Should Make Beyoncé’s Site Accessible appeared first on CSS-Tricks.

Read More
MatLab 

Fifteenth site in online tools network: onlineUTF8tools.com

At Browserling we’re building a network of online tools websites. Each site in the network focuses on one and only one tool category. Each tool does one and only one thing. The first fourteen websites in the network are Online CSV Tools, which is all about working with Comma Separated Values files, Online TSV Tools, which is all about working with Tab Separated Values files, Online JSON Tools, which is all about working with JSON data, Online XML Tools, which is all about working with XML documents, Online YAML Tools,…

Read More
css 

10 Awesome Static Site Generators (PHP)

Jekkyll Jekyll is a simple, blog-aware, static site generator. It takes a template directory containing raw text files in various formats, runs it through a converter (like Markdown) and our Liquid renderer, and spits out a complete, ready-to-publish static website suitable for serving with your favorite web server. Github: https://github.com/jekyll/jekyll Octopress Octopress is a framework designed by Brandon Mathis for Jekyll, the blog aware static site generator powering Github Pages. To start blogging with Jekyll, you have to write your own HTML templates, CSS, Javascripts and set up your configuration. But…

Read More
MatLab 

Sixteenth site in online tools network: onlineTEXTtools.com

At Browserling we’re building a network of online tools websites. Each site in the network focuses on one and only one tool category. Each tool does one and only one thing. Today we’re releasing the sixteenth site – Online Text Tools. Online Text Tools is a collection of simple, free and easy to use text processing utilities. There are no ads, popups or other garbage. Just text utilities that work in your browser. Load text and instantly get result! www.onlineTEXTtools.com Here’s a list of all text tools: Split Text Join…

Read More