タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
Go の x/text/transform を自作する方法 & おもしろ実装サンプル - ANDPAD Tech Blog
前置き この記事は ANDPAD Advent Calendar 2022 の 12日目の記事です。 全力で身内ネタですがQCの冨士川さんの韻を踏む記事で大量に並ぶラップ音声ファイルを見て腹抱えて笑いました。果たして全部聞いた人はいるのか……！？この位のゆるさが好き。 お久しぶりです、バックエンドのtomtwinkleです。 ANDPADボードのバックエンドリードエンジニアをしております。 今回の記事は「ちょっと早めの忘年Goパーティ」で発表したLTの内容の解説コーナーです。レッツトランスフォーム！ voicy.connpass.com と、その話に入る前に 🎊 Go 1.20 Release Candidate 1 is released! 🏃♂️ Run it in dev! Run it in prod! File bugs! https://t.co/Ul1xGhvlkf
【CSS】ハンバーガーメニュー実装サンプル集（クリック時のエフェクトも集めました） | 125naroom / デザインするところ（会社）です。
クリックエフェクト サンプル集いろんなハンバーガーメニューのクリック時のエフェクトを作ってみる。 動きがわかりやすいようにゆっくり動くように指定。 スピードを変えたいときは、transitionを変更する。 See the Pen CSS / Hamburger Menu Click Effect Sample by 125naroom (@125naroom) on CodePen. 実装サンプル 左上にボタンがあるタイプ See the Pen Hamburger Menu Sample01 by 125naroom (@125naroom) on CodePen. 実装サンプル 右上にボタンがあるタイプ See the Pen Hamburger Menu Sample02 by 125naroom (@125naroom) on CodePen. 実装サンプル 左上にボタンがあって
【jQuery】スライダープラグイン「slick」実装サンプル集 | 125naroom / デザインするところ（会社）です。
よく見かけるスライダー（自動再生） See the Pen 【jQuery】スライダープラグイン「slick」よく見かけるスライダー（自動再生） by 125naroom (@125naroom) on CodePen. HTMLとjQueryはこちら <div class="sliderArea"> <div class="regular slider"> <div><img src="https://125naroom.com/demo/img/itukanokotonokoto01.jpg" alt="125naroom"></div> <div><img src="https://125naroom.com/demo/img/itukanokotonokoto02.jpg" alt="125naroom"></div> <div><img src="https://125naroo
<div class="accordion_one"> <div class="accordion_header">アコーディオン、シンプル版 <div class="i_box"><i class="one_i"></i></div> </div> <div class="accordion_inner"> <div class="box_one"> <p class="txt_a_ac">アコーディオンの中身です。</p> </div> </div> </div> $(function(){ //.accordion_oneの中の.accordion_headerがクリックされたら $('.s_01 .accordion_one .accordion_header').click(function(){ //クリックされた.accordion_oneの中の.accordion_head
【jQuery】スクロールして表示領域に入ったら要素をアニメーション表示させる『inview.js』の実装サンプル集 | 125naroom / デザインするところ（会社）です。
jQueryの遅延（少し遅らせて表示させる、最近よく見かけるあれです）プラグイン『inview.js』の使い方と、制作に役立つ実装サンプルをまとめました。CSSのアニメーションと組み合わせることでサイト制作の幅がとっても The post 【jQuery】スクロールして表示領域に入ったら要素をアニメーション表示させる『inview.js』の実装サンプル集 first appeared on 125naroom / デザインするところ（会社）です。.
特に国内向けストアだとご要望として多いのが「パンくずリスト」ですよね。 商品数やカテゴリが多い場合には確かにあると便利ですが、Shopifyのテーマでは基本的にデフォルトでは対応していません。 そこで今回は、Shopifyでパンくずリストを自力で実装する方法をご紹介します。 一番基本のパンくずリストの作り方 基本となるパンくずリストの作り方は、Shopifyの公式サイトでも紹介されています。 https://shopify.dev/tutorials/customize-theme-add-breadcrumbs 「breadcrumbs.liquid」みたいなスニペットを作って、以下のコードをコピペすればOKです。 {% unless template == 'index' or template == 'cart' or template == 'list-collections' %
【jQuery】モーダルプラグイン『Remodal』の実装サンプル集 | 125naroom / デザインするところ（会社）です。
モーダルプラグイン『Remodal』の使い方と、制作に役立つ実装サンプルをまとめてみました。 シンプル設計で軽量なので簡単に使えます。以前はプラグインを使わずにモーダルにしていたのですが、あまりにも使い勝手がいいのでモーダルが必要なウェブサイト制作時はこのプラグインを使うようにしています。スライダー（スライドショー）は『slick』、モーダルは『Remodal』、この2点はプラグイン使用がおすすめです。
【CSS】ol,ulを使った箇条書きデザインの実装サンプル 公開日 : 2022.12.26 コーディング こんにちは！AndHAエンジニアチームです。 書く方も読む方も便利な「箇条書き」、Webでもよく登場する表現ですね。今回は、「ol要素」「ul要素」を使った箇条書きデザインの実装サンプルをまとめてみました。 いろいろなパターンに対応できるよういくつかの方法で実装しておりますので、ぜひご参考に！
【CSS】使える背景パターン、実装サンプル25選（コピペで簡単です） | 125naroom / デザインするところ（会社）です。
.bg_pattern { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #fff; z-index: -1; } .Paper_v2 { background-image: repeating-linear-gradient(to bottom, transparent 25px, rgba(0, 0, 0, 0.04) 26px, rgba(0, 0, 0, 0.04) 26px, transparent 27px, transparent 51px, rgba(0, 0, 0, 0.04) 52px, rgba(0, 0, 0, 0.04) 52px, transparent 53px, transparent 77px, rgba(0, 0, 0, 0.04) 78p
【jQuery】固定した背景画像がスクロールで切り替わる実装サンプル（スマホでも切り替わります） | 125naroom / デザインするところ（会社）です。
<main> <section> <div class="one"> <div class="bg _01"></div> <div class="onebox"> <img src="https://125naroom.com/demo/img/itukanokotonokoto01.jpg" alt=""> <p>1st</p> </div> </div> </section> <section> <div class="one"> <div class="bg _02"></div> <div class="onebox"> <img src="https://125naroom.com/demo/img/itukanokotonokoto02.jpg" alt=""> <p>2nd</p> </div> </div> </section> <section> <div class=
OAuth 1.0a, OAuth 2.0 で Twitter 連携して Twitter API v2 を使う実装サンプル (Python)
OAuth 1.0a, OAuth 2.0 で Twitter 連携して Twitter API v2 を使う実装サンプル (Python) はじめに 今年の2月頃に Twitter API に関する無料プランの廃止がアナウンスがされました。そして最近では色々なサービスで Twitter でのログインやアカウント連携に関わる機能が利用できなくなる事象が多発しているようです。 Twitter API を使っているアプリケーションの開発に関わられている方はいまいち状況が掴めずあわあわしていると思われます。安心してください、僕もその1人です。 今の時点で公式から発表されているのは Standard (v1.1), Essential (v2), Elevated (v2), Premium などのプランが廃止され、今後は新たな料金体系の Free, Basic, Enterprise となること
slick フェードスライド 実装サンプル
メインのFV画像でよく使用されている、画像が少しずつ拡大（ズーム）アニメーションしてフェードで画像が切り替わるスライドのslickを使用しての実装サンプルとコードを紹介します。 特徴 レスポンシブ フェード遷移 目次 フェードスライド ズームフェードスライド 前提 デモでは下記のCSSとJavascriptファイルを読み込んでいます。 <!-- CSS --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css"> <!
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【jQuery】アコーディオン実装サンプル10選 | 125naroom / デザインするところ（会社）です。
Shopifyで階層のあるパンくずリストを実装【サンプルコードあり】｜liquid note | 初学者向けShopify情報ブログ
【CSS】ol,ulを使った箇条書きデザインの実装サンプル | AndHA Blog
pc.watch.impress.co.jp
pc.watch.impress.co.jp
www.cnn.co.jp
jokyo.boo-log.com
4town.net
dustarna.hatenablog.com