タグ transform
人気順 5 users 10 users 100 users 500 users 1000 usersグーグル元CEO特別寄稿: AIは科学をこう変える
Eric Schmidt: This is how AI will transform how science gets done グーグル元CEO特別寄稿: AIは科学をこう変える 【期間限定無料公開】「クラウド」という言葉を提唱したグーグル元CEOのエリック・シュミットは今、人工知能(AI)は科学を再構築し、すべての人々に影響を及ぼすだろうと主張する。 by Eric Sch... 続きを読む
あなたのWeb制作をサポートしてくれるWebツール13選 | BUILD ビルド - Webデザイン制作
Web制作をサポートしてくれるツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチェックや背景画像を作成できるツール、VSCodeのテーマ作成ツールもあります。あなたのWeb制作を快適に進めるためにチェックしてみてください。 Fuze – CSS Gradient Animator Fuze グラデ... 続きを読む
あなたのWeb制作をサポートしてくれるオンラインツール10選 | Pulp Note - WebデザインやWebサイト制作の現場で使えるTipsやアイデアを紹介
Web制作をサポートしてくれるツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチェックや背景画像を作成できるツール、VSCodeのテーマ作成ツールもあります。あなたのWeb制作を快適に進めるためにチェックしてみてください。 CSS 3D Transform Examples CSS 3D Transfor... 続きを読む
Amazon Redshiftを使用した高性能ETL処理のベストプラクティス Top 8 | Amazon Web Services ブログ
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 – 一般提供開始 | 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]レスポンシブ対応の最新版!サイズが不明な要素を天地左右の中央に配置するスタイルシートのまとめ | コリス
div要素やp要素に画像やテキストなどを配置した高さや幅のサイズが分からない要素を外側の容器の高さが不明でも天地左右の中央、ビューポートの中央に配置するスタイルシートのテクニックを紹介します。 Centering horizontally and vertically in CSS float, transform, position, display:flex;などを使ったテクニックが紹介されて... 続きを読む
[CSS]レスポンシブ対応、サイドバーをアニメーションでスライド表示・非表示させるテクニック | コリス
レスポンシブ対応、アイコンをクリック・タップすると、サイドバーをアニメーションでスライド表示・非表示させるCSSのテクニックを紹介します。 スライドは単にそう見えるだけで、transformでサイドバーを変形させています。 滑らかなアニメーション、美しいグラデーション、スライドするにつれて透明度が変化するのも美しいですね。 サイドバーをアニメーションでスライドさせるデモ 実装 サイドバーをアニメー... 続きを読む
Webフォントを滑らかに表示させるCSS 2016年版 IE 11/Edge/Chrome/Firefox(Windows)
概要 日本語のWebフォントはブラウザーによってはキレイ(滑らか)に見えないこともあります。、滑らかさを出せるCSS設定を紹介します。 目次 ブラウザーによってWebフォントの見え方が違う 各ブラウザーの実際の画面で見え方をチェック font-smooth -webkit-font-smoothing transform: rotate(0.001deg) text-shadow: 0 0 0.1... 続きを読む
UnityのベクトルとQuaternionによる回転について - テラシュールブログ
2014-08-02 UnityのベクトルとQuaternionによる回転について Unity 2D 3D Quaternion Quaternionは回転情報です。transform.rotationに格納されています。 このQuaternion(回転)ですが、Vector3(ベクトル)と合わせると、Vector3を回転させる事ができます。 Quaternionでベクトルを回す 例えば、Unit... 続きを読む
CSS と jQuery で作るスクロールにあわせて回転するロゴ | WWW WATCH
Tumblr のスタッフ Blog を見てたら、ロゴ (正確にはロゴの周囲の部分) がスクロールにあわせて回転してて、ちょっと面白かったのでサンプルを使って実際にどういう風に実装されているかを解説してみようと思います。 結構仕組みは簡単で、jQuery の scrollTop() を使ってスクロール位置を取得し、その値を CSS の transform プロパティに都度突っ込んでいくっていう感じ。... 続きを読む
要素を変化させる、CSS3「transform」のおさらい|WEB Drawer
今回は、指定した要素を変化させる「transform」を詳しく見ていきたいと思います。 指定後の画像を見てもいまいちどのような変化があるかわかりづらいと思うので、前回の記事CSSアニメーションの初歩をおさらいで紹介した、animationを使って 変化の状態を見ながら確認しようと思います。今回も説明のベンダープレフィックスは省略していますが、動作はFirefoxとChromeの最新で確認しています... 続きを読む
“MS Pゴシック” をメイリオみたいにアンチエイリアスさせるCSS3ハック | Webロケッツマガジン
CSS3 を使って Windows から見るブラウザ上の "MS Pゴシック" をメイリオみたいに、アンチエイリアスさせて表示する方法を発見してしまったので紹介します。 さて、↓の2つのの文字を見比べてください。 実はどちらも同じ "MS Pゴシック"なんです(Chromeで画像化しています)。 CSS3 の transform を使う さて、これをどうやって実現しているかと言うと、CSS3 の ... 続きを読む
CSS3のtransformやbox-shadowを主要ブラウザ全てに対応させるjsライブラリ・cssSandpaper - かちびと.net
これ系はいくつかありますので 1つの選択肢として、という感じ ですね。css3のtransformや box-shadowをクロスブラウザ 対応させるjsライブラリですが、 特徴はプロパティを1行で統一 させる事が出来る点です。 css3のtransform(変形)、box-shadow(影)、gradient(グラデーション)ですが、gradientは不完全でした。しかしながらこのスクリプトを応... 続きを読む