フーノページ
フーノページ
と いいます。
〽️ ← これは”いおりてん”といいます。
初めまして。いいかげん情報提供者の「ふ」です。
HTMLうろ覚え。CSSうろ覚え。
Swift中途半端。
ガジェットたまに紹介。
それなりに更新・修正を重ねて、観ていてたのしいページにしたいと思いますので。よろしくお願いします。
Vectornator、アンカーポイントの追加と削除。
SVGコード、読み方（構成を知る）。
Vectornator、パスの結合・パスの閉じ方。
SVGアニメーション、エンドレスに流れる画像。
2020.07.23
〽️ タイトル部分に使えそう？ふふふ。
複合パスとパスの方向について 〜Vectornator。
SVGアニメーション06、アニメーションに合わせてテキストの色を反転。
2020.07.15
〽️ ３つの長方形を動かします。
Vectornator、マスク（クリッピングパス）について。
SVGアニメーション05、アニメーションしている部分をクリッピング(マスク)する。
2020.07.06
〽️ テキストの内部だけアニメーション。
SVGアニメーション 作り方。
Vectornator、パスファインダー（ブーリアン）について。
Vectornator、Transform 〜アレンジタブについて④。
Vectornator、アラインメントと分散 〜アレンジタブについて③。
SVGアニメーション03、中心を基準に拡大/縮小 〜transform:scale（ ）。
Vectornator、アレンジタブについて②。
Vectornator、アレンジタブについて①。
ブレンドモード 実践編-3 〜 Vectornator スタイルタブその⑦。
HSL、HSBの違いについて〜Vectornator外伝。
SVGアニメーション01、画面内にフェードインさせる方法。
ブレンドモード 実践編-2 〜 Vectornator スタイルタブその⑥。
ブレンドモード 実践編-1 〜 Vectornator スタイルタブその⑤。
ブレンドモードについて（理解編） 〜 Vectornator スタイルタブその④。
Vectornator、SVGを書き出してwebに配置。
Vectornator、影について。 〜 スタイルタブその③。
Vectornator、線のスタイルを指定 〜 スタイルタブその②。
Vectornator、塗りつぶし設定 〜 スタイルタブその①。
Vectornator、新機能②〜アイソメトリック(等尺性）グリッド。
Vectornator、新機能①〜定規（ルーラー）。
Vectornator、パレット/カラーブレンド/カラー調整について。
Vectornator、グラデーション使い方。
Vectornator、カラーピッカーで色を指定。
テキストのアウトライン化〜Vectornator。
Vectornator、テキストツールについて。
Vectornator、ハサミツールと消しゴムツール。
Vectornator、ハンドル操作について。
Vectornator、ノードツールについて。
Vectornator、選択ツールについて〜後編。
Vectornator、選択ツールについて〜前編。
サイト記事の目次を自動作成〜JavaScript８行でOK。
Vectornator、シェイプ（図形）ツール。〜後編〜
Vectornator、シェイプ（図形）ツール。〜前編〜
Vectornator、ペン/ブラシ/鉛筆ツールについて。
Vectornator 使い方02。ワークスペースについて。
Vectornator 使い方01。スタート画面について。
Vectornator 使い方。
Vectornator iPad、外部フォントを追加。
Vectornatorは数千のアイコンが入手できる。
Vectornator、「 iPadのイラレ 」となりうるのか。
iPadでSVGデータを作成、
SVG、オブジェクト単位でCSSを適用させる。
SVGをCSSで編集。
イラレ : リングを交差させる。
JavaScript : テキストのコピーボタンを実装。
Photoshopのオブジェクト選択ツールが便利すぎる。
CSS : tableの先頭列を固定させてスクロール。
Swift : 変数の後に{ }・・これはComuputedプロパティ(get/set)というものです。
iPadでのコーディング環境はこれなのか？Codepen。
ロリポップ！の取次店になりました。
Swiftのプロトコルとは？役割・使いどころ・存在意義やメリット。
CSSだけでヘッダー固定。
Swift static（静的）変数とは？
イラレ、SidecarでiPadを液タブ化。
Sidecar。Catalinaでついに実現。
Javascript：文字数を全角/半角別にカウントしてはみ出し処理。
iPad用マウスは君だ！ logicool pebble m350。
JavaScript : 要素幅をリアルタイムに取得。
iPadOS、USBメモリ接続とファイル操作。
JavaScript/CSS: 文字数オーバーしたときに「…」で表示する。
iPadOSのマウス操作でexcelを使ってみる。
CSS : filterプロパティ。複数指定、テキストへの効果などを試してみた。
flex-basis、flexについて〜flexプロパティ後編。
flex-grow,flex-shrinkについて〜flexプロパティ前編。
Google Fontsを使って統一されたフォントを表示。
JavaScript : スクロールのインジゲータを作成。
HTML:flexboxを使ってリンクカードを作ろう。
CSS:親要素の形状サイズで画像をトリミング（切り抜き）、object-fit。
JavaScriptでもスナップスクロール。
CSS:上下中央揃えはflexを使おう。
CSS:決まった位置にスナップさせるスクロール。
BOXY SVG 〜お手軽SVG作成アプリを使ってみる。
SVG画像に影を落とす。
JavaScript:exec()メソッドについて。
HTML：SVGファイルでくっきり画像。
CSS：横スクローーーーール！
JavaScript : " "で囲まれた部分のCSSを書き換える。
レスポンシブwebデザイン、２カラムをやってみる。
JavaScript:class要素のHTMLをreplace。
YouTube風フォントを使ってみよう。
HTML:ソースコードをページ上に貼り付ける。
JavaScript : 正規表現で一括replace。
margin,padding実験キット。
JavaScript:
HTML 
参照渡しと値渡しとは〜Swift
Magic Keyboard用カバー、BEFINE KEYBOARD KEYSKINを試す。
iphone/ipad/タブレット用スタンド、安くてコンパクトな3Q foreverのFoldStand。
HTMLとっとと始めよう02
HTML入門者もAdobe Bracketsを使おう！
HTMLとっとと始めよう！ 
Magic Keyboard最強説。
タイピング習得への道
ipadpro(wifi版)を６日間で入手できたお話。
複数のViewControllerを扱う〜Swift忘備録
JavaScriptのクロージャの説明に挑戦してみる。
「ふ」です。
swift、web、ガジェットなど。役立つ情報や観ていてたのしいページを書いて行きたいと思います。
🐧 twitter 🐧
© 2019 ふ
▶︎ プライバシーポリシー
▶︎ お問い合わせ