Category Archive for: performance

rfp-robotRFP ROBOT: Website Request for Proposal Generator

The time has come for a new website (or website redesign), which means you need to write a website request for proposal or web RFP. A Google search produces a few examples, but they vary wildly and don’t seem to speak really to your goals for developing or redesigning a new website. You need to write a website RFP that will clearly articulate your needs and generate responses from the best website designers and developers out there. But how?

Have no fear, RFP Robot is here. He will walk you through a step-by-step process to help you work through the details of your project and create a PDF formatted website design RFP that will provide the information vendors need to write an accurate bid. RFP Robot will tell you what info you should include, point out pitfalls, and give examples.


An Epic Fortnite Gaming Rig for $1,001!

So, my 12-year old decided that she needed a more powerful computer for her favorite video game, Fortnite and I promised her, years ago, that we’d find a time to custom-build her own computer. Finally, I’ve been able to make good on my word! Purchase list! I wanted my daughter to lead the process end-to-end, so, she was responsible for not only finding the right parts but also price-comparing them and making her ultimate “purchase list” so that we could talk through it. We discussed the pros and cons of larger motherboards to allow for larger expansion opportunities and power consumption requirements for smaller (or more powerful) components, like the CPU or GPU. Starting to arrive! A little bit of math was required, to ensure that we got the right PSU (Power Supply Unit) to handle her components but it wasn’t that hard to put the master list together. What was…

Read More →

Lazy Loading Images with Vue.js Directives and Intersection Observer

When I think about web performance, the first thing that comes to my mind is how images are generally the last elements that appear on a page. Today, images can be a major issue when it comes to performance, which is unfortunate since the speed a website loads has a direct impact on users successfully doing what they came to the page to do (think conversation rates). Very recently, Rahul Nanwani wrote up an extensive guide on lazy loading images. I’d like to cover the same topic, but from a different approach: using data attributes, Intersection Observer and custom directives in Vue.js. What this’ll basically do is allow us to solve two things: Store the src of the image we want to load without loading it in the first place. Detect when the image becomes visible to the user and trigger the request to load the image. Same basic lazy…

Read More →

Better image performance on dri.es

For a few years now I’ve been planning to add support for responsive images to my site. The past two weeks, I’ve had to take multiple trips to the West Coast of the United States; last week I traveled from Boston to San Diego and back, and this week I’m flying from Boston to San Francisco and back. I used some of that airplane time to add responsive image support to my site, and just pushed it to production from 30,000 feet in the air! When a website supports responsive images, it allows a browser to choose between different versions of an image. The browser will select the most optimal image by taking into account not only the device’s dimensions (e.g. mobile vs desktop) but also the device’s screen resolution (e.g. regular vs retina) and the browser viewport (e.g. full-screen browser or not). In theory, a browser could also factor…

Read More →

7 Essential SEO Browser Extensions & Plugins by @beanstalkim

Save time and improve your SEO performance with these seven essential browser extensions and plugins.The post 7 Essential SEO Browser Extensions & Plugins by @beanstalkim appeared first on Search Engine Journal. Source: https://www.searchenginejournal.com/feed/

A fresh look for dri.es

In 1999, I decided to start dri.es (formally buytaert.net) as a place to blog, write, and deepen my thinking. While I ran other websites before dri.es, my blog is one of my longest running projects. Working on my site helps me relax, so it’s not unusual for me to spend a few hours now and then making tweaks. This could include updating my photo galleries, working on more POSSE features, fixing broken links, or upgrading to the latest version of Drupal. The past month, a collection of smaller updates have resulted in a new visual design for my site. If you are reading this post through an RSS aggregator or through my mailing list, consider checking out the new design on dri.es. Before (left) and after (right). The new dri.es may not win design awards, but will hopefully make it easier to consume the content. My design goals were the…

Read More →

Prix Avira : découvrez la grille tarifaire complète du fournisseur

A une époque où les attaques informatiques viennent de partout, posséder un antivirus n’est pas un luxe. Parmi les antivirus les plus recommandés, Avira occupe une place de choix. Seulement, ce n’est pas évident que vous puissiez tirer le maximum de ses fonctionnalités en utilisant la version gratuite. Pour ceux qui souhaitent acheter la version complète, voici les prix Avira. Résumé de notre article[wpsm_toplist h2] Pourquoi opter pour Avira ? Ce n’est pas par hasard qu’Avira Antivirus Pro 2019 a été distingué Top Product par l’AV-TEST. Si la version gratuite de l’antivirus était déjà très performante, le logiciel payant atteint des niveaux de performance qui en font une des références dans la protection contre les logiciels malveillants. La mise à niveau de la version gratuite vers Avira Antivirus Pro se révèle très intéressante. Elle fournit une protection fiable pour la navigation, les e-mails et les téléchargements. Son scanner, en temps…

Read More →

Becoming a Better Developer

Someone put together a neat handbook on how one can improve their cognitive and problem-solving skills and how to increase your overall developer performance – it’s a decent read. But, I have another idea… and it’s a much lighter read. Instead of 7 chapters and reading a ton of (difficult) resources, I’ve managed to improve my own software development skills by doing these three simple things: Work with people who are more talented and experienced than you as they will force you to think differently, more strategically, and model for you what it looks like to be a more fluid builder. Mentorship and coaching will naturally come into play if respect is on both sides of the table. Work on projects that keep you immensely curious as they will naturally encourage you to expand your developer horizons and have you interface with new and exciting technologies. Because of the alignment…

Read More →

Putting things on top of other things

A plain-language romp through the trials and tribulations of z-indexby Isabel Brison. On the surface, z-index seems simple. It’s a number and it represents what is on top of what… assuming it is positioned… and assuming it is within the same stacking context as the other things. … that is the gist of it: stacking contexts are caused by a variety of properties and the main reasons for their existence are performance concerns and ease of implementation by browsers. They are not always related to z-index or ordering; they pop up wherever it makes sense to have several elements all on the same layer for rendering purposes. Direct Link to Article — PermalinkThe post Putting things on top of other things appeared first on CSS-Tricks. Source: CssTricks

Putting things on top of other things

A plain-language romp through the trials and tribulations of z-indexby Isabel Brison. On the surface, z-index seems simple. It’s a number and it represents what is on top of what… assuming it is positioned… and assuming it is within the same stacking context as the other things. … that is the gist of it: stacking contexts are caused by a variety of properties and the main reasons for their existence are performance concerns and ease of implementation by browsers. They are not always related to z-index or ordering; they pop up wherever it makes sense to have several elements all on the same layer for rendering purposes. Direct Link to Article — PermalinkThe post Putting things on top of other things appeared first on CSS-Tricks. Source: CssTricks

Quel est le meilleur antivirus gratuit ? Est-ce conseillé ?

Votre ordinateur peut prendre un gros coup si vous surfez sur internet sans être doté d’une bonne protection. Pour se protéger des virus et programmes malveillants, une solution d’antivirus gratuit pourrait peut-être faire l’affaire. Découvrez dans cet article quel est le meilleur antivirus gratuit pour votre protection. « Résumé de notre article[wpsm_toplist h2] » Anvitivirus gratuit Si les antivirus payants disposent de fonctionnalités comme le filtre à spam, le pare-feu et le contrôle parental, il faut dire que sur le plan de la lutte contre les virus, le principe est un peu le même, que l’on soit en présence d’un antivirus gratuit ou d’une solution payante. Plusieurs parmi les meilleurs antivirus gratuits se mettent donc dans la course. Parmi les plus connus, on peut citer AVG, McAfee, Avira, Bitdefender, Panda, etc. Nous allons donc adresser la question : quel antivirus choisir ? Meilleur antivirus gratuit : Avira Bien qu’ils soient dotés de systèmes…

Read More →

Basecamp is hiring a data analyst

Come work with us!Basecamp is hiring a data analyst to help us make better decisions in all areas of the business. This includes everything from running A/B tests with statistical rigor to forecasting revenue for the year to tracing performance problems to analyzing usage patterns.We’re looking for an experienced candidate who’s done similar work elsewhere (as you’ll be the only one at Basecamp with this specialty). But nobody hits the ground running. You won’t be able to answer every question immediately or know how all the systems work on day one — and we don’t expect you to.We want strong, diverse teams built from different backgrounds, experiences and identities. We’re ready for the ongoing work that goes into building an inclusive, supportive place for you to do the best work of your career. That starts with working no more than 40 hours a week on a regular basis and getting 8+ hours of sleep…

Read More →

Optimizing Drupal performance on IIS/Windows position is open

Source: https://jobs.drupal.org/all-jobs/feed

How You’re Being Manipulated By Software

The Book of Life (1898)(And what you can do about it)There’s a term we use in software design called the happy path. It describes a best-case scenario, in which customers use a product exactly as intended, without bumping into any edge cases or uncommon problems. This includes the interface you see when you sign up, setup steps you have to complete, and so on.For software designers, a happy path is also an extremely powerful psychological tool that allows us to control people’s behavior and direct them to do whatever we want.If that sounds surprising—and slightly terrifying—think about how many times you’ve blown past a lengthy software license agreement and clicked the Agree button without looking.Were you thinking deeply about what you were doing?Probably not. And you’re not alone! Research shows that humans have a natural aversion to decision making. As Smashing Magazine describes it, people simply don’t like to make choices unless they have to:Making an explicit…

Read More →

Aspect Ratio Media Elements and intrinsicsize

If you need an aspect-ratio sized <div> (or any element that can have children), you can do it. Perhaps the cleanest way is a custom-property-sized pseudo-element that pushes the correct minimum height through padding-based-on-width. But media elements like <img> don’t have children. The <video> tag isn’t self-closing, but when it is supported (almost always), the content of it is replaced with a shadow DOM you don’t control. Besides, these are the only two elements that “size to an external resource.” So, how do you enforce aspect ratio on them when using a variable width like 100% or 75vw? Well, once they load, they will have their natural aspect ratio, so that’s nice. But it also means they don’t know the height while they are loading and it may cause performance jank-ening reflow. One solution is to put them into a container with an aspect ratio, forcing them to the corners…

Read More →

Quels sont les avantages des antivirus payants ?

Pour assurer la sécurité des ordinateurs et limiter voire contrer les cyber-attaques, il existe de nombreux antivirus ; certaines solutions sont gratuites alors que d’autres sont plutôt payantes. Quels sont donc les avantages des antivirus payants ? Trouvez les éléments de réponse dans cet article. Résumé de notre article[wpsm_toplist h3] Avantages des antivirus payants La garantie d’une protection complète et optimale Un hacker met en général moins de 10 minutes pour pirater un appareil connecté sans protection. Eh oui ! Cela fait peur, surtout si l’on craint de voir ses fichiers confidentiels aux mains d’un inconnu dont les intentions ne sont pas souvent bienveillantes. Le problème avec les antivirus gratuits, c’est qu’ils ne sont capables de contrer qu’une certaine catégorie de malwares. Optez donc pour les meilleurs antivirus. De plus, pour être sûr de contrer toutes ces menaces, il faut parfois souscrire à plusieurs offres, ce qui peut très vite nuire à la performance…

Read More →

The 9 Most Important SEO KPIs You Should Be Tracking by @SEOBrock

Your website is beautiful. You’ve invested heavily into content marketing. You’ve spent countless hours developing buyer personas and zeroing in on your target audience. Now it comes time to present your efforts to your client, or share the latest campaign developments with the higher-ups. How can you prove success? How can you demonstrate value in a tangible way? Key performance indicators (KPIs) hold the answer. KPIs are objective metrics that help to measure and give clarity into the success of a given organization or campaign. What are the most important KPIs when it comes to measuring the success of your […]The post The 9 Most Important SEO KPIs You Should Be Tracking by @SEOBrock appeared first on Search Engine Journal. Source: https://www.searchenginejournal.com/feed/

Coding with Cache Tags in Drupal 8

Cache tags are a game changer for your caching strategy in Drupal 8. Expiry vs invalidation Up until Drupal 8, Drupal has had one caching strategy called cache expiration. It cached computed output for a fixed period of time (e.g. 1 hour). There are two downsides to this approach: You cannot see newer content until the expiration time (time-to-live or TTL) had lapsed. You would have to compute output again after the expiration period even if nothing had changed. Drupal 8 introduced another option called cache invalidation. This is where you set the cache lifetime to be permanent and invalidate (purge) that cached item when its no longer relevant. Drupal 8 does this by storing metadata about the cached item. Then, when an event occurs, such as an update on a node, the metadata can be searched to find all cache items that contain computed data about the updated node,…

Read More →

The Low Hanging Fruit of Web Performance

I kicked off a really poppin’ Twitter thread the other day: What are the LOWEST hanging fruit of web performance? Nothing fancy, anyone can do, big impact. Gzip. Optimize stuff. Reduce requests… What are other big ones? — Chris Coyier (@chriscoyier) August 17, 2018 So, I decided to round up all the ideas (both my own and yours) around that in a post over on the Media Temple blog. These are the things we dive into in that post: Reduce Requests Optimize Assets Make sure you’re gzipping Make sure you’re browser caching Use a CDN Lazy Load and Defer Loading of Things Use responsive images (or at least use reasonable sizes) Mind Your Fonts Good Hosting / HTTP2 / PHP7 Turbolinks Direct Link to Article — PermalinkThe post The Low Hanging Fruit of Web Performance appeared first on CSS-Tricks. Source: CssTricks

Jetpack’s Social Integration Features

One of the many things we use Jetpack for here on CSS-Tricks is all of its features related to social media integration. For example, Jetpack can automatically share published content to different social media accounts simultaneously, add sharing buttons to your site’s theme, and allow for social login on the comment form. There is even more than that, but let’s dig into these three as we use them. Auto-Sharing Posts I like the idea that everything we published goes out to social media. Many people only follow the site that way, so they should see what we’re writing. We’re specifically into Twitter and Facebook. With Jetpack installed connected to WordPress.com, I can now flip on the setting: Then authenticate the services you want to connect: Now as we publish new articles, there are Publicize controls right there allowing us to send it to the services we want along with a…

Read More →

Back to Top