-
6 -
フロントエンジニア
使える！CSSアニメーション 20選
ローディングやメニュー、モーダルなど様々な場面で使えるCSSアニメーション 20選をまとめました。ソースコードもあるので、カスタマイズすればすぐに使えます。
-
6
-
ディレクター
デザイナーに伝わるバナー構成案 ワンランクUPさせるための5つのステップ
「ワンランク上のバナー構成案の作り方」をご紹介します。よくある構成案を、パワーポイントの基礎的な機能だけでちょっといい感じにしてみましょう！情報の優先度を考えることで、初心者…
-
3
-
その他
SlackとAstroの連携でGmailの受信トレイに別れを告げる日がきた！
SlackとAstroを連携することでGmailをSlackで受信したり、返信することができるようになります。Astro自体は、AI機能を備えたメールサービスとなっており、大事なメールを見逃すことがな…
-
1
-
フロントエンジニア
コピーするだけ！CSS3ボタンジェネレーター まとめ
凝ったCSSボタンを一から作るのは大変ですよね。そんな時はボタンジェネレーターを使えば、簡単に作成できてコピペするだけで使えます。そんなわけでCSS3ボタンジェネレーターをまとめて…
-
22
-
デザイナー
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初心者の方にも分かるように３つのフェーズに分けて細かく解説していきます。
-
0
-
フロントエンジニア
CSS でチェックボックスとラジオボタンを装飾する方法
CSSのみでチェックボックスやラジオボタンを装飾したい衝動に駆られたのでご紹介します。基本的には、チェックボックス或いはラジオボタンの実体であるinput要素とspan要素を並べてlabel…
-
1
-
ディレクター
便利なSlackリマインダーの使い方を徹底紹介！
毎月の請求書発送通知など、定型的な内容を投稿するのはSlackのリマインダー機能を使うことで毎回の投稿する無駄な作業をなくすことができます。そのリマインダー機能について詳しく使い…
-
1
-
フロントエンジニア
ゲーム開発してみたいあなたへ、プロが教える初心者向け記事まとめ
ゲーム開発してみたい初心者向けの記事をまとめてみました。ゲーム制作別の難易度やUnityを使ったサンプルの作り方に関する記事を紹介しています。
