はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ transform

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 28件)

グーグル元CEO特別寄稿: AIは科学をこう変える

2023/07/09 このエントリーをはてなブックマークに追加 206 users Instapaper Pocket Tweet Facebook Share Evernote Clip 科学 Eric Schmidt エリック・シュミット 人々

Eric Schmidt: This is how AI will transform how science gets done グーグル元CEO特別寄稿: AIは科学をこう変える 【期間限定無料公開】「クラウド」という言葉を提唱したグーグル元CEOのエリック・シュミットは今、人工知能(AI)は科学を再構築し、すべての人々に影響を及ぼすだろうと主張する。 by Eric Sch... 続きを読む

あなたのWeb制作をサポートしてくれるWebツール13選 | BUILD ビルド - Webデザイン制作

2023/04/30 このエントリーをはてなブックマークに追加 228 users Instapaper Pocket Tweet Facebook Share Evernote Clip BUILD ビルド Web制作 Webデザイン制作 あなた

Web制作をサポートしてくれるツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチェックや背景画像を作成できるツール、VSCodeのテーマ作成ツールもあります。あなたのWeb制作を快適に進めるためにチェックしてみてください。 Fuze – CSS Gradient Animator Fuze グラデ... 続きを読む

Go の x/text/transform を自作する方法 & おもしろ実装サンプル - ANDPAD Tech Blog

2022/12/12 このエントリーをはてなブックマークに追加 15 users Instapaper Pocket Tweet Facebook Share Evernote Clip text ANDPAD Tech Blog 方法

前置き この記事は ANDPAD Advent Calendar 2022 の 12日目の記事です。 全力で身内ネタですがQCの冨士川さんの韻を踏む記事で大量に並ぶラップ音声ファイルを見て腹抱えて笑いました。果たして全部聞いた人はいるのか……!?この位のゆるさが好き。 お久しぶりです、バックエンドのtomtwinkleです。 ANDPADボードのバッ... 続きを読む

早く言ってよ〜!CSSのtransformは同じ関数を複数回つかってもOKだった | 株式会社LIG

2021/07/05 このエントリーをはてなブックマークに追加 26 users Instapaper Pocket Tweet Facebook Share Evernote Clip foo translateX transformプロパティ

こんにちは、エンジニアのつっちーです。 .foo { transform: translateX(-50%) translateX(10px); } みなさんは、このCSSが有効であること、ご存じだったでしょうか。CSSのtransformプロパティでは、このように同じ関数を複数回使用できます。transformにはもう何年もお世話になってきたというのに、このことは最近にな... 続きを読む

あなたのWeb制作をサポートしてくれるオンラインツール10選 | Pulp Note - WebデザインやWebサイト制作の現場で使えるTipsやアイデアを紹介

2021/06/01 このエントリーをはてなブックマークに追加 309 users Instapaper Pocket Tweet Facebook Share Evernote Clip Pulp Note Tips 現場 Web制作 webデザイン

Web制作をサポートしてくれるツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチェックや背景画像を作成できるツール、VSCodeのテーマ作成ツールもあります。あなたのWeb制作を快適に進めるためにチェックしてみてください。 CSS 3D Transform Examples CSS 3D Transfor... 続きを読む

Google、架空のモンスターを生み出せる無料ツール とんでもないバケモノを生み出してしまった…… | Ledge.ai

2020/12/11 このエントリーをはてなブックマークに追加 12 users Instapaper Pocket Tweet Facebook Share Evernote Clip Ledge.ai モンスター Google 無料ツール 生き物

米グーグル(Google)は11月中旬に突如、人工知能(AI)を活用し、架空の生き物を作成できる無料ツール「Chimera Painter」を公式ブログで公表した。 公式サイトより 本ツールでは、頭は赤、口は青など、体の部位によって色分けしながら塗り絵感覚で落書きし、「TRANSFORM!」をクリックすると、あっという間に架空の生き... 続きを読む

凶悪な見た目の可変式スコーピオン型ゲーミングチェア「Scorpion」が登場 - GIGAZINE

2020/09/14 このエントリーをはてなブックマークに追加 31 users Instapaper Pocket Tweet Facebook Share Evernote Clip scorpion GIGAZINE ゲーミングチェア 見た目

中国のゲーミングチェアブランドであるCluvensが、巨大なサソリ型のゲーミングチェア「Scorpion」を発表しました。 Cluvens Scorpion Computer Cockpit - Cluvens https://www.cluvens.net/scorpion This villainous Scorpion can transform! - Cluvens https://www.cluvens.net/news/this-villainous-scorpion-can-tran... 続きを読む

簡単!絵を眺めるだけ!映画「マレフィセント2」でイメージ化:「変わる」系英単語 - Bossのゆる旅英単語

2020/02/20 このエントリーをはてなブックマークに追加 19 users Instapaper Pocket Tweet Facebook Share Evernote Clip マレフィセント BOSS TURN 劇中 再会

well,well〜 日本人英語講師のBossです。 ※特別使用:ピクチャーディクショナリーをプレゼント! 初めに turn A into B 基本イメージ: ① 形をturn intoする 劇中で再会 ② 事態、状況がturnする 違いを見分ける:「変わる」 1. ガラッと劇的に「変わる」:turn, transform 劇中で再会:transform 2. 細かい変化も含めて... 続きを読む

Amazon Redshiftを使用した高性能ETL処理のベストプラクティス Top 8 | Amazon Web Services ブログ

2018/02/09 このエントリーをはてなブックマークに追加 76 users Instapaper Pocket Tweet Facebook Share Evernote Clip ベストプラクティス Top extract ブログ load

Amazon Web Services ブログ Amazon Redshiftを使用した高性能ETL処理のベストプラクティス Top 8 by AWS Japan Staff | on 10 FEB 2018 | in Amazon Redshift* , AWS Big Data* | Permalink | Share ETL(Extract、Transform、Load)プロセスを使用すると... 続きを読む

AWS Glue is Now Available in the Asia Pacific (Tokyo) AWS Region

2017/12/21 このエントリーをはてなブックマークに追加 20 users Instapaper Pocket Tweet Facebook Share Evernote Clip Tokyo Asia Pacific ETL

AWS Glue is now available in the Asia Pacific (Tokyo) AWS Region, marking its first availability in Asia Pacific.  AWS Glue is a fully managed extract, transform, and load (ETL) service that makes it ... 続きを読む

CSS Transform に関する Tips - KAYAC engineers' blog

2017/12/20 このエントリーをはてなブックマークに追加 17 users Instapaper Pocket Tweet Facebook Share Evernote Clip KAYAC engineers Tips Blog こん

2017 - 12 - 20 CSS Transform に関する Tips AdventCalendar2017 css はいどうも! バーチャル Youtuber ではない面白法人カヤックの ごん です。 CSS Transform の Tips をやっていきます。 1. CSS Transform は後ろから適用される transform: rotate(45deg) translateX(... 続きを読む

AWS Glue – 一般提供開始 | Amazon Web Services ブログ

2017/08/14 このエントリーをはてなブックマークに追加 234 users Instapaper Pocket Tweet Facebook Share Evernote Clip AWS Glue Amazon Web Services

Amazon Web Services ブログ AWS Glue – 一般提供開始 by AWS Japan Staff | on 15 AUG 2017 | in General | Permalink | Share 本日、 AWS Glue の一般提供開始がアナウンスされました。Glue はフルマネージドでサーバレス、そして、クラウド最適化された ETL(extract, transform... 続きを読む

[CSS]レスポンシブ対応の最新版!サイズが不明な要素を天地左右の中央に配置するスタイルシートのまとめ | コリス

2017/07/31 このエントリーをはてなブックマークに追加 258 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス Flex ビューポート CSS position

div要素やp要素に画像やテキストなどを配置した高さや幅のサイズが分からない要素を外側の容器の高さが不明でも天地左右の中央、ビューポートの中央に配置するスタイルシートのテクニックを紹介します。 Centering horizontally and vertically in CSS float, transform, position, display:flex;などを使ったテクニックが紹介されて... 続きを読む

たったの3行でエイプリルフール感を出すCSS | q-Az

2017/04/01 このエントリーをはてなブックマークに追加 10 users Instapaper Pocket Tweet Facebook Share Evernote Clip q-Az CSS エイプリルフールネタ エイプリルフール 縮尺

せっかくのエイプリルフールなのでエイプリルフールっぽい感じの記事を。 ご使用は自己責任でお願いします。 左右反転のCSS 過去に Yahoo! あたりもエイプリルフールネタでこんなことをしていた気がしますが、CSS でやればたったの3行で済んでしまいます。 body { transform: scaleX(-1); } transform の scaleX は X 軸の縮尺を決めるもので通常は1、... 続きを読む

[CSS]レスポンシブ対応、サイドバーをアニメーションでスライド表示・非表示させるテクニック | コリス

2017/03/08 このエントリーをはてなブックマークに追加 71 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス CSS アニメー アニメーション レスポンシブ対応

レスポンシブ対応、アイコンをクリック・タップすると、サイドバーをアニメーションでスライド表示・非表示させるCSSのテクニックを紹介します。 スライドは単にそう見えるだけで、transformでサイドバーを変形させています。 滑らかなアニメーション、美しいグラデーション、スライドするにつれて透明度が変化するのも美しいですね。 サイドバーをアニメーションでスライドさせるデモ 実装 サイドバーをアニメー... 続きを読む

Webフォントを滑らかに表示させるCSS 2016年版 IE 11/Edge/Chrome/Firefox(Windows)

2016/02/13 このエントリーをはてなブックマークに追加 322 users Instapaper Pocket Tweet Facebook Share Evernote Clip Edge Firefox Chrome Webフォント 目次

概要 日本語のWebフォントはブラウザーによってはキレイ(滑らか)に見えないこともあります。、滑らかさを出せるCSS設定を紹介します。 目次 ブラウザーによってWebフォントの見え方が違う 各ブラウザーの実際の画面で見え方をチェック font-smooth -webkit-font-smoothing transform: rotate(0.001deg) text-shadow: 0 0 0.1... 続きを読む

browserify - app/assets/javascripts以下のJSを全てcommonjsのrequireに書き換える - Qiita

2015/12/24 このエントリーをはてなブックマークに追加 29 users Instapaper Pocket Tweet Facebook Share Evernote Clip assets Qiita require Gulp 手元

仕事でgulpを使って僕がよくいじる一部のjsを高速でビルドできるようにしてみたのだが、JSをいじらない人の手元でなにかと差分がおかしくなったり、ビルドするタイミングを伝えないことで問題起きたり、その為に呼ばれて治すのがとにかくめんどくさかったため、思い切ってすべてのビルド工程をbrowserify_railsとbrowserify-incrementalと(そのtransform)に押し込んで、... 続きを読む

iOS でヘッダー固定のドロワーメニューを実装するときに気をつけたいこと

2015/04/06 このエントリーをはてなブックマークに追加 41 users Instapaper Pocket Tweet Facebook Share Evernote Clip iOS ドロワーメニュー translateX トリガー ヤツ

最近、スマートフォンを中心にドロワーメニューが流行っている。こういうやつ。 実装するのは極めて簡単で、トリガーとなるボタンが押されたらメインのコンテンツ部分にtransform: translateX( 100px )みたいにして動かすだけHome Subscribe iOS でヘッダー固定のドロワーメニューを実装するときに気をつけたいこと 06 April 2015 最近、スマートフォンを中心に... 続きを読む

UnityのTranslateにご注意 - 株式会社CFlatの明後日スタイルのブログ

2014/11/24 このエントリーをはてなブックマークに追加 15 users Instapaper Pocket Tweet Facebook Share Evernote Clip translate Unity position 球体 原点

2014-11-25 UnityのTranslateにご注意 Unity UnityのTransform.Translate関数には、じつはちょっと注意が必要です。 簡単に言うと、transform.Translate(Vector3.right)とtransform.position += Vector3.rightは異なるというお話です。 手順1 まず、原点に球体を用意します。 手順2 次にI... 続きを読む

UnityのベクトルとQuaternionによる回転について - テラシュールブログ

2014/08/02 このエントリーをはてなブックマークに追加 70 users Instapaper Pocket Tweet Facebook Share Evernote Clip Unity ベクトル unit 回転 テラシュールブログ

2014-08-02 UnityのベクトルとQuaternionによる回転について Unity 2D 3D Quaternion Quaternionは回転情報です。transform.rotationに格納されています。 このQuaternion(回転)ですが、Vector3(ベクトル)と合わせると、Vector3を回転させる事ができます。 Quaternionでベクトルを回す 例えば、Unit... 続きを読む

CSS と jQuery で作るスクロールにあわせて回転するロゴ | WWW WATCH

2013/07/22 このエントリーをはてなブックマークに追加 108 users Instapaper Pocket Tweet Facebook Share Evernote Clip jQuery tumblr CSS scrollTop ロゴ

Tumblr のスタッフ Blog を見てたら、ロゴ (正確にはロゴの周囲の部分) がスクロールにあわせて回転してて、ちょっと面白かったのでサンプルを使って実際にどういう風に実装されているかを解説してみようと思います。 結構仕組みは簡単で、jQuery の scrollTop() を使ってスクロール位置を取得し、その値を CSS の transform プロパティに都度突っ込んでいくっていう感じ。... 続きを読む

CSSのtransformでクルクル回転するパネルのサンプル | 56docブログ

2013/02/14 このエントリーをはてなブックマークに追加 47 users Instapaper Pocket Tweet Facebook Share Evernote Clip rotate CSS パネル サンプル 56docブログ

CSSのtransformでクルクル回転するパネルのサンプル 【Web技術】 wrote on 2013/02/14 http://blog.56doc.net/Entry/523/CSSのtransformでクルクル回転するパネルのサンプル CSSの【transform:rotate()】を使った回転するパネルのサンプルを作ってみました。 手法としては比較的知ってる人も多いかもしれませんが自分用... 続きを読む

要素を変化させる、CSS3「transform」のおさらい|WEB Drawer

2013/01/15 このエントリーをはてなブックマークに追加 79 users Instapaper Pocket Tweet Facebook Share Evernote Clip Animation ベンダープレフィックス 初歩 おさらい

今回は、指定した要素を変化させる「transform」を詳しく見ていきたいと思います。 指定後の画像を見てもいまいちどのような変化があるかわかりづらいと思うので、前回の記事CSSアニメーションの初歩をおさらいで紹介した、animationを使って 変化の状態を見ながら確認しようと思います。今回も説明のベンダープレフィックスは省略していますが、動作はFirefoxとChromeの最新で確認しています... 続きを読む

“MS Pゴシック” をメイリオみたいにアンチエイリアスさせるCSS3ハック | Webロケッツマガジン

2012/02/06 このエントリーをはてなブックマークに追加 96 users Instapaper Pocket Tweet Facebook Share Evernote Clip Webロケッツマガジン メイリオ Chrome CSS3 文字

CSS3 を使って Windows から見るブラウザ上の "MS Pゴシック" をメイリオみたいに、アンチエイリアスさせて表示する方法を発見してしまったので紹介します。 さて、↓の2つのの文字を見比べてください。 実はどちらも同じ "MS Pゴシック"なんです(Chromeで画像化しています)。 CSS3 の transform を使う さて、これをどうやって実現しているかと言うと、CSS3 の ... 続きを読む

QuickTiGame2d に Ti.UI.Animation 相当の機能を実装しました! - Android でいろいろやるよ!

2012/02/06 このエントリーをはてなブックマークに追加 15 users Instapaper Pocket Tweet Facebook Share Evernote Clip Animation quicktigame2d Ti.UI

TitaniumTitanium Mobile で動くゲームエンジンモジュール QuickTiGame2d に、Ti.UI.Animation 相当の機能を実装した新しいバージョンをリリースしました! 今回のアップデートはアニメーション機能がアツいです! アニメーションオブジェクト 'Transform' この新しいバージョンから、Transform というオブジェクトが使えるようになります。これ... 続きを読む

 
(1 - 25 / 28件)