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
PHP-FPM tuning: Using 'pm static' for Max Performance — SitePoint
Key Takeaways The PHP-FPM ‘pm static’ setting offers high throughput and low latency for servers with ample memory. This setting keeps PHP-FPM processes running at maximum capacity, ready to respond to traffic spikes without the need to spawn new processes. Using ‘pm static’ requires careful tuning to avoid memory availability or cache pressure issues. The ‘pm.max_children’ should be set based on
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
Improve Web Typography with CSS Font Size Adjust — SitePoint
Key Takeaways The CSS property ‘font-size-adjust’ allows developers to improve the legibility of text by specifying the font-size based on the height of lowercase letters, which is particularly useful when using fallback fonts. The aspect value of a font, or the ratio of the height of lowercase letters to their uppercase counterparts, plays a crucial role in the legibility of a font. The ‘font-siz
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
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
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
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
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
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
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
How to Add Authentication to Your Vue App Using Okta — SitePoint
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 seemed simple on the surface ended up being a frustrating mess. Then
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
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,
How to Tell if React is the Best Fit for Your Next Project — SitePoint
Stay Relevant and Grow Your Career in TechPremium ResultsPublish articles on SitePointDaily curated jobsLearning PathsDiscounts to dev toolsStart Free Trial7 Day Free Trial. Cancel Anytime. Key Takeaways React is a popular and robust JavaScript library used for creating fast, interactive user interfaces for web applications. It is declarative, component-based, and allows for efficient updates and
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
