タグ before
新着順 10 users 50 users 100 users 500 users 1000 usersNext.js vs Drupal - デジタル庁 Web サイトの戦い
Hal Seki (@halsk.bsky.social)🛡️ @hal_sk Drupalが話題ですが、元々CMS側は2年前からずっとDrupalだったんです。設立当初はサイトもシンプルだったのでフロントエンド側はNextjsでヘッドレス構成だったのですが、構成が複雑になってきてヘッドレスでは持たなくなってきたという話で。 twitter.com/hal_sk/status/… 2023-... 続きを読む
デザイナーじゃなくても!見やすいスライド資料のための5つのコツ【Before/Afterあり】|spicagraph
見やすいスライド資料は事前準備と5つのコツさえ押さえればOKクライアントさんに向けてのプレゼンテーションや、社内共有向けの資料、セミナーでの登壇資料などで用いられる「スライド資料」。いざ作ってみると、「なんだか読みにくいな」「色やレイアウトがまとまらない」と感じ、苦手意識を持っている方は多いかもしれ... 続きを読む
東京ダービーで汚されてしまった飛田給ゼビオの看板を東京ヴェルディのスタッフが清掃 元の綺麗なグリーンに :
ダービー関連、ヴェルディの「試合に負けて勝負に勝ってる」感がすごい。 この流れは色々な意味でこれからにつなげたいですね。 — やも (yamo_verdy) 2023, 7月 14 東京ヴェルディの看板が綺麗になりました before①② after③④ — ジゴロウ (siamsid718) 2023, 7月 14 ヴェルディ、勝負には勝ち続けたな 次は試合で勝てると... 続きを読む
RSpec では context 間の違いを表現するときにのみ let を使う - id:onk のはてなブログ
Test which reminded me why I don't really like RSpec | Arkency Blog (日本語訳:Rails: RSpecが好きでないことを思い出したテスト(翻訳)|TechRacho by BPS株式会社) を見ての感想。 元のコードのイマイチなところは 3 つあって、 params を before で上書きしている *1 it "will succeed" の文言 it { is_expecte... 続きを読む
これでもう絶対迷わない! CSSの疑似クラスと疑似要素、:と::の違い
CSSで疑似クラス、または疑似要素を使用する時に、:と::のどっちだっけ? と迷ったことはありませんか? :beforeと::beforeのどっちだっけ? :notと::notのどっち? :と::のどっちが疑似クラスだっけ? ※CSS3では::beforeですが、CSS2では:beforeでした。 たまに迷ってしまうことがある人に、CSSの疑似クラスと疑似要素... 続きを読む
クックパッドマートの失敗したデータ設計 Before / After 大放出
Help! I've created a serverless monolith - Azure Lowlands 続きを読む
Markdown の Table 記法を CSS で実現する | blog.jxck.io
Intro 本ブログは Markdown で原稿を書き、それを HTML に変換して表示している。このとき、 CSS を用いて Markdown のシンタックスに似せた Style を適用している。例えば以下のように h2::before に content: '##' を指定するといった具合だ。 しかし、これまで <table> だけはうまく Markdown 記法を再現する CSS が... 続きを読む
ボタンやテキストリンク、hoverスタイルをCSSのみで19パターン実装する | Pulp Note
CSSだけでも表現できるデザインが増えてきまして、疑似要素::beforeや::afterなどを駆使することでボタンやテキストリンクへさまざまな装飾することができるようになりました。今回は全部で19パターンのデザインをCSSのみで実装する方法をご紹介します。あなたの現場でぜひご利用ください。 ボタンのスタイル ボタンは11... 続きを読む
Datadog を Kubernetes 上で運用するときのカーディナリティ設定 - たんぶろぐ
先月あたりからこんな事象に悩まされていた。 before この画像は、Kubernetes 上の Deployment に対して一定の負荷 (50 req/s) をかけながら、レプリカ数を変化させたときのグラフである。 Deployment がどのくらいの負荷を受けているのかを見たかったのだが、グラフ化したときに意図した通りにならずモヤモヤしていた。... 続きを読む
知っておくと役立つ!CSSの疑似要素:beforeと:afterを使用したUI要素を実装するテクニックのまとめ | コリス
CSSの疑似要素は非常に便利です。疑似要素:beforeと:afterを使用したUI要素を実装する便利なテクニックを紹介します。 Webページやスマホアプリで使えるUI要素をはじめ、クリック・タップ可能領域を広げたり、:afterと:beforeのどちらを使うべきかなど、知っておくと役立つ疑似要素のテクニックです。 Uncommon Use Case... 続きを読む
GitHubのポップアップメニューはdetailsタグと:beforeが使われててクレバーだった - Qiita
概要 普段使ってるGitHubのUIパーツの実装を見てみたら真似したいエッセンスがあったので紹介します。 GitHub上でちょいちょい使われてるポップアップメニュー 図 マイページのコンテキスト切り替えメニュー 図 プルリクエストページのプロジェクト選択メニュー なにが優れてる? Javascript使ってない メニュー外をクリ... 続きを読む
デザインの原理原則とは? 4つの「Before、After事例」で差が出るポイントを学ぶ | ウェブ解析士会議 | Web担当者Forum
GO + Revelで開発していたものをLaravel + nuxtで置き換える - Qiita
Goでの小さいweb開発について 依頼されて開発をして、3年近く小さめのwebサイトをGo + Revelで運用してきて正直そこまで恩恵を受けれなかったように感じる。ので以下のように構成変更した。 Before 言語: Go v1.9 パッケージ管理: dep フレームワーク: Revel v0.21.0 ORM: GORM ミドルウェア: なし、cacheはrevel cache ... 続きを読む
CSSスニペット:アニメーションエフェクト付きのtoggleボタン | かちびと.net
Result CSSのみで実装したアニメーションエフェクト付きのtoggleボタンです 各ボタンのスタイルはPenをご参照ください css /* Button 1 */ #button-1 .knobs:before {/*左右に移動するボタンのスタイル*/ content: 'YES'; position: absolute; top: 4px; left: 4px; width: 20px; height: 10px; color: #fff; font-size:... 続きを読む
49インチ 4K ディスプレイの感想 - 彼女からは、おいちゃんと呼ばれています
リブセンスに転職したのを機に、49インチ 4K ディスプレイを使い始めた。半年ほど経ったので、感想をメモしておく。結論としては、生産性がとても上がった。オススメ。 Before 以前は、下記 3つを並べて使っていた。 MacBook Pro 13インチ 24インチ ディスプレイ 24インチ ディスプレイ(縦回転して表示) After MacBook... 続きを読む
[JS]0.6kBの超軽量!基本的なDOM操作を実行するためだけに開発されたシンプルなライブラリ -nanoJS | コリス
要素にclassを加えたり、変更したり、要素を削除したり、::beforeや::afterを加えたり、要素の表示位置を取得したり、変更したり、クリックやホバーのイベントを設定したり、基本的なDOM操作を実行するためだけに開発された超軽量ライブラリを紹介します。 jQueryは使うけど、$関数や上記の挙動しか利用しないという人には、特にぴったりなスクリプトです。 nanoJS nanoJS -Git... 続きを読む
「出会えたことに感謝したいCSSベスト3」まとめ - Togetter
box-sizing: border-box; →出会えた時の感動 content: “”; →::before ::afterとの組み合わせ display: none; →blockとのコンビネーションが好き flexは殿堂入りぽいからそれ以外にしてみました #出会えたことに感謝したいCSSベスト3 続きを読む
「ソート」を極める! 〜 なぜソートを学ぶのか 〜 - Qiita
こうした時代の変化により、「どういう場面でどのソートが最強か」という議論の重要性が相対的に下がって来ています。昔は 【Before】 多くの場面では、 クイックソート がよい 要素数が小さいときや、ほとんど整列済みに近いときは、 挿入ソート も有力 要素数が小さくて、省メモリ性や安定性を重視したいときは、 挿入ソート がよい 各要素が整数値であまり大きな絶対値をとらないときは、 計数ソート や 基... 続きを読む
【納戸公開】1時間断捨離チャレンジ!納戸の収納を見なおす - gu-gu-life’s blog
2017 - 10 - 12 【納戸公開】1時間断捨離チャレンジ!納戸の収納を見なおす 住-収納 暮-断捨離 住 暮 以前、断捨離に関して、こんなことを書きました。 www.gu-gu-life.com 今日は、これと真逆のことをやってみます。 1.断捨離1時間チャレンジの前置き ①自分へのルール ②納戸の収納目標 2.さっそくチャレンジ ①before ②after ③断捨離したもの ④1時間で... 続きを読む
【ファンケル化粧品】…16日後の肌: ♡お嬢様の生活♡
本日2度目のブログ更新 20時更新予定が大幅に遅れてしまいました。 すみません では、 6月22日からお嬢様がお試しで使っている アクネケアたっぷりおためしキット ファンケル化粧品の16日後のお肌の 経過報告したいと思いますッ♬ 6月22日のお肌【before】 7月7日のお肌【after】 ↑ブツブツお肌の跡が綺麗に タイムLINEのNewsにも紹介されてました 今残ってるお試し化粧品 通常価格... 続きを読む
デザイナーが他のデザイナーのバナーをブラッシュアップする「バナーデザインくるくる会」をやりました | デザイナーのイラストノート
@ misumi_takuma さんがTwitterで「よくあるデザインのBefore/Afterは、最初からBeforeのクオリティが低く感じる、デザイナーが作ったものをBeforeにするとどうなるのか」という話をしていて、デザイナーが作ったものを交換してデザインをブラッシュアップしていく「バナーデザインくるくる会」というのをやりました。 制作のお題準備 今回作成するバナーは、よくあるサイトのト... 続きを読む
たった数年でシリアの街並みがどれほど激変したのか…内戦の前後を比較したビフォー・アフター写真:らばQ
こちらはISISによって破壊された、シリアの古代遺跡(ベル神殿)の前後を比較したもの。 2011年から内戦・紛争が始まったシリアでは、避難生活を強いられる難民の数は1100万人以上(全国民の半数)と言われ、国外に逃れた難民だけでも400万人を超えています。 この数年でシリアの街並みがどのように破壊されたのか、実感できるビフォー・アフター写真をご覧ください。 Before 「2008年」 After... 続きを読む
ネットショップのデザインを変更しました。 - SIRUHA
2016 - 02 - 10 ネットショップのデザインを変更しました。 シェアする Twitter Google+ Pocket 使いやすさ、身軽さ、デザインにこだわって手作りした手帳やバッグを販売しているSIRUHAです。 この度、オンラインショップのデザインを変更しました。 Before(左) After(右) http://siruha.thebase.in 以前のデザインもシンプルでよ... 続きを読む
【重要】いつも死にたがってた人が、猫を飼った途端に生きる目的を見つけて別人のように! お前ら、死にたくなったら猫を飼え! : オレ的ゲーム速報@刃
■ツイッターより 私のタイムラインの中で一番の死にたがり君だった彼も、今日猫を飼った途端に生きる目的を見つけていたから、死にたい人は猫を飼いましょう。 pic.twitter.com/OAqz9uAYlS — ブタ (@butaille) 2016, 1月 11 ※before ↓↓↓↓ ※after <ネットの反応> 猫に限らず、動物を飼うのはいい方法ですね。 それはその猫が死ぬまで死にたいのを... 続きを読む
水を入れてレンジで温めるだけ! 1分でできる温泉卵の作り方 - ねとらぼ
牛丼やうどんに載せてお箸を入れると半分固まった黄身がトロッと流れ出す温泉卵。好きな人にはたまらない、あの温泉卵が1分でできる作り方がネットで話題になっています。 投稿したのは、絵描きの蒼透子さん( @Touko_Ao )。作り方は、コップにラップを張ってその上に水を少し入れ、水の中に卵を落として電子レンジにかけるだけ! 500ワットの電子レンジで40~50秒待てば、温泉卵の完成です。 Before... 続きを読む