tunguskha

Gradient shadow in pure CSS

HTML

<button>Let's Go !</button>

sebastiano-guerriero

.flex {
    display: flex;

    .align-center {
        margin: auto;
        align-self: center;
    }
    
    .align-left {
        margin-right: auto;

mizchi

この記事は議論のたたき台で、ポジショントークや、偏見にまみれています。

今のフロントエンドの分類

• 古典的なサーバーサイド WAF への +α の味付け
• 大規模なクライアントアプリケーション管理のための SPA
• SEO / SSR を考慮した Node ヘヴィーな環境

他、提唱されてるパターン

reecelucas

import { useRef } from 'react';

const safeDocument = typeof document !== 'undefined' ? document : {};

/**
 * Usage:
 * const [blockScroll, allowScroll] = useScrollBlock();
 */
export default () => {
  const scrollBlocked = useRef();

celian-rib

import { useRef } from 'react';

const safeDocument: Document = document;

/**
 * Usage:
 * const [blockScroll, allowScroll] = useScrollBlock();
 */
export const useScrollBlock = (): [() => void, () => void] => {
	const scrollBlocked = useRef(false);