はてブログ

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



タグ transform

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

グーグル元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 グラデ... 続きを読む

あなたの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... 続きを読む

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 – 一般提供開始 | 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;などを使ったテクニックが紹介されて... 続きを読む

[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... 続きを読む

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 プロパティに都度突っ込んでいくっていう感じ。... 続きを読む

要素を変化させる、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 の ... 続きを読む

CSS3のtransformやbox-shadowを主要ブラウザ全てに対応させるjsライブラリ・cssSandpaper - かちびと.net

2010/07/14 このエントリーをはてなブックマークに追加 278 users Instapaper Pocket Tweet Facebook Share Evernote Clip gradient box-shadow クロスブラウザ 変形

これ系はいくつかありますので 1つの選択肢として、という感じ ですね。css3のtransformや box-shadowをクロスブラウザ 対応させるjsライブラリですが、 特徴はプロパティを1行で統一 させる事が出来る点です。 css3のtransform(変形)、box-shadow(影)、gradient(グラデーション)ですが、gradientは不完全でした。しかしながらこのスクリプトを応... 続きを読む

 
(1 - 13 / 13件)