Log inSign up
にしはら フロントエンドエンジニア@z-index完全に理解した
5,347 posts
Image
user avatar
にしはら フロントエンドエンジニア@z-index完全に理解した
@crayfisher_zari
フロントエンドエンジニア。 元建築系出身。DMを下さる際には好きなCSSプロパティ名を添えてください。デザインとエンジニアリングのつながりを探求したい。
Joined April 2019
401
Following
3,035
Followers
  • user avatar
    にしはら フロントエンドエンジニア@z-index完全に理解した
    @crayfisher_zari
    Dec 18, 2023
    このUIはいいなと思った 2回入力はわずらわしいし、かといって1回だけだと一抹の不安もある 入力時にユーザーが確認しようと思わせるUIだった
    Image
    381K
  • user avatar
    にしはら フロントエンドエンジニア@z-index完全に理解した
    @crayfisher_zari
    Jun 15, 2020
    予期せぬ横スクロールが発生した時は、 * { outline: 2px solid red; } のCSSがオススメ。 どの要素がはみ出ているか、視覚的に分かりやすくなります。 #CSS
    予期せぬ横スクロールが発生しているHTML
    outlineで視覚化し、はみ出ている要素が分かりやすくなったHTML。犯人はh1タグ。
  • user avatar
    にしはら フロントエンドエンジニア@z-index完全に理解した
    @crayfisher_zari
    Dec 14, 2021
    一般メディアの認識 NVIDIA:謎の企業 JSON:不気味な拡張子 GitHub:設計図共有サイト md:不思議な形式 Log4j:世界的サーバー管理ソフト ← New !
  • user avatar
    にしはら フロントエンドエンジニア@z-index完全に理解した
    @crayfisher_zari
    Feb 25, 2025
    ポケポケのパック選択画面みたいの作ってみる。Canvasは使わずDOMをJSとCSSでぐるぐる回している #Webデザイン
    Image
    00:00
    80K
  • user avatar
    にしはら フロントエンドエンジニア@z-index完全に理解した
    @crayfisher_zari
    Feb 4, 2021
    阿部寛のサイトは非推奨のタグや廃止された属性を使っていても検索上位だから、HTMLのSEOへの影響は大してないと思っている。
  • user avatar
    にしはら フロントエンドエンジニア@z-index完全に理解した
    @crayfisher_zari
    Mar 7, 2022
    100日後に死ぬブラウザ #InternetExplorer #IE11
    100日後に死ぬブラウザ
  • user avatar
    にしはら フロントエンドエンジニア@z-index完全に理解した
    @crayfisher_zari
    May 30, 2024
    デジタル庁公式でReactコンポーネント公開してくれてる!
    Image
    GitHub - digital-go-jp/design-system-example-components-react: デジタル庁デザインシステムのサンプルコンポーネント(React版)
    From github.com
    94K
  • user avatar
    にしはら フロントエンドエンジニア@z-index完全に理解した
    @crayfisher_zari
    Oct 27, 2024
    【作ったよ】 Webデザインにおけるインタラクションなど動きのアイデアを集めたサイト、Web Motion Catalogをオープンしました 作例はまだ少ないですが、今後追加予定です 是非ご活用ください #Webデザイン #Web制作 #個人制作
    Image
    Web Motion Catalog
    From web-motion-catalog.com
    41K
  • user avatar
    にしはら フロントエンドエンジニア@z-index完全に理解した
    @crayfisher_zari
    Oct 31, 2024
    ときどき思うこと
    Image
    73K
  • user avatar
    にしはら フロントエンドエンジニア@z-index完全に理解した
    @crayfisher_zari
    Apr 14, 2023
    サバイバルTypeScript(違う)
    anyでは危険です。必ず型を指定しましょう
    34K
  • user avatar
    にしはら フロントエンドエンジニア@z-index完全に理解した
    @crayfisher_zari
    Feb 27, 2025
    【作例追加】 ポケポケのパック選択画面みたいな円周上に配置してクルクルスクロールで回せるレイアウトを追加しました。 タッチデバイス対応なのでスマホでも回せます。実装方法とコード例付き web-motion-catalog.com/samples/circle… #Webデザイン #Web制作
    Image
    00:00
    262K
  • user avatar
    にしはら フロントエンドエンジニア@z-index完全に理解した
    @crayfisher_zari
    Feb 19, 2025
    本日の発表資料になります。 speakerdeck.com/nishiharatsuba… #個人開発_findy
    Image
    速くて安いWebサイトを作る
    From speakerdeck.com
    24K
  • user avatar
    にしはら フロントエンドエンジニア@z-index完全に理解した
    @crayfisher_zari
    Dec 10, 2021
    弊社謹製のアニメーション作成JavaScriptライブラリのTween24.jsの活用例を記事にしました! カッコイイ表現もできるのでぜひ使ってみてください。 ics.media/entry/211209/
    Image
    00:00
  • user avatar
    にしはら フロントエンドエンジニア@z-index完全に理解した
    @crayfisher_zari
    Oct 13, 2022
    ウェブサイトに埋め込む動画は透過できない…なんてことないんです 現代ならちょっとした工夫でブラウザに透過した動画を埋め込むことも十分可能です。 #Web制作 #動画 #HTML
    ics.media
    ウェブサイトに透過動画を埋め込む方法 - ICS MEDIA
    今ではサイト内に動画やアニメーションを利用することはそこまで特別なことではなくなりました。実はブラウザーや技術の進歩により最近は透明部分のある動画(アルファ付き動画)をサイト内に埋め込むことも可能になってきました。

New to X?

Sign up now to get your own personalized timeline!

Create account

By signing up, you agree to the Terms of Service and Privacy Policy, including Cookie Use.

Terms·Privacy·Cookies·Accessibility·Ads Info·© 2026 X Corp.
Don't miss what's happening
People on X are the first to know.
Log inSign up
Advertisement
Advertisement