web Magazine

本

web制作のあれこれ書かれた記事のまとめ

運営しているクリエイター: 丹羽大輔丨daisuke NIWA

#エンジニア

Lottieによるリッチアニメーション実装のためのAfterEffectsハマりどころ

この資料は2018/02/14の第二回iOS UI実装勉強会で発表した内容です。当時調査した内容をそのまま編集しているので情報が古い場合があります。ご了承ください。最新情報はドキュメントを参照してください。下記がドキュメントです。はじめにiOSにAfter Effectsで作ったリッチアニメーションを導入できるLottieライブラリすごい！とおもったのですが，AfterEffectsのすべての機能を使えるわけではありませんでした・・・・・・アニメーションをデザイナー

Bootstrap4初学者だけど、使えそうな機能多いね？【38Web-2】

今日はBootstrap4の基本的なコンテンツ書式設定をやりました。こんにちは、38歳からWebエンジニア目指してるフェニックスA子（@lipton_milk999）です。 cssは使ったことあるんですが、Bootstrapは初めて。書式は「classから全部指定する」ということらしい。しかも装飾系は全部強制的に !important つけられてる。「そんなの多用したらクラスが書き散らかした感じになるし、クラスを付与してまとめて書式を設定する使い方と競合するので

初学者のWeb制作でAdobeは必要？フリーランスと会社で違うかも。 - テキストエディタでもいけること【38Web-6】

Adobeを勉強で使いたいけどめっちゃ高い。フリーランスが目指すスキルと、Web制作会社に入り込む（バイトや社員）ために必要なスキルには、違いがあるのでは？と考え始めた。こんにちは。38歳からWebエンジニアを目指しているフェニックスA子（@lipton_milk999）です。 Adobeのツール（ここでは、PhotoshopとDreamWeaverの2つを話題にします）を使うかどうかで悩んでいます。だって、高いですからね・・。月割りで使えるようになったとはいえ、単

Web初学者がBootstrapとjQueryどちらから手をつけるか？＋サンプルサイト設計手順【38web-3】

こんにちは、38歳からWebエンジニアを目指しているフェニックスA子（@lipton_milk999）です。今日は写真の3つの本（HTML5+css3、Bootstrap、jQuery）を読み終えたので、その内容を整理しようと思います。書籍をもとに整理すると、簡単なWebサイトの製作の流れとしては、次のような流れになるかと思います。（ここでは下層ページは除いて、まずトップページのみについてまず整理）＜Webサイト（②からはトップページ）の製作の流れ＞① サイトマッ