Webデザイナーやプログラマー向け「チートシート」に関する記事を以前書いたのですが、あれから1年以上経って新しいものとか前回見逃していたものとかを少しばかり見つけたので、改めて紹介したいと思います。 以前の記事で紹介したチートシート7個 記事：Web制作に役立つ便利な「チートシート日本語版」まとめ 1. Unix/Linuxチートシート 2. PHPチートシート 3. MySQLチートシート 4. WORDPRESSチートシート 5. HTML5チートシート 6. CSSチートシート 7. Gitチートシート 8. Google Analyticsチートシート 紹介記事：【最新版】Google Analyticsチートシート完全マニュアル（日本語解説付） ダウンロード：Google Analyticsチートシート 9. SEOチートシート 紹介記事：これが無料？！プロ御用達のSEOチートシ

Google Web Designerの基本からアニメーションの作成までを学ぶ連載。第3回では、Google Web Designerを使って実際の業務を想定したクリエイティブバナーを作成します。 基本操作については前回の記事で解説しましたので、今回は主にアニメーションモードの詳しい使い方を中心に学びましょう。 Google Web Designerで実際にクリエイティブバナーを作成しよう 今回作成するのは、次の2つのバナーです。 1つ目は、「クイック」アニメーションモードで制作した不動産会社のバナーで、夜景の写真が横にスライドするシンプルなものです。2つ目は、「詳細」アニメーションモードで制作したカフェのバナーで、スライドとフェードを組み合わせて、複数ページを切り替えます。 「クイック」アニメーションモードで作る不動産会社のバナー 最初に、背景が横方向に流れるような動きのバナーを作りまし

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

2017年5月25日 CSS FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。前々からあった技術ですが、ブラウザーによって書き方が違ったり、仕様がころころ変わったりと、イマイチ一歩踏み出せない感があったFlexbox。しかしようやくモダンブラウザーでの利用に難がなくなり、実務にも充分使えるようになりました。今回はそんなFlexboxの魅力と使いドコロを、デモ付きで紹介していこうと思います！ ↑私が10年以上利用している会計ソフト！ 対応ブラウザー Can I use…で紹介されているように、現行のモダンブラウザーでは問題なく利用できます。ただし、Safari用に -webkit- のベンダープレフィックスが必要です。IEについては11から正式に対応。IE10にも対応していますが、書き方が

「コードを書くな。描け！」 がキャッチフレーズ（意訳 by me）の『Macaw』は、「こりゃ、次世代のWebデザインツールに違いない！」と、まだ発売してないにもかかわらず、わずか72時間で75,000ドルもの出資額を集めたアプリです。 Macaw: The Code-Savvy Web Design Tool 噂に聞いたパワフルかつモダンな特徴をざっとあげると、 画像編集の感覚でWebデザインできる！ コーディング？ なにそれ？ 吐き出すソース（HTML／CSS）がビューティフル！ リアルタイムなプレビュー機能 アニメーションをリアルタイムに実装できる！ 柔らかすぎるレイアウトの変更、設定 レスポンシブ。余裕 と、スゴそう。最近、ついに発売されたみたいなので試してみることに。 使ってみた感想からいうと、プロ向けだなあという印象。使い方自体はそれほど難しくないのですが、HTML／CSSの知

1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない＞＜」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか？ HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる なぜ、スマホ未対応のホームページは時代遅れなの？ その答えは非常にシンプル。 なぜなら、今が「ほとんどの人がPCではなくスマホでホームページを見ている時代」だからです。 この数字が何を表しているかご存知でしょうか？ スマホ： 83.4% パソコン： 69.1% これは、「総務省」が発表した2019年のIT機器の世帯保有率です。（詳しいデータはこちら） なんと、パソコンよりスマホを持つ人のほうがはるかに多いんですね！ こんな世の中ですから、よりたくさんの人にホームページを見てもらいたいなら、スマホサイト

データを活用して収益を最大化する組織づくりについて知りたい方/リード獲得に課題がある方/コンテンツマーケティングの戦略立案に悩んでいる方/ナーチャリングのノウハウを知りたい方/新規事業・新商品のマーケティング戦略策定を任されている方/マーケティングのデジタルシフトを進めたい方/少人数・限られたリソースでのマーケティング活動に課題がある方

TOP  >  Font  >  いろいろなテイストがピックアップされたフリーフォント20種「Free Fonts for Designers (20 Fonts) 」 次々と新しいフォントが公開される中、フリーで使用できるフォントも多数存在しています。そんな中今回紹介するのは、いろいろなテイストがピックアップされたフリーフォント20種「Free Fonts for Designers (20 Fonts) 」です。 Monastic Pro(Free Font) on Behance デザインを魅力的に見せてくれるフリーフォントが20種厳選され、紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Slot // Free Font on Behance カーブとストレートのパーツをつなぎ合わせて作られた個性的なフォント。丸みを帯びたフォルムな

「SimilarWeb Pro」でプロブロガーさんはどんなキーワードに強いのか調べてみた一時的に利用させて頂いている「SimilarWeb Pro」で、プロブロガーさんがトラフィックを集めているキーワードって何だろう？と思い、プロブロガーの皆さんのサイトをSimilarWeb Proを使って丸裸にしてみました。 SimilarWebの無料版では10個のキーワードしか見ることができませんが、Pro版であれば全てのキーワードをチェックすることが可能。SimilarWebはモバイルのデータを表示できないのですが、どのようなキーワードに強いのかチェックしてみました。 まだ東京で消耗してるの？SimilarWeb Proで調べたところ「まだ東京で消耗してるの？」の検索キーワード数「9,132」でした。その中でブログタイトルやイケダハヤト氏の名前以外でトラフィックを集めているキーワードで気になったもの

スマートフォンの普及で、PCで閲覧するWebサイト（以下、PCサイト）に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

When you want take notes or write a list, it should be easy and quick. Google Keep, the Internet giant's note-taking service, is renowned for those two qualities. It's one of the best apps for notes and to-do lists. But it can be better. Apart from the Android app, it works great in the Chrome browser and as a web app, but that's about it—there is no iOS app or desktop version at the moment. Regar

「Adobe Photoshop」が2015年2月19日に25周年を迎えたことを記念して、Creative SuiteワールドワイドデザインエバンジェリストのTerry White氏が「Photoshop 1.0」を実際に操作するムービーをAdobe TVで放送しました。1990年にリリースされたPhotoshop 1.0で画像加工をする様子は、最新版を扱うユーザーには信じがたい内容で、現代に生きている幸せを実感できます。 Terry White Demonstrates Photoshop 1.0 - YouTube Photoshop 1.0はMac版しか発売されておらず、Windows版はありませんでした。PhotoshopがWindowsに対応したのはバージョン2.5以降のこと。 当時のOSにしか対応していないPhotoshop 1.0を起動させるにはエミュレーターを使う必要があり

AI デジタル未来構想から、日本社会に貢献する AI の実装を目指して Google は、2022 年に日本のデジタル化を支援するため、インフラへの投資やデジタルトレーニングの提供、そしてパートナーや非営利団体への支援を強化する「デジタル未来構想」を発表しました。その一環として、2023 年に千葉県印西市に Google として日本で初めてとなるデータセンターの開設や日本とカナダ西海岸を結ぶ初の海底ケーブル… 奥山真司 Google 日本法人 代表 All the latest about AI Gemini Live が日本語に対応 Gemini に新しい機能が追加：Imagen 3 による画像生成とカスタム Gem 日本語版 Gemma 2 2B を公開 Google は、AI をあらゆる人にとって役立つものにすることを目指し、開発者コミュニティが独自の言語や文化に合わせて AI を活

毎週 Creative Cloud にちなんだ話題を取り上げ解説する Adobe の情報番組。