//variable declaration for the global repeated animations const gear = $("#gear1, #gear2, #gear3"); ... //animation that's repeated for all of the sections function revolve() { let tl = new TimelineMax(); tl.add("begin"); tl.to(gear, 4, { transformOrigin: "50% 50%", rotation: 360, ease: Linear.easeNone }, "begin"); ... return tl; } const repeat = new TimelineMax({repeat:-1}); repeat.add(revolve())

I'm Sorry :( It does not appear that WebGL is available on this system, which renders* this demo pointless. Please visit get.webgl.org for more information. Or check out the git repo for some pics of what this is supposed to look like. - rob * pun not intended README .TXT END. PROGRAM Hello User. This is a reproduction of the graphics in the boardroom scene in Tron: Legacy. If you have not seen th

CSSの関数には便利なものがたくさんあります。例えば、div要素に「width: calc(100% - 50px);」と指定することで、幅いっぱいから50pxを引いた値を幅に適用できます。 minmax()関数はcalc()関数のように数字やキーワードを使って、要素の最小値と最大値を指定でき、簡単なCSSの記述でレスポンシブ対応の高度なレイアウトを作成できます。 下記のレスポンシブ対応のグリッドはたった2行のCSSで、プロパティも2つだけです。 How the minmax() Function Works 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 minmax()の基本的な使い方 minmax()を使うと、Media Queries無しでレスポンシブデザインができる サポートブラウザ minmax()の基本的な使い方

日本語の組版において 「縦書きと横書きの選択肢がある」 ということは極めて自然ですが、 世界的にはマイナーな 書字方向でもあります。 一方、東アジアでは 縦書きを利用している国が 一定数あり、横書きの文化圏においても 縦書きを利用するケースが 「珍しい」というほど 少なくないことも事実です。 横書きの文字組が中心だった Webの世界において、 縦書きの知見を取り込み、 縦と横の文字組を自由に デザインできるようになることで、 Webデザインは更なる自由と 高い表現の可能性を 獲得できると言えます。 私たち『次世代Webブラウザの テキストレイアウトに関する 検討会（縦書きWeb普及委員会）』は、 縦書きレイアウトの 国際標準化活動を推進し、 縦書きWebコンテンツの 普及促進に取り組んでいます。 The concept of being able to choose between a h

日本語の組版において 「縦書きと横書きの選択肢がある」 ということは極めて自然ですが、 世界的にはマイナーな 書字方向でもあります。 一方、東アジアでは 縦書きを利用している国が 一定数あり、横書きの文化圏においても 縦書きを利用するケースが 「珍しい」というほど 少なくないことも事実です。 横書きの文字組が中心だった Webの世界において、 縦書きの知見を取り込み、 縦と横の文字組を自由に デザインできるようになることで、 Webデザインは更なる自由と 高い表現の可能性を 獲得できると言えます。 私たち『次世代Webブラウザの テキストレイアウトに関する 検討会（縦書きWeb普及委員会）』は、 縦書きレイアウトの 国際標準化活動を推進し、 縦書きWebコンテンツの 普及促進に取り組んでいます。 The concept of being able to choose between a h

CSS (Cascading Style Sheets) is the styling language that gives web pages their cozy appearance. While creating web pages with plain HTML is a relic of a bygone era, using CSS to design websites is a constantly evolving practice. It’s tough to picture how web pages would look without CSS — modern application, web, and software design as we know it today wouldn’t exist without this styling language

2017年4月13日の「DevLOVE 関西『デザインリニューアルの難しさ』」にて発表された、Backlog UI リニューアルの舞台裏のスライドです。

Source Han Serif is the second Pan-CJK typeface family from Adobe Type, and the serif counterpart to Source Han Sans, both of which we released in response to a need for a unified typeface design to serve the 1.5 billion people in East Asia. Source Han Serif supports four different East Asian languages — Simplified Chinese, Traditional Chinese, Japanese, and Korean — and the 65,535 glyphs in each

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999

Sassが、括弧でSCSSと書いてあるのは、もともとSASS記法というので書かれていたんですが、Sass3.0からCSSちっくに書くことが出来るSCSS記法というのでも書けるようになったためです。 ようはどちらで書いても、同じCSSが生成されるので、自分に合った方を使えばいいと思います。 Sassの使い方 rubyのインストール Sassはrubyでコンパイルするのでとりあえずrubyが必要です。 私の環境(centOS)でインストールしたやり方をすべて残しておきます。 $ wget https://cache.ruby-lang.org/pub/ruby/2.2/ru --2015-09-23 11:10:27-- https://cache.ruby-lang.org/pub/ruby/2.2/ruby-2.2.3.tar.gz cache.ruby-lang.org をDNSに問いあ

CSSのfont-familyで游ゴシックを指定すると、Windowsで細くなってしまう問題の原因と解決方法を中心として、最近の日本語フォント事情をまとめました。 CSS Nite LP47 Coder's High 2016にてお話した内容です。 昔からマークアップエンジニアを悩ませて…

Download From GitHub C<js>SS.js Use Javascript In Your CSS Bind Javascript Variables & Functions In CSS Overview CjsSS (Cascading Javascript Style Sheet) is LESS SASSy and more Stylush than the competition ;) Browser Support: IE8+ (or IE6+ with optional cjsss.polyfill.js or jQuery) Licensing Fees: $0, nada, nutin' (licensed under the MIT License) but Nick does accept tips Installation: n/a, just i

All the World’s Immigration Visualized in 1 Map June 29, 2016 This map shows the estimated net immigration (inflows minus outflows) by origin and destination country between 2010 and 2015. Blue circles = positive net migration (more inflows). Red circles = negative net migration (more outflows). Each yellow dot represents 1,000 people. Hover over a circle to see that country’s total net migration

YOKOHAMA GIRLS☆FESTIVAL 2020 Supported by ありあけハーバー／横浜DeNAベイスターズ

2016/1/29 OBS社内勉強会 in 飯田橋 基本的には、いつものとおり、愚痴。Read less

1年以上前に、私は最初の 12 Little-known CSS Facts（あまり知られていないCSSの12の事実） を発表しました。SitePointで最も人気の高い記事となりました。この記事を書いた後も、私はCSSのアドバイスやちょっとした情報の収集を続けました。だって、大ヒット映画も必ず続編を制作するじゃないですか。 注釈 SitePoint/ Natalia Balska によるイラスト それでは、早速今年も開発のヒントになる12の事実について話しましょう。もちろん、中にはもうすでにご存じのこともあると思いますが、この中で初めて知ったという事実がありましたら、コメントでお知らせください。 1. border-radius プロパティに”スラッシュ”シンタックスを使用できる事実 このプロパティについてはSitePointに4年以上 前に書いた のですが、この機能が存在することを、未