-
5 -
その他
うぉぉぉぉぉぉぉ！社員旅行で石垣島に行ってきたよ！
ソニックムーブ、2017年の社員旅行は2泊3日石垣島！ゆったりした南の島で、束の間のバカンスを楽しむソニックムーブ社員たちの様子をレポートします。
-
7
-
フロントエンジニア
JPGの圧縮率とPNGの透過を実現する超軽量なJPNG.svgを試してみた
JPGの圧縮率とPNGの透過を実現する超軽量なJPNG.svgを試してみました。透過PNGを使いたいけど、容量が大きくなることで懸念していた人は是非チェックしてみてください。
-
0
-
デザイナー
簡単！ドット絵のGIFアニメーション作り！【Piskel編】
簡単にドット絵のGIFアニメーションを作れるWebサービスPiskelの紹介です。ドット絵を左右対称にしたり、格子模様を描く機能などがあります。
-
8
-
フロントエンジニア
使える！CSSアニメーション 20選
ローディングやメニュー、モーダルなど様々な場面で使えるCSSアニメーション 20選をまとめました。ソースコードもあるので、カスタマイズすればすぐに使えます。
-
6
-
ディレクター
デザイナーに伝わるバナー構成案 ワンランクUPさせるための5つのステップ
「ワンランク上のバナー構成案の作り方」をご紹介します。よくある構成案を、パワーポイントの基礎的な機能だけでちょっといい感じにしてみましょう！情報の優先度を考えることで、初心者…
-
3
-
その他
SlackとAstroの連携でGmailの受信トレイに別れを告げる日がきた！
SlackとAstroを連携することでGmailをSlackで受信したり、返信することができるようになります。Astro自体は、AI機能を備えたメールサービスとなっており、大事なメールを見逃すことがな…
-
1
-
フロントエンジニア
コピーするだけ！CSS3ボタンジェネレーター まとめ
凝ったCSSボタンを一から作るのは大変ですよね。そんな時はボタンジェネレーターを使えば、簡単に作成できてコピペするだけで使えます。そんなわけでCSS3ボタンジェネレーターをまとめて…
-
23
-
デザイナー
ChromeがAPNG (Animated PNG) に対応したので作ってみた
GoogleのChromeがAPNG (Animated PNG) に対応したのでアニメーションするPNGを作ってみました。対応ブラウザの状況、ツールや作り方も紹介しています。
-
4
-
デザイナー
え、簡単すぎない？Photoshopでシネマグラフを1分で作成する方法
作業の流れが分かるとPhotoshopでシネマグラフを1分ほどで作成できる方法の紹介です。案件によっては、とてもおしゃれな使い方もできます。
-
1
-
ディレクター
SlackとGoogleカレンダーの連携で会議・打合せの5分前通知を自動化
SlackとGoogleカレンダーの連携で定例会議や打合せの5分前通知を自動化する方法の紹介です。「繰り返し」できることはどんどん自動化して生産性を向上させましょう。
-
1
-
デザイナー
複数の写真を一括でスマートオブジェクト化できるPhotshopスクリプト「Cell」
複数の写真を一括でスマートオブジェクト化できるPhotshopスクリプトCellの主な特徴と使い方について紹介します。写真を多く扱う場合には便利です。
-
1
-
フロントエンジニア
初心者は要チェック！HTML5、CSS3の対応状況を確認できるCan I USEが便利！
Flexboxの対応ブラウザって何？など、HTML5、CSS3の対応状況を確認できる便利なWebサービス「Can I use」の紹介です。Analyticsと連携することで自分のサイト状況も確認できる機能もあり…
-
2
-
その他
【AWS】LIG×ガラパゴス×ソニックムーブ第5回合同勉強会を実施致しました。
AWS×Deploymentについての勉強会を行いました。ソニックは「[AWS CodeDeploy 使い方]ワンコマンドデプロイ」を発表。LIG×ガラパゴス×ソニックムーブ第5回合同勉強会の模様です。
-
3
-
デザイナー
アイデアを真似したくなるタイプ別パララックスサイト20選
パララックスと言っても様々な表現手法があり、今回はちょっと気になる様々なクリエイティブアイデアのパララックスサイトをピックアップしてみました。
-
5
-
フロントエンジニア
初心者向けCSSナビゲーションメニューの作り方
どのWEBサイトにも必ずと言っていいほど存在しているナビゲーションメニューについて、CSS初心者の方にも分かるように３つのフェーズに分けて細かく解説していきます。
