AngularJSでマテリアルデザイン風のページ遷移アニメーションを作ろう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。 6月から役職が変わりフロントエンドリーダーからCTOになりました、先生です。 もうAngular1.4にアップデートしましたか？ Angular1.4になりマテリアルデザインを意識したアニメーション関連の変更や実装がおこなわれました。その分Breaking Changesもあるのでアップデートには注意する必要があります。 今日はそんなAngularJS 1.4を使って、マテリアルデザイン風にページ遷移するアニメーションを作ってみたいと思います。 今回のデモ デモは下記リンクになります。 各メンバーをクリックするとスムーズにアニメーションして詳細ページに遷移します。まずは触ってみてください。 http://frontainer.com/ligblog-sample/angular-morphing-animation/#/ 必要なもの AngularJS1.4 – https:
入籍後の大事な手続き6選【これから入籍する方必見】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
これから入籍 ・ ご結婚される方は、入籍後におこなう手続きについて調べると思います。今回はその方々に向けて、入籍後の手続きについて書かせていただきます。 あくまでも私が実際に入籍した後に調べていた内容となりますので、参考までに見ていただけたらと思います。 それではどうぞ。 必見！ 入籍後の名義変更まとめ 入籍時に行う手続きのリスト 婚姻届 免許証の氏名 / 住所変更 銀行口座の氏名 / 住所 / 届け印変更 各種クレジットカードの氏名 / 住所変更 携帯電話の氏名 / 支払い先口座 / 住所変更 パスポートの氏名 / 住所変更 ※そのほかに、保険や年金、光熱費などもありますが今回は上の 6 つだけお話します。 婚姻届 必要なものは戸籍謄本と旧姓の印鑑と婚姻届でした。 注意しておきたいのは戸籍謄本の準備です。 本籍のある役所からいただかないといけません。手数料は 1 通 450 円です。 郵
アニメーションに便利なJavaScriptライブラリTweenMaxを使ってみる（その1） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、CTOのづやです。 今日はアニメーションさせるときに便利なTweenMaxの使い方について書きたいと思います。 こちらのスピードテストのページを見るとわかるように、かなりハイパフォーマンスなアニメーションが可能です。 というわけで、基本的な使い方を書いていきたいと思います。 とりあえず要素を動かしてみよう まずは公式ページからダウンロードしましょう。 慣れないうちはTweenMax.jsを、とりあえず以下のように読み込んでおきましょう。 <script src="js/TweenMax.min.js"></script> 基本的によく使うクラスとして、以下の4つがあります。 TweenLite TweenMax TimelineLite TimelineMax Tween系とTImelite系の2種類がありまして、それぞれMaxが高機能版だと考えてよいかと思います。 単純に要素
わずか二坪。日本最小の住宅で暮らすことになりました。本当にありがとうございました。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGが長野県信濃町にて運営しているゲストハウスLAMPの支配人、堀田です。 以前、「長野に来て半年で、僕は一軒家を手に入れました。本当にありがとうございました。」という記事でお伝えした通り、こちらの一軒家を借りることにしたのですが、このままでは住めないのでリノベーションをしようと思い… LAMPの改築でもお世話になっているログラフの大工、拓さんに相談したのですが… 「こんな感じでどう？」 と、地面に枝で書いた設計図？のようなものを見せられ… 「ここで資材を揃えた方が安いねん」 と言われ、近所にあるリサイクルショップ？？？のような所に連れて行かれ… 工事が始まりました。 さて、この家、建造物としてもっとも重要な基礎が無く、すべての柱は腐っていました。 なぜこの家が自立できているのか分からないのですが、もしかしたら浮いているのかもしれません。 長野、マジすごい。 とりあえず不安な
動きがあるWebデザインの参考になるアニメーションのサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。 上野という土地をいまだに苦手とする野田です。 断固として代官山がいいと入社してからずっとわがままを言っています。 絶対に実現されないですが。 さて、今回は僕がWebデザインの際に参考にしているアニメーションのサイトをご紹介します。 数はそんな多くないですが、時間の空いた時間にでもご覧いただければ幸いです。 Hover States http://hoverstat.es/ このサイトははとても素晴らしいです。各サイトのアニメーションを一覧で確認することができます。 インスピレーションを得たいときに大変助かっています。サイトのアイデア自体、素晴らしいですね。 Unheap http://www.unheap.com/ jQueryのpluginを紹介しているサイトですが、使用目的ももちろん、動きの参考にもなります。 自分でイージングを変えたりして、どういうものがサイトに合うのか
Sublime Text3で構文エラーをチェック
こんにちは、つい最近メディア事業部脱退を表明したデザイナーの王です。 PhpStorm、Aptana、NetBeansなど、大抵のIDEは、コードを書きながら構文エラーをリアルタイムでチェックしてくれるとても便利な機能がついていますよね。 個人的にはPhpStormが一番使いやすかったですが、IDEだと、プロジェクト単位で管理しなければならないので、小回りが効くSublime Textも以前から愛用しています。特にSublime Textの「Multiple Selections」という機能が凄く便利で、一旦慣れてしまったら、この機能が使えないPhpStormで作業するとストレスが溜まってしまいます!! でも、はやりIDEのリアルタイムコード解析は使いたいなぁ〜〜 でも…でも… こんな葛藤に苦しんだ結果、とある偉大なプラグインが誕生しました!!その名も「SublimeLinter」です！
複数画像を一括でリサイズできるMacアプリ！「Th-MakerX」で捗る！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ども、メディア事業部のゆうせいです。 デジカメ画像などをリサイズするのに手間を感じていませんか？ 何枚もある画像を1枚1枚リサイズする・・・聞いただけでウンザリしますよね。 でも、今日でそんな悩みとサヨナラできるとしたら？ Macアプリ「Th-MakerX」なら、複数画像をサクッと一括リサイズすることが可能！これまであなたを苦しめてきた、面倒な問題がスルッとまるっと解決できちゃいます。 複数の画像を一括でリサイズできる！ このアプリの魅力は、何と言っても複数画像を一括でリサイズできること。デジカメで撮影した画像をブログやウェブサイトで使う場合は、必ずと言って良いほどリサイズが必要になります。 横幅を統一したい 高さを統一したい 70%に縮小したい などなど。しかし、これらの面倒な作業がドラッグ＆ドロップだけで完了します。ただ残念なことに、App Storeからはダウンロードできないので、以
JavaScriptで制御しているCSS3のtransitionを途中で中断させる方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアチームのづやです。 CSS3のtransition便利ですよね。 JavaScriptから制御してると、jQueryでanimateをstopさせるときみたいに途中で動きを止めたいことがありました。そんな時どうすればいいかわからなかったので、調べてみました。 JavaScriptから制御しているCSS3のtransitionを途中で中断させる方法 動かしてるstyleを上書きしてしまう これが一番ベターっぽい。中断したいタイミングで対象となってるstyleを上書きすると止まってくれるようでした。 <!-- こんな要素があって --> <input type="button" name="start" id="start" value="開始"><br> <input type="button" name="stop" id="stop" value="停止"><br>
フリー写真素材サイトまとめ15選
こんにちは。学生ライターの池澤章太です。 Webで記事を書くときや資料を作るときに、フリー写真素材をよく使うと思います。しかし、イメージに合う写真や素材を見つけるってなかなか大変です。場合によっては商用利用できるか調べるなければいけませんし。 そんなときに、商用利用ができて、無料で使える素材サイトがまとめてあると便利ですよね。 ちなみに動画素材については送別会、結婚式に！映像制作に使える無料動画素材サイトまとめをご覧ください。 今回は、23個ほど素材サイトをまとめました。この記事をブックマークしておけば素材に困ったときに役立つはず！ 【こちらもおすすめ】 無料で商用利用OKのサイト特集 商用利用できるフリー写真素材サイトまとめ23選 ここでひとつ注意を。「フリー」という単語は、なにかと誤解を招きやすいですが、著作権がフリーだったり、クレジット表記が不要だったりする意味ではありません。各素材
結婚のご報告。30年彼女がいなかった僕が、秒速で結婚できた理由。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディア事業部、部長の紳さんです。 突然ではございますが私、竹内紳也は2013年4月12日に入籍をいたしましたので、ご報告させていただいます。 会社の公式ブログを通じて、このような私的な報告をさせていただく事に感謝しつつ、30年間彼女という存在を手に入れる事が出来なかった僕が、それらのプロセスを全て飛ばして結婚するに至った経緯を公開させていただきます。 ことの始まり 様々な嘘、ネタで盛り上がりを見せるエイプリルフール。我々はあえて嘘をつかず、本気で僕の嫁を募集するという記事を発表いたしました。 紳さんこと、株式会社LIGメディア事業部・部長の竹内紳也が嫁を募集します。 画像ではかなりフザケていますが、記事の内容としてはなるべく真面目に、誠実に、本気でお嫁さんを募集したつもりです。 嫁に求めたいもの 20歳〜35歳の女性の方 将来、長野県の田舎で一緒に暮らせる方 300万円を超え
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
