「CSS」に関連する技術ブログ
企業やコミュニティが発信する「CSS」に関連する技術ブログの一覧です。
全407件中 331 - 345件目
Alexa Presentation Languageの限界を超えて、アニメーションや相槌を実現する
2019/05/23
ブックマーク
こんにちは。音声UIの開発をしている武田です。今年も Amazon Alexaのコンテスト が開催されます。このコンテストで専用の賞まで用意されている今熱い デザイン言語 、Alexa Presentation Languageでできることを紹介します。 はじめに APLとは 表示する際のトランジションを追加する トーストを実装する 相槌を打つ さいごに はじめに Amazon Alexaのスキル、「 コーデ相談 by WEAR （
2019年、AMP for Emailでメールは生まれ変わる!
2019/04/26
ブックマーク
はじめまして。 目指せ、カイゼンマスター! まえしょうです。 レバレジーズのマーケティング部CRMチームに所属しており、日々「最適なタイミングで最適なコンテンツを最適なチャネルで届ける」ため奮闘しています。 今日は、そんな私の重要なチャネルの1つであるメールの話です。 このブログの読者さんは嫌いかもしれませんね・・・。実は、そんなメールが生まれ
Vue.js + Elelment UI + Lottieでお手軽にいい感じなUI/UXを作ってみる
2019/04/18
ブックマーク
デザイナー兼エンジニアの葉栗です！ スマートキャンプでは以前からWebフロントエンド開発にVue.jsを取り入れています。 Vue.jsなどコンポーネント指向のフレームワークは、UIフレームワークも豊富で、お手軽にリッチなUIが構築できるのでいいですよね。 今回は私のお気に入りの、 Vue.js + Elelment UI + Lottie というライブラリを使って、数十分でできる簡易的なログインペー
大阪開発ビアバッシュレポート ～3月「トラブル事例特集」～
2019/03/19
ブックマーク
こんにちは。新卒1年目エンジニアのbadaikiです。 はじめに 今回は、先日大阪オフィスで開催された3月ビアバッシュをご紹介いたします。 前回のビアバッシュの記事はこちらです。↓ tech-blog.rakus.co.jp はじめに テーマ枠発表 自由枠発表 サービスの環境構築 1年間で得た新たなCSSの知識 おわりに テーマ枠発表 今回のテーマは、「トラブル事例特集」。今年度に発生したト
iOSアプリのデザインをしてみて
2019/03/07
ブックマーク
はじめまして。 BUYMA の iOS アプリチームでデザインを担当しています。 この記事を読んでくださりありがとうございます。 2019年2月に、お問い合わせ機能をネイティブ化しました。 より使いやすくするために、Webviewからネイティブ化し、あわせてリデザインすることになりました。 Webとアプリを作業する上で、デザイナーとして苦労した部分を、新しいデザインと一緒
パフォーマンス改善を成功させるための5つのポイント
2019/02/22
ブックマーク
はじめに はじめまして。スマートキャンプでエンジニアをしています井上です。 皆さんパフォーマンス改善でうまくいかなかった経験や失敗した経験はないでしょうか？ 今回は自分の経験からパフォーマンス改善に役立ちそうなポイントを5つご紹介したいと思います はじめに 1. 解決すべきパフォーマンスとは 2. パフォーマンス改善の目的を明確にする 目的 対象 対象
次世代の管理画面を作るフロントエンドの取り組み
2019/02/06
ブックマーク
フロントエンドエンジニアの松原( @simezi9 )です。BASEでは現在 ショップ向けの管理画面をリニューアルするプロジェクトが進んでいて 、UI/UXの更新と同時に創業当時から継ぎ足して作ってきたフロントエンドの技術スタックを一新しようとしています。この記事では、具体的にそのフロントエンドの更新でどのようなことに取り組んでいるのかをいくつかご紹介したいと思
一休.comホテルページのスマホ版からjQuery依存を取り除くためにやったこと
2019/01/17
ブックマーク
一休.comでWebフロントエンドを開発している宇都宮です。 先日、一休.comホテルページのスマホ版から、jQueryを取り除きました。jQueryを取り除いた経緯、やったこと、結果について書きます。 ちなみに、ホテルページには以下のURLでアクセスできます（スマホで開くか、PCの場合はUAをスマホに偽装する必要があります） https://www.ikyu.com/sd/00001290/ なぜjQueryを取り除いたのか
Webアプリケーションエンジニアとしての1年目を振り返る
2019/01/16
ブックマーク
1. はじめに 明けましておめでとうございます。エンジニアのミツモトです。 年末は皆さんいかがお過ごしでしたでしょうか？ 年末、私は家でゆっくりしながら、リーダブルコードを読んでいました。 リーダブルコード この本は私がスタメンに入ってから最初に勧められて読んだ本です。 スタメンがリーダブルコードを推奨している理由 スタメンはチームでの開発が前
Vue Boot Campをやってみました！
2018/12/25
ブックマーク
この記事は「BASE Advent Calendar 2018」25日目の記事です。 devblog.thebase.in こんにちは。BASEでFrontend Groupに所属している 三佐和 です。主にネットショップ作成サービス「BASE」のフロントエンドを担当しています。 先日デザイングループのマネージャー早川が 「BASE」の管理画面リニューアルプロジェクトのこれまでとこれから で話しているように、現在BASEでは本格的にフロン
LINE Flex Messageを検討してみた
2018/12/21
ブックマーク
エニグモ の @takurokamiyoshi です。 この記事は Enigmo Advent Calendar 2018 の21日目の記事です。 私は主にフロントエンド周りの実装や ディレクション 業務を行っています。 弊社ではファッション ECサイト である BUYMA を運営しており、 利用者とのコミュニケーションツールとしてメールやアプリ、そしてLINEも重要なツールだと考えています。 BUYMA LINEアカウントについて https:
Sassで見出しデザインの@mixinを作ろう！
2018/12/18
ブックマーク
こんにちは、 @pompom0c0 です。 この記事は Enigmo Advent Calendar 2018 の18日目の記事です。 17日目の記事は @natten の はじめてのキーボード設計における アンチパターン でした。 今日は BUYMA 内で使用している見出しデザインついて紹介して行こうと思います。 前置き 今回この記事を書こうと思った経緯 Sassの @mixin を実践でどんな風に使っているか知ってほしい！ 使う見出しデ
React DnDでスマホでもドラッグアンドドロップ
2018/12/12
ブックマーク
Enigmo Advent Calendar 2018 の12日目の記事です。 注意: この記事のサンプルコードで使われている各ライブラリのバージョンは下記になります。 react 16 . 4 . 0 react-dnd 4 . 0 . 2 react-dnd-html5-backend 4 . 0 . 2 react-dnd-touch-backend 0 . 5 . 1 React DnD Reactで ドラッグアンドドロップ での並び替えを実装する際によく使われるのが React DnD というライブラリです。 このライブラリでは HTML5 の Drag and
「BASE」の管理画面リニューアルプロジェクトのこれまでとこれから
2018/12/08
ブックマーク
この記事は、「BASE Advent Calendar 2018」の8日目の記事です。 devblog.thebase.in こんにちは、BASE Design Groupマネージャーの早川（ @match0129 ）です。 今日は、ネットショップ作成サービス「BASE」の管理画面のリニューアルプロジェクトである「次世代管理画面」の話を少ししてみたいと思います。 次世代管理画面とは？ ネットショップ作成サービス「BASE」は、現在「次世代管理画
Firebase と Nuxt.js で個人ブログを作った話
2018/12/08
ブックマーク
こんにちは、 2018年モバイルファクトリーアドベントカレンダー 12/7担当の id:yunagi_n です。 はじめに 個人的な趣味で、 Firebase と Nuxt.js でブログを作っています。 そのことについて、いろいろ話します。 なお、 会社で開発しているアプリ・プロジェクトとは一切関係ありません 。 前提 以下の環境で開発、動作確認を行っています。 Firebase (Blaze プラン) Node.js 8.12.0 Windows