Artiklar vi läst ❦ Xponent blogroll
Här hittar du artiklar vi tagit del av och gillat. Det är en ständigt växande lista med saker vi tycker är värda att beakta. Senast lästa överst.
Here you will find posts we read and liked. It is an ever-expanding list of things we find worthy to share. Last read at the top.
Having a bank of the best website design inspirations has proven a huge asset to my workflow. With a go-to list of inspirational resources, I can jump into projects faster and more effectively with a surplus of design ideas, and better meet the demands of any creative brief.
Recently, two of the sites I manage had a burst of referrals show up in Google Analytics from a suspicious looking source: in one instance 'websitebottraffic.pw' and in the other 'bottraffic4free.xyz'. Both of these domains, if you visit them in the browser, redirect to gammatraffic.com. What are these referrals and should I be worried?
TECHNICALLY PRODUCT » What are these 'bot traffic' referrals in Google Analytics?
Think of your Genesis site’s structure as a map. No matter what child theme you’re using, there are certain areas included in all Genesis sites – header, primary and secondary navigation, content area, sidebar, footer, etc.
salferello.com » What the Hook?! What Are Genesis Hooks and How Do I Use Them?
When I first heard about Google Tag Manager (GTM) in early 2013, I felt a bit confused. At that time I had no idea that tag management was a thing at all, so naturally, I found myself questioning what Google Tag Manager was anyway? What’s the difference between Google Analytics events and GTM events?
analyticsmania.com » Google Tag Manager vs Google Analytics: What’s the difference?
In a perfect world, you’d never have a single issue that required debugging. But in the real world, you’ll almost certainly run into issues on your WordPress site that require a look under the hood.
You can quickly create a WordPress child theme by creating a new theme directory and adding these two files.
This link is to remember just how easy it is to start a new child theme.
salferello.com » Create WordPress Child Theme
CSS Houdini gets its name from the world-famous Harry Houdini. Why? A group of developers – from well-known organisations such as Apple and Google, and the CSS Working Group – wanted to demystify the magic of CSS and get better control of website rendering. So they formed the CSS Houdini Task Force.
creativebloq.com » All you need to know about hyphenation in CSS
An excerpt field in WordPress post and page is a section used for an article summary. In this blog post, we are going to share about how to enable the Excerpt field in WordPress Post and Page.
For both the Gutenberg & the classic editor
Moving your website to a new host can be a daunting and stressful experience, but it doesn’t need to be.
Many people are faced with the need to move to a new host because of problems with their current provider and have just had enough. But all too often, migrating to a more reliable host is delayed time and again for fear of making a mistake and damaging your site(s).
Google translate is a powerful tool that can sometimes work perfectly and other times completely miss the mark. Utilizing it on your website can save hours of time and money by providing quick translations for every language possible. While Google translate can be great, there are however certain times when you might not want Google to translate specific words or blocks of content. Luckily, Google has made this easy for us by providing a built in way to disable Google translation when necessary. In this tutorial we will teach you how to utilize the built in class provided by Google to disable translation on specific words or content blocks.
Design leaders from Google, Spotify, Stealth Startup and Gigster share their thoughts on design systems — and their predictions for the future.
Design Resources » Designing at scale: How industry leaders leverage design systems
Hyphenation is a complex subject. Hyphenation points are mainly based on syllables using a combination of etymology and phonology, but house styles also have differing rules on dividing words.
clagnut.com » All you need to know about hyphenation in CSS
Still our place to go for advice and inspiration… this practical guide to web typography
webtypography.net » The Elements of Typographic Style Applied to the Web
Okay, so you’re writing a post/article or creating some other piece of content around WordPress, but you want for what you’re saying to pack a stronger punch … to resonate with the reader better. For that, you need yourself some hard stats.
CSS calc() allows us to do math in CSS but it doesn't always have the most obvious use cases. A lot of the time it's super helpful in more sneaky kinds of ways. In this video, I look at how it compares to doing math in a preprocessor as well as a few fun use cases for it where it does some really fun things!
KEVIN POWELL on YOUTUBE » CALC() LETS YOU DO SOME REAL CSS MAGIC
This tutorial answers this question:
I need to recreate several new templates for my theme. I’m brand new to the Genesis framework even though I’ve been using WP for years. The page templates don’t look like I’m used to. I’m used to seeing more HTML on the pages. Is it possible to create custom pages and do you have any resources you could recommend on how to do so?
If you're here right now... you already know. It's not a secret whatsoever; in fact, everyone from Senior Art Directors to junior interns — and even not-at-all-design-savvy developers — could tell you how important great typography is.
THE LEAGUE of MOVEABLE TYPE » BULLETPROOF TYPOGRAPHY
Safely Customizing Genesis Child Themes with WP Clips
Xponent found this interesting technique over at…
SEO, or Search Engine Optimization, is the practice of optimizing your website's architecture, content, code and backlinks to increase organic traffic from search engines.
SEO OPTIMIZATION GUIDE by Wasai » SEO OPTIMIZATION GUIDE
JPEG 2000, JPEG XR, and WebP are image formats that have superior compression and quality characteristics compared to their older JPEG and PNG counterparts. Encoding your images in these formats rather than JPEG or PNG means that they will load faster and consume less cellular data.
DEVELOPERS GOOGLE » SERVE IMAGES IN NEXT-GEN FORMATS
OpenType-SVG is a font format in which an OpenType font has all or just some of its glyphs represented as SVG (scalable vector graphics) artwork. This allows the display of multiple colors and gradients in a single glyph. Because of these features, we also refer to OpenType-SVG fonts as “color fonts”.
ADOBE.COM » OPENTYPE-SVG COLOR FONTS
Do you want to move your WordPress site to a new domain? Changing your website’s domain name can significantly impact your SEO rankings, and it’s a process that needs to be done very carefully.
In this post, I’ll discuss some of the benefits of translating your website, what types of translations are available, and the best language translator plugins to make your WordPress site multilingual.
WP BUFFS » 9 LANGUAGE TRANSLATOR WORDPRESS PLUGINS
We get questions all the time on how to pair fonts, how to pick the right fonts, and how to tell whether fonts are good quality or bad. It's time we start learning how to level up our type and design skills.
THE LEAGUE OF MOVEABLE TYPE » WHY IS TYPOGRAPHY IMPORTANT?