「CSS」に関連する技術ブログ(139件)

企業やコミュニティが発信する技術ブログから「CSS」に関連するものを表示しています。

FastlyCDNのImage Optimizerを使ってSHOPLIST.comをWebP対応させた話

2021/12/24
こんにちは。クルーズ株式会社CTOの鈴木です。 今回はFastlyCDNのImage Optimizerを使ってSHOPLIST.comをWebP対応させた話をしたいと思います。 www.fastly.com 背景 背景としては主に二つで、一つ目は画像フォーマットをWebPに対応させることにより通信の トラフィック 量を減らすこと、二つ目はEC2 インスタンス 上にNginxとsmall_lightで構築されているサムネイル生成処理をImage Optimizerに

#iOS #AWS #HTML #CSS #CDN #Nginx 

SketchのSalesforceプラグインを使用してみた

こんにちは。ISID CIT事業部の熊倉です。 Salesforce 開発者の皆様、Lightning Web Components(以下、LWC)活用されてますでしょうか? LWCを活用することでHTML/ CSS /JSを使用したリッチなフロントエンドを Salesforce で構築できるようになりましたが、その反面、 Salesforce の強みである「オブジェクトの スキーマ を定義した段階でフロントエンドが作成される」といった強みを活かす

#Salesforce #HTML #Web Components #CSS #フロントエンド #UIデザイン 

Next.js 採用プロダクトにおける Lint ツール導入事例

mediba Advent Calendar 2021 の 18 日目の記事です。 こんにちは。エンジニアの中畑( @yn2011 )です。最近は Switch の月姫で直死の魔眼について学んでいます。 初めに プロダクトを新規に開発する際に、どんな Lint ツールを導入し、どのような設定で利用するかは悩むことが多いです。最終的にはチームメンバーと議論をして決めていく必要がありますが、社内外の他のプロダク

#Next.js #Google Analytics #HTML #React #CSS #TypeScript 

デザイナーがUXPin Mergeで何ができるか試した

この記事は BASEアドベントカレンダー2021 18日目の記事です。 UIデザイナーの Yoshioka です。コードベースのデザインツールとして個人的に気になっている UXPin Merge を試してみました。 UXPin Mergeとは UXPinはベクターベースのデザインツールとは違い、HTML/CSSのコードで定義されていることをベースにしているデザインツールです。 UXPin Merge はReactやStorybookのコンポーネントを

#Git #React #HTML #CSS 

アプリに地図を埋め込むのは簡単!

駅奪取エンジニアの id:dorapon2000 です。駅奪取では11月にゲーム内の地図のリプレースを行いました。地図そのもののスタイルも変わりましたが、地図の表示に使うライブラリも変更しています。今回は、アプリに地図を埋め込むだけであれば、ほんの少しのコードだけで実現できるということを紹介したいと思います。 記事の前半で地図表示の仕組みを簡単に説明して、

#OpenStreetMap #JavaScript #CSS #HTML #ゲーム 

ラクスにおける「システムを腐敗させない組織だった技術刷新」を行う取り組み

こんにちは。 株式会社 ラク スで先行技術検証をしたり、ビジネス部門向けに技術情報を提供する取り組みを行っている「技術推進課」という部署に所属している鈴木( @moomooya )です。 ラク スの開発部ではこれまで社内で利用していなかった技術要素を自社の開発に適合するか検証し、ビジネス要求に対して迅速に応えられるようにそなえる 「技術推進プロジェクト」

#Elasticsearch #GraphQL #MongoDB #Python #AWS #設計 #CSS #インフラ #フロントエンド #初心者 

ビジュアルリグレッションテストのツールを導入するまでの意思決定プロセス

はじめに この記事はBASE Advent Calendar 2021の15日目の記事です。 BASE株式会社 Owners Experience Frontend チームのパンダ( @Panda_Program )です。 2021年の5月に入社してから、アサインされるプロジェクトの仕事以外に社内 UI コンポーネントライブラリ「BBQ」のメンテナンスに取り組んでいました。 その中でも特に Storybook 周りの整理をする過程、Storybook の v5 から v6 へのバージョン

#CSS #TypeScript #DX #Vue.js #テスト #AWS #webpack #GitHub #フロントエンド #アクセシビリティ 

MJMLでhtmlメールを楽にいい感じに書くことができた話

この記事は BASE アドベントカレンダー 13 日目の記事です。 はじめに こんにちは。 BASE BANK 株式会社 Dev Division にて Software Developer をしている永野( @glassmonekey )です。 普段はバックエンドエンジニアとして、Go/Python/PHP を主に書いてたりします。 最近はチームの分析基盤づくりとかもやってたりします。 そのことについて先日書いたりもしたので、もし良かったらご確認く

#Go #CSS #PHP #Python #HTML #Sass #SaaS #ノーコード/ローコード 

【CSS実装予定】カスケードレイヤー「@layer」について

注意 カスケードレイヤーは正式実装の機能ではないため、これから仕様変更の可能性があります。 目次 注意 目次 はじめに カスケードについて Origin and Importance Context Specificity Order of Appearance カスケードレイヤーについて The Style Attribute Layers 従来のCSS カスケードレイヤーの記述方法について 複数レイヤー 使用例(リファクタリング) 修正前のコード リファクタリング

#CSS #Sass #HTML #Windows #フロントエンド #セキュリティ #設計 

Docker 環境から webpack-dev-server に繋いで HMR する

BASE Advent Calendar 2021 9日目の記事です。 フリーランスのフロントエンドエンジニア 坪内です。 BASE のお手伝いをさせていただくようになって 1ヶ月が経ち、色々見えるようになってきた中で最も気になっていた点の 1つが、 「 HMR されていない 」 でした。 BASE の Web フロントエンドは webpack でビルドされているのですが、 ローカルの開発環境が Docker 上で動いている事もあ

#Docker #webpack #CakePHP #CSS #CDN #R #HTML #フロントエンド 

2021年に行ったアクセシビリティやっていき

この記事は BASE Advent Calendar 2021 の6日目の記事です。 フロントエンドエンジニアの @rry です。 今年の4月に BASE にジョインしてから、アクセシビリティに関する取り組みを少しずつ行ってきました。 BASE ではこれまでアクセシビリティに関する取り組みは局所的にしか行われておらず、また私自身もアクセシビリティについて知見が全くない状態でした。このような状態か

#CSS #読書会 #フロントエンド #アクセシビリティ #ユーザビリティ 

Browserslist でサポートブラウザを設定しよう

この記事は BASE Advent Calendar 2021 の 5 日目の記事です。 基盤チームの右京です。 最近ひょんなことから browserslist の設定を見返したのですが「babel や autoprefixer で必要になったので導入した」以上はあまり触れられていなかったため、この機会にいちから見直してみようと思いました。 browserslist? https://github.com/browserslist/browserslist 簡単に言えば、クエリを書くとそれに該当

#HTML #Babel #CSS #JavaScript #iOS #GitHub #Android #API #TypeScript 

TypescriptのEnum型の代わりにUnion型を使用する

2021/12/03
この投稿は、弊社が提供するWESEEK TECH通信の一環です。 WESEEK TECH通信とは、WESEEKのエンジニアがキャッチアップした技術に関する情報を、techブログを通じて定期的に発信していくものです。 はじめに こんにちは、システムエンジニアのかおりです。この記事では、TypeScriptで用いられる Enum型 とUnion型の基本的な使い方から、Enumを避けるべきと言われている理由、Union型を

#JavaScript #TypeScript #CSS 

フロントエンドエンジニアたちが語る、Tips【23選】

こんにちは、技術広報の yayawowo です。 フロントエンドエンジニアの皆様、今のフロントエンドを楽しんでおりますでしょうか?   変化の多いフロントエンド領域を楽しむために・・・ ラク スが開催している 「フロントエンド LT会」で発表された資料をご紹介します! フレームワーク や開発言語別にまとめておりますので、興味があるところだけを少し摘まむのも大

#Vue.js #React #JavaScript #Redux #GraphQL #Firebase #CSS #AWS #HTML #Nuxt.js 

テックブログ始めました。

これは 電通国際情報サービス アドベントカレンダー の一日目の記事です。 はじめに 使っているツール Teams Shodo はてなブログ Markdownで書けること 高速に動作すること 見た目の調整にCSSやHTMLを使えること 記事を簡単にエクスポートできること まとめ はじめに みなさんこんにちは、 電通国際情報サービス (ISID)X イノベーション 本部アドバンストテク ノロ ジー 部の

#GitHub #CSS #HTML #SaaS #MovableType #ネットワーク