東京ダービーで汚されてしまった飛田給ゼビオの看板を東京ヴェルディのスタッフが清掃　元の綺麗なグリーンに :

2023/07/14 8 users 東京ヴェルディ 清掃 ヴェルディ 看板 before

ダービー関連、ヴェルディの「試合に負けて勝負に勝ってる」感がすごい。 この流れは色々な意味でこれからにつなげたいですね。 — やも (yamo_verdy) 2023, 7月 14 東京ヴェルディの看板が綺麗になりました before①② after③④ — ジゴロウ (siamsid718) 2023, 7月 14 ヴェルディ、勝負には勝ち続けたな 次は試合で勝てると... 続きを読む

ボタンやテキストリンク、hoverスタイルをCSSのみで19パターン実装する | Pulp Note

2021/04/01 12 users before Pulp Note CSS 疑似要素 ボタン

CSSだけでも表現できるデザインが増えてきまして、疑似要素::beforeや::afterなどを駆使することでボタンやテキストリンクへさまざまな装飾することができるようになりました。今回は全部で19パターンのデザインをCSSのみで実装する方法をご紹介します。あなたの現場でぜひご利用ください。 ボタンのスタイル ボタンは11... 続きを読む

知っておくと役立つ！CSSの疑似要素:beforeと:afterを使用したUI要素を実装するテクニックのまとめ | コリス

2019/12/03 28 users before コリス 領域 CSS スマホアプリ

CSSの疑似要素は非常に便利です。疑似要素:beforeと:afterを使用したUI要素を実装する便利なテクニックを紹介します。 Webページやスマホアプリで使えるUI要素をはじめ、クリック・タップ可能領域を広げたり、:afterと:beforeのどちらを使うべきかなど、知っておくと役立つ疑似要素のテクニックです。 Uncommon Use Case... 続きを読む

少し前まで『はわわ！』って感じだった令和ちゃん、愉悦だけ学習し気温調整は苦手なまま「だれか令和ちゃんbeforeとafter描いて」 - Togetter

2019/07/26 23 users フェ 神絵師 Togetter トレンド入 愉悦

ツイートまとめ 『ごがつはこれくらいかな？』5月にあるまじき暑さだがふぇぇんな令和ちゃんの姿を想像するとすべて許せる→無事トレンド入.. これは何萌えなのか。令和ちゃんを擁護する声が集まり、神絵師によるふぇぇんな令和ちゃん画像が期待されています。ファンアートなどを追記しました。 165407 pv 422 173 users 235 続きを読む

CircleCI 2.1 previewのcommandsが便利だった - くりにっき

2018/09/30 46 users Commands preview CircleCI 所感

https://github.com/CircleCI-Public/config-preview-sdk を見てたら commands が便利そうだったのでためしに個人プロダクトに入れてみた。 github.com 準備 Before (CircleCI 2.0) After (CircleCI 2.1 preview) 所感 作業PR 準備 Advanced Settingsの「Enable build processing (preview)」で有効にしないと使えないの... 続きを読む

マガジン限定記事vol.12「自分のせいだから――『東京都港区の南の国』after」｜白饅頭｜note

2018/09/24 7 users Vtuber動画クローズドイベント 白饅頭note コラム

白饅頭の月額購読マガジンです。毎月2回更新の白饅頭note（本編。単品購入の場合1本300円）の2018年6月4日以降の記事がすべてアーカイブされていき読み放題になります。さらにマガジン限定記事が毎月1本以上あります。ほぼ毎日コラムがアップされ、時々音楽やVtuber動画クローズドイベントのお知らせが届きます。結構お... 続きを読む

[JS]0.6kBの超軽量！基本的なDOM操作を実行するためだけに開発されたシンプルなライブラリ -nanoJS | コリス

2018/05/31 75 users Git コリス ポパー before class

要素にclassを加えたり、変更したり、要素を削除したり、::beforeや::afterを加えたり、要素の表示位置を取得したり、変更したり、クリックやホバーのイベントを設定したり、基本的なDOM操作を実行するためだけに開発された超軽量ライブラリを紹介します。 jQueryは使うけど、$関数や上記の挙動しか利用しないという人には、特にぴったりなスクリプトです。 nanoJS nanoJS -Git... 続きを読む

「出会えたことに感謝したいCSSベスト3」まとめ - Togetter

2018/04/08 540 users Togetter Flex None border-box

box-sizing: border-box; →出会えた時の感動 content: “”; →::before ::afterとの組み合わせ display: none; →blockとのコンビネーションが好き flexは殿堂入りぽいからそれ以外にしてみました #出会えたことに感謝したいCSSベスト3 続きを読む

【納戸公開】1時間断捨離チャレンジ！納戸の収納を見なおす - gu-gu-life’s blog

2017/10/12 17 users 納戸 www.gu-gu-life.com before

2017 - 10 - 12 【納戸公開】1時間断捨離チャレンジ！納戸の収納を見なおす 住-収納 暮-断捨離 住 暮 以前、断捨離に関して、こんなことを書きました。 www.gu-gu-life.com 今日は、これと真逆のことをやってみます。 １．断捨離1時間チャレンジの前置き ①自分へのルール ②納戸の収納目標 ２．さっそくチャレンジ ①before ②after ③断捨離したもの ④1時間で... 続きを読む

【ファンケル化粧品】…16日後の肌: ♡お嬢様の生活♡

2017/07/07 15 users 生活 お嬢様 before NEWS キット

本日2度目のブログ更新 20時更新予定が大幅に遅れてしまいました。 すみません では、 6月22日からお嬢様がお試しで使っている アクネケアたっぷりおためしキット ファンケル化粧品の１６日後のお肌の 経過報告したいと思いますッ♬ ６月22日のお肌【before】 ７月７日のお肌【after】 ↑ブツブツお肌の跡が綺麗に タイムLINEのNewsにも紹介されてました 今残ってるお試し化粧品 通常価格... 続きを読む

デザイナーが他のデザイナーのバナーをブラッシュアップする「バナーデザインくるくる会」をやりました | デザイナーのイラストノート

2016/12/31 53 users バナーデザイン Twitter before クオリティ 最初

@ misumi_takuma さんがTwitterで「よくあるデザインのBefore/Afterは、最初からBeforeのクオリティが低く感じる、デザイナーが作ったものをBeforeにするとどうなるのか」という話をしていて、デザイナーが作ったものを交換してデザインをブラッシュアップしていく「バナーデザインくるくる会」というのをやりました。 制作のお題準備 今回作成するバナーは、よくあるサイトのト... 続きを読む

プロフィール写真は、ただ撮影すればいいってもんじゃない。 | NASU-note

2016/11/27 42 users カメラマン 前田 デザイナー プロ 経験

なかなか良い感じの「プロフィール写真」に仕上がった。 プロのカメラマンに恐れ多いが、先日とある方のプロフィール写真をカメラマンとして撮影してきた。仕事として初めての経験だったが、なかなか思い通りの写真になって内心ほっとしている。 こちらがそのプロフィール写真（after） なぜ、デザイナーの僕がプロフィール写真撮影をすることになったかというと、11月に開催した前田の デザインセミナー でのこと。セ... 続きを読む

HTMLとCSSのコピペですぐに実装できる見出しデザイン14選 | UX MILK

2016/09/14 824 users CSS コピペ UX MILK HTML 見出しデザイン

WEB制作で必ずと言っていいほど登場するものの１つに「見出し」があります。 そこで今回は、CSSだけで作られている見出しの中でも、実用性が高いものやCSSの最新要素を使ったものを厳選してご紹介します。コピペで簡単に実装できるので、是非使ってみてください。 飾り付きの見出し 擬似要素before、afterを使って飾りをつける見出しです。beforeとafterのcontentプロパティを変更すれば... 続きを読む

たった数年でシリアの街並みがどれほど激変したのか…内戦の前後を比較したビフォー・アフター写真:らばQ

2016/04/13 254 users 内戦 before ＩＳＩＳ シリア 街並み

こちらはISISによって破壊された、シリアの古代遺跡（ベル神殿）の前後を比較したもの。 2011年から内戦・紛争が始まったシリアでは、避難生活を強いられる難民の数は1100万人以上（全国民の半数）と言われ、国外に逃れた難民だけでも400万人を超えています。 この数年でシリアの街並みがどのように破壊されたのか、実感できるビフォー・アフター写真をご覧ください。 Before 「2008年」 After... 続きを読む

ネットショップのデザインを変更しました。 - SIRUHA

2016/02/10 9 users SIRUHA before 手帳 http バック

2016 - 02 - 10 ネットショップのデザインを変更しました。 シェアする Twitter Google+ Pocket 使いやすさ、身軽さ、デザインにこだわって手作りした手帳やバッグを販売しているSIRUHAです。 この度、オンラインショップのデザインを変更しました。 Before（左）　　　After（右） http://siruha.thebase.in 以前のデザインもシンプルでよ... 続きを読む

【重要】いつも死にたがってた人が、猫を飼った途端に生きる目的を見つけて別人のように！　お前ら、死にたくなったら猫を飼え！ : オレ的ゲーム速報＠刃

2016/01/12 6 users 別人 途端 before ゲーム速報 お前ら

■ツイッターより 私のタイムラインの中で一番の死にたがり君だった彼も、今日猫を飼った途端に生きる目的を見つけていたから、死にたい人は猫を飼いましょう。 pic.twitter.com/OAqz9uAYlS — ブタ (@butaille) 2016, 1月 11 ※ｂｅｆｏｒｅ ↓↓↓↓ ※ａｆｔｅｒ ＜ネットの反応＞ 猫に限らず、動物を飼うのはいい方法ですね。 それはその猫が死ぬまで死にたいのを... 続きを読む

After Effects 全エフェクト - YouTube

2015/08/08 572 users YouTube original 解像度 業種 フル解像度

After Effectsの全エフェクトを解説（1日1本ずつアップロードを行って行きます。） オススメ★は個人的な意見となりますので、業種、価値観によりことなりますので目安程度とお考えください。 （※解像度をOriginalに変更頂く事でフル解像度の画面でご覧頂けます） フリーで学べる動画講座 Adobe Authorized Training Center 電報児(DENPO-ZI) After... 続きを読む

CSSの content プロパティーを使いこなそう！ | Webクリエイターボックス

2015/04/08 405 users CSS before Webクリエイターボックス 擬似要素

CSSの小技やスニペット集なんかを見ていると、ちょくちょく見かける content プロパティー。「そういえば、こいつ一体何者…！？」と思った方もいるかもしれないので、今更ながら改めて content プロパティーの紹介をしようと思います。 content プロパティーって何？ content プロパティーは、要素の前後に、:before または :after という擬似要素を使ってテキストや画像... 続きを読む

音声出力環境における擬似要素(::before, ::after)の内容(content)の読み上げについて｜Web制作 W3G

2015/01/19 19 users content before 擬似要素 ソフトウェア 多く

音声出力環境における擬似要素(::before, ::after)の内容(content)の読み上げについて Updated 2015.01.19 / Published 2015.01.19 スクリーンリーダーや音声ブラウザなどの音声出力環境で::before擬似要素、::after擬似要素にcontentプロパティで生成した内容は多くのソフトウェアで読み上げることができます。使い方次第で、薬に... 続きを読む

ペパボエンジニア研修 ~前半戦~ - ポンコツWebエンジニアがぱるると一緒にセンターを目指す diary

2014/12/06 101 users diary before ペパボ 前半戦 動機

2014-12-06 ペパボエンジニア研修 ~前半戦~ 目的や動機 Webアプリケーション制作未経験者が研修を通して何を感じたのかを伝えたい (Before, After) ペパボの研修内容はどんなことをやっているのか 本格的にエンジニアの研修が始まったのは７月からでしたが、自分が４ヶ月間でどんな成長をしたのかを一度整理する時間を設けたかった 入社前に自分もペパボの研修ブログを書いていた人のブログ... 続きを読む

擬似要素を利用したベースライン・グリッド · terkel.jp

2014/11/07 43 users terkel パディング padding-bottom 上下

CSS でテキストをベースライン・グリッドに揃えるとなると、ベースラインの高さに応じて上下のパディングやマージンを調整するアプローチがよく見受けられるますが、あまり実用的なものとは言いがたかったと思います。 p { padding-top: 0.30116em; padding-bottom: 0.19884em; /* ... */ } しかし、::before と ::after 擬似要素を利... 続きを読む

1枚の女性の写真を「美しくしてください」と世界各国の人に修整してもらったらどんな差が出るのか？ - GIGAZINE

2014/06/30 75 users before ウェブデザイナー GIGAZINE 修整 好み

Photoshopによる画像の修整・補整は今や一般的ですが、世界25カ国以上・40人近くのウェブデザイナーが「私を美しくしてください」というリクエストと共に1枚の写真を渡されたら、どのうように修整するのだろう？ということを調べたESTHER HONIGさんの試みが「Before ＆ After」です。個人の好みもはちろん反映されるのですが、個人を超えた、文化的な「美しさ」の違いも分かるようになって... 続きを読む

UR団地の窓に網戸がないので排水口ネットで安く簡単に自作、枠なしでもOK - はぴらき合理化幻想

2014/05/19 23 users UR団地 自作 before ぴらき合理化幻想 網戸

2014-05-19 UR団地の窓に網戸がないので排水口ネットで安く簡単に自作、枠なしでもOK シンプルライフ 虫が入ってこなければいいので、いかに簡単に作れるかを最優先した。はめ殺し網戸でよければすぐに作れるよ。 網戸完成ビフォーアフター Before：網戸を設置する前の窓。 After：網戸を設置した後の窓。 網戸を短時間で簡単に作るための戦略 なによりも自作自体を楽しむ 家にあるものだけで作... 続きを読む

Google の Before／After で激変したプラットフォーム勢力図：それを示す１枚のチャート | Agile Cat --- in the cloud

2014/05/05 18 users before Agile Cat チャート Google 1枚

This Chart Shows The Incredible Opportunity Google Has Before It http://wp.me/pwo1E-7sW Jay Yarow – Apr. 28, 2014 http://www.businessinsider.com/googles-billion-user-businesses-2014-4 Here’s a cool ch... 続きを読む

180日で180個のウェブサイトを作るプロジェクトがついに完走を果たす - GIGAZINE

2013/10/04 61 users GIGAZINE websites 完走 苦労 ウェブサイト

プログラミング経験ゼロから180日で180個のウェブサイトを作るプロジェクトに挑戦していたジェニファー・デウォルトさんが、ついに180個めのウェブサイトを作り上げ、完走を成し遂げました。10月3日のブログで、デウォルトさんは今までの苦労や今後について語っています。 After 180 Websites, I’m Ready to Start the Rest of My Life as a Cod... 続きを読む