6 Clever SVG Pattern Generators for Your Next UX Design — SitePoint
June 6, 20226 Clever SVG Pattern Generators for Your Next UX Design SVG patterns could easily be thought of as an under-appreciated superpower of SVG. While they’re often not widely understood, SVG patterns offer a lot of interesting design options once you understand their subtleties. In this article, we’re going to start with a crash course on how SVG patterns work. Then we’ll spin through 6 too
How to Build a React App that Works with a Rails 5.1 API — SitePoint
September 20, 2017How to Build a React App that Works with a Rails 5.1 API React has taken the frontend development world by storm. It’s an excellent JavaScript library for building user interfaces. And it’s great in combination with Ruby on Rails. You can use Rails on the back end with React on the front end in various ways. In this hands-on tutorial, we’re going to build a React app that works w
Using SVG with Media Queries — SitePoint
In HTML documents, we can show, hide, or rearrange parts of the page based on the conditions of the viewport. If the browser window is 480 pixels wide, for example, we might shift our navigation from a horizontal one to a vertical, collapsible list. We can do something similar when using SVG with media queries. This article is an extract from Tiffany’s book CSS Master, 3rd Edition. Check it out if
Improve Web Typography with CSS Font Size Adjust — SitePoint
August 23, 2017Improve Web Typography with CSS Font Size Adjust This article was peer reviewed by Panayotis Matsinopoulos. Thanks to all of SitePoint’s peer reviewers for making SitePoint content the best it can be! The font-size-adjust property in CSS allows developers to specify the font-size based on the height of lowercase letters instead of uppercase letters. This can significantly improve th
JavaScript Performance Optimization Tips: An Overview — SitePoint
In this post, there’s lots of stuff to cover across a wide and wildly changing landscape. It’s also a topic that covers everyone’s favorite: The JS Framework of the Month™. We’ll try to stick to the “Tools, not rules” mantra and keep the JS buzzwords to a minimum. Since we won’t be able to cover everything related to JS performance in a 2000 word article, make sure you read the references and do y
PHP-FPM tuning: Using 'pm static' for Max Performance — SitePoint
An unedited version of article was originally published at HaydenJames.io and republished here with the author’s permission. Let’s take a very quick look at how best to set up PHP-FPM for high throughput, low latency, and a more stable use of CPU and memory. By default, most setups have PHP-FPM’s PM (process manager) string set to dynamic and there’s also the common advice to use ondemand if you s
Using CSS Transforms in the Real World — SitePoint
August 20, 2018Using CSS Transforms in the Real World In this article, we’ll learn how CSS transforms can be used in the real world to solve various tasks and achieve interesting results. Specifically, you’ll learn how to adjust elements vertically, create nice-looking arrows, build loading animations and create flip animations. Transformations of HTML elements became a CSS3 standard in 2012 and w
The CSS Grid Layout vs CSS Frameworks Debate — SitePoint
With cutting-edge CSS standards like CSS Grid Layout and Flexbox, coding a web page layout is no longer such a pain. If you add to this that browser support for both Grid and Flexbox is pretty good too, then the question is bound to come up: Why should consider learning and using CSS frameworks in my development work? In this article, I’ll focus on Bootstrap, since it’s arguably one of the most po
Taking CSS Linting to the Next Level with Stylelint — SitePoint
As front-end development has matured, the use of tools addressing code quality has grown substantially. This is perhaps most evident when looking at the JavaScript ecosystem. Using a JavaScript linter is now the expected standard for front-end developers to ensure that their code is well structured and consistent. In fact, in my recent tooling survey, the vast majority of developers stated that th
CSS font-display: The Future of Font Rendering on the Web — SitePoint
September 26, 2017CSS font-display: The Future of Font Rendering on the Web One of the downsides of using web fonts is that if a font is not available on a user’s device, it must be downloaded. This means that before the font becomes available the browser has to decide how to handle the display of any block of text that uses that font. And it needs to do so in a way that doesn’t significantly impa
An Introduction to Sails.js — SitePoint
Sails.js is a Node.js MVC (model–view–controller) framework that follows the “convention over configuration” principle. It’s inspired by the popular Ruby on Rails web framework, and allows you to quickly build REST APIs, single-page apps and real-time (WebSockets-based) apps. It makes extensive use of code generators that allow you to build your application with less writing of code — particularly
Case Study: Optimizing CommonMark Markdown Parser with Blackfire.io — SitePoint
Unfortunately, because of the tightly-coupled design and overall architecture, it’s difficult (if not impossible) to extend these parsers with custom logic. For the League’s CommonMark parser, we chose to prioritize extensibility over performance. This led to a decoupled object-oriented design which users can easily customize. This has enabled others to build their own integrations, extensions, an
Server-side Optimization with Nginx and pm-static — SitePoint
This article is part of a series on building a sample application — a multi-image gallery blog — for performance benchmarking and optimizations. (View the repo here.) Let’s continue optimizing our app. We’re starting with on-the-fly thumbnail generation that takes 28 seconds per request, depending on the platform running your demo app (in my case it was a slow filesystem integration between host O
How to Install Xdebug with PHPStorm and Vagrant — SitePoint
By now, we’ve all learned to love Vagrant and the development flexibility it provides. No matter the platform, you can easily have a development environment up and running in no time that’s not only stable, but also identical in every regard to the environment your colleagues, mentors or mentees use. But as the applications we’re developing reside inside a virtual machine, they’re a bit tricky to
How to Add Authentication to Your Vue App Using Okta — SitePoint
April 12, 2018How to Add Authentication to Your Vue App Using Okta This article was originally published on the Okta developer blog. Thank you for supporting the partners who make SitePoint possible. I’ve danced the JavaScript framework shuffle for years starting with jQuery, then on to Angular. After being frustrated with Angular’s complexity, I found React and thought I was in the clear. What se
Using the WordPress Settings API to Build a Custom Admin Page — SitePoint
In this guide, we’ll introduce the WordPress Settings API, and create a WordPress administration page where we demonstrate the use of this API. For the purposes of this tutorial, we’ll wrap this functionality into a plugin, but this can also be a part of a WordPress theme. As the WordPress Codex says, the Settings API was added in WordPress 2.7 to streamline adding different settings fields and se
5 React Architecture Best Practices for 2024 — SitePoint
There can be no doubt that React has revolutionized the way we build user interfaces. It’s easy to learn and greatly facilitates creating reusable components that offer your site a consistent look and feel. However, as React only takes care of the view layer of an application, it doesn’t enforce any specific architecture (such as MVC or MVVM). This can make it difficult to keep your codebase organ
The Best Markdown Editor for Linux — SitePoint
Using Markdown syntax is my preferred way of writing. I use it to create content for the Web and to jot down simple notes. It’s a simple, minimalistic method of writing formatted text that works well and doesn’t lock you into a proprietary system. That sits well with the Linux philosophy. And it’s catching on. Since John Gruber created it in 2004, it has become increasingly used online and in apps
CSS and PWAs: Some Tips for Building Progressive Web Apps — SitePoint
August 22, 2018CSS and PWAs: Some Tips for Building Progressive Web Apps In recent years we’ve seen a number of major shifts in the online experience, mostly coming from the proliferation of mobile devices. The evolution of the Web has taken us from single versions of a website, to desktop versus mobile versions, to responsive sites that adapt according to screen size, then to native mobile apps,
6 Pro Tips from React Developers — SitePoint
We’ve teamed up with Open SourceCraft to bring you 6 Pro Tips from React Developers. If you’re new to React, you could benefit from learning from the success—and failures—of React developers who’ve learned valuable lessons about the framework. Tip 1: Use functional components Cam Jackson If you don’t need internal state or lifecycle methods on your component, use a functional component instead. A
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
