t.jsを使ってタイピング風のアニメーションを再現する | 東京上野のWeb制作会社LIG

2018/05/29 19 users T.js アニメーション Web制作会社LIG 東京上野

どうもですよ、はやちですよ:D 今回は、ページ上でタイピングをしているようなアニメーションが再現できるツール「 t.js 」をご紹介します。 導入方法 github のほうでダウンロードしてから読み込んでください。 <script src="t.min.js"></script> 実装方法 基本的な設定方法ご紹介します:D 動かしたいhtmlのマークアップに対して <div id="js-targ... 続きを読む

Git管理ツール「SourceTree」で差分ファイルを抜き出す方法 | 株式会社LIG

2015/07/13 81 users SourceTree パッチファイル ブラウザゲーム バッチ

どうもです、お久しぶりです、はやちです✌(´ʘ‿ʘ｀)✌ ここ最近DMMのブラウザゲーム「刀剣乱舞」にハマってしまいましてひたすら刀狩りをしております( ˇωˇ )＜おじいちゃんこない そんなことはどうでもいいですね。 今回は、Git管理ツール「SourceTree」を使用して昔のファイルと作業したファイルの差分を抜き出す方法をご紹介いたします( ˘ω˘)☝ バッチファイルを用意する まずはバッチ... 続きを読む

カッコよくカスタマイズされたグーグルマップをモーダル表示させてみよう | 株式会社LIG

2014/10/23 68 users モーダル マッコリ 株式会社LIG 実装 グーグルマップ

どうもです、フロントエンドエンジニアのはやちです( ˘ω˘)✌ こないだ「ファイナルファンタジーX HD Remaster」をクリアしまして、マッコリ飲みつつ夜中4時頃エンディングに感動、号泣しとりました(◞‸◟) どうでもいいですね✌(´ʘ‿ʘ｀)✌ さて、今回は「JavaScriptが苦手なあなたへ！グーグルマップを簡単にカッコよくカスタマイズする方法」という記事でご紹介したマップの実装に、モ... 続きを読む

要素を立体的に回転させて動かすエフェクトTURNBOX.jsの実装方法 | 株式会社LIG

2014/10/01 37 users 気配 株式会社LIG フロントエンドエンジニア 要素 実装方法

どうもです、フロントエンドエンジニアのはやちです( ˘ω˘)✌ だんだんと秋の気配が近づいて過ごしやすくなりま [...]The post 要素を立体的に回転させて動かすエフェクトTURNBOX.jsの実装方法 appeared first on 株式会社LIG. 続きを読む

SVGとjQueryで絵を描いているようなアニメーションを実装する方法 | 株式会社LIG

2014/09/03 202 users jQuery SVG 天空 ミッション エンジニア

どうもお久しぶりです。 フロントエンドエンジニアのはやちです( ˘ω˘)✌ 最近『天空のクラフトフリート』というソーシャルゲームにハマっております。 もともとは弊社のエンジニアの何人かに誘われてDLしたのですが、みなさん最近ログインしている様子がなく、もくもくとひとりでミッションをこなし、練り上げております( ∵ ) まけないひとりたのしい、強くなる✌(´ʘ‿ʘ｀)✌ さて、今回はSVGで絵を描い... 続きを読む

今流行のフラットデザインに一工夫！ロングシャドウ作成ツールまとめ | 株式会社LIG

2013/09/06 46 users 株式会社LIG 流行 フラットデザイン jubeat トレンド

どうもです。 夏休みの間特に行く予定もなく、毎日ゲーセン通いをして音ゲーを練り上げてしまったはやちです。 jubeat(ユビート)とSOUND VOLTEXが熱いです。 別にさびしくなんか　ないです　<(　 ´ิ-´ิ ┌┛)┌┛ 今回は今流行のフラットデザインの新たなトレンド、ロングシャドウエフェクトを簡単に作れるツールを紹介いたします( ˘ω˘) ロングシャドウエフェクトとは 斜め45度に長ー... 続きを読む

簡単キレイ！フォトショップでアスパラを増やしたり減らしたりしよう | 株式会社LIG

2013/05/28 38 users フォトショップ Photoshop アスパラ 株式会社LIG

どうも、はやちです( ˘ω˘) アスパラおいしいですよね( ˘ω˘) はやちは肉巻きアスパラが好きです( ˘ω˘)ｼﾞｭﾙﾘ あら、ここにおいしそうなアスパラが(๑´ڡ`๑) 今回はPhotoshopのコンテンツに応じた修正ツールを使ってアスパラを色々やっていこうと思います( ˘ω˘) アスパラを消してみよう！ 選択ツールでアスパラを囲みましょう( ˘ω˘) メニューバーの編集→塗りつぶしを選択し... 続きを読む

IEでリンクをクリックした時に出る点線を消すjQuery | デザイナーブログ | 株式会社LIG

2012/11/01 71 users jQuery 点線 案件 IE対応 株式会社LIG

どうも！こないだの案件のIE対応で、てんやわんやしました。 はやちです ((((((└(:D｣ ┌)┘)))))) 何が起きたかといいますと… ( ^o^)＜よーしコーディングできたちょーきれー☆ （ ˘⊖˘）。o(IE大丈夫かな) | IE | ┗(☋｀ )┓三 ( IE ◠‿◠ )☛ 『貴様ッ！クリック時、リンクに点線が出る事に気が付いたなッ！』 ▂▅▇█▓▒░(’ω’)░▒▓█▇▅▂うわああ... 続きを読む