css
この記事は Tech KAYAC Advent Calendar 2021 の25日目の記事です。WEBのこと何も知らなかった新卒デザイナー鈴木が、ゲームをつくって、その難しさと楽しさに感銘を受けた話です。エンジニアの方々、本当に尊敬します。そして、エンジニア以外の方々には、…
魔改造された様子 この記事は KAYAC Advent Calendar 2021 17日目の記事です。 昨日はみんとさんによる Unityを用いた肉体の進化について でした。 この記事をざっくり要約すると GitHubのIssue, Pull Requestにつけられるリアクションは、目にするとしんど…
はいどうも! バーチャル Youtuber ではない面白法人カヤックのごんです。 CSS Transform の Tips をやっていきます。 1. CSS Transform は後ろから適用される transform: rotate(45deg) translateX(100px); は、45度回転してから X 方向に 100px 移動、では…
やっはろー(= ゚ω ゚)ノ カヤックテックブログ2回目の登場、UIよりUXが優れた人間になりたいフロントエンジニアの町田と申します。 前回の「svg / canvas出力ができるbodymovinの紹介」は、好調な出だしで、現在「bodymovin」で検索すると4番目に表示されま…
この記事はカヤックアドベントカレンダー2016の18日目の記事です。 こんばんわ! 今年の春より社会人になりました、HTMLファイ部のゆみこふ( @yumikokh )です。 普段の業務ではクライアントワークチームでWebを作っております。 が! あるリアルイベントで…
https://kimizuka.github.io/web-app-store/example/ 北斗市公式キャラクター ずーしーほっきー ©2013 北海道北斗市 を使用させていただいております。ウェブページをできる限りネイティブアプリっぽくみせて配信するために色々研究しました。 もくじ はじめ…
自己紹介 初めましての人は初めまして、そうでない人はこんばんは。HTMLファイ部のポロです。 この記事はなに? アドベントカレンダー9日目の記事です。 この記事ではWebブラウザ上でリアルタイムにぼかしを加えるにはどんな方法があるかを書きます。 (当初…
こんばんは、HTMLファイ部ののびーです。Web技術で何かしらうまいことやるのを得意としてます。 今回はAdvent Calendarの場を借りて、HTMLファイ部で運用しているkayac-html5-starterの話をさせていただきます。 それはなんぞや なにはともあれレポジトリを…
どうも、フロントエンドエンジニアの田島です。 弊社カヤックでは、2016年の7月7日を以て3年ぶりのコーポレートサイトリニューアルを行いました。 https://www.kayac.com 今回のサイトの大きなテーマは、 5種類のデザインから自分の好きなテーマに切り替えて…
こんにちは、フロントエンドエンジニアのコウです! この記事はTech KAYAC Advent Calendar 201524日目です。 小テスト 問題:CSSで、灰色の円 div.circle をラッパー div.wrapper の中央に配置する方法は? CSSを下のテキストエリアに書いてください。.circ…
.article20151203 { margin: auto; max-width: 640px; } .article20151203 .msg { overflow: hidden; } .article20151203 .msg .txt { display: inline-block; float: left; position: relative; margin: 25px; padding: 5px 10px; border-radius: 15px; max…
tech.kayac.com、ささやかにリニューアルしました! tech.kayac.comをご覧の皆さん、はじめまして。意匠部ME課のfuchigamiといいます。 どうして技術部ブログに意匠部の野郎が?って感じですが、 技術部ブログのリニューアル記念ということで、ちゃっかりcan…