今回はjQueryを使わずに、CSSだけでアコーディオンをサクッと実装する方法を紹介します。どれもレスポンシブ対応です。なお、後半では矢印アイコン付きのものも載せています。コピペして使って頂いてOKです。

ピボットテーブルに使用するデータは、一覧表の１行目に項目名が入ったデータベース形式であればOKです。 データの大きさはExcelで扱える大きさであれば10万行のデータでも集計できます。 ダウンロードファイルをご覧ください。 このデータは、２行目から販売日、商品、部署、金額の売上を記録した一覧表です。一覧表の1行目にそれぞれの項目名が記録されています。 商品の価格は日々の為替などの影響で変動するので、販売金額が一件ごと違います。全部で１年間分の797件の売上データです。 ピボットテーブルを使う時は、元データのどこかをクリックして、［挿入］タブの中のピボットテーブルをクリックします。 テーブル範囲にすでに元データの範囲が設定されています。 ここで、[OK]ボタンをクリックします。 ピボットテーブルが新しいシートに作成されました。 ここからピボットテーブルでどのように集計するか設定していきます。

このブログではイラストレーター(Adobe Illustrator)のTipsをときどき書いていますが、それなりの数が集まってきましたので、まとめてみました。Illustratorの小技集として、お役に立てれば幸いです。 この記事を書いた人はイラレTips本の著者です。イラレでイラスト、パーツ、模様パターンなどの描き方・作り方をいっぱい集めた本「Illustratorおいしいネタ事典」。ちょっと前の本ですけどなにげに今もじわじわ売れてる良書です。 内容の紹介を読んでみる» Amazonでみる»

「Adobe Illustratorでウェブサイトのレイアウトを組む」というと、未だに抵抗を示す人が多くいます。だけど実際のところ、本当にカンタンなことにさえ気をつければ、ウェブサイトのレイアウトを組むのなんかぜーんぜん難しくないのです。 ではイラレでウェブデザインを組むとき、どんなところに気をつければ良いのでしょうか？イラレ歴18年のniaoが5回の記事でまとめてみます。 ※歳は詮索しないでね。 まず何より、Illustratorでウェブサイトのレイアウトを組むときに大切なのは、常にピクセルの合った画像を作ることです。 ご存じ? Adobe CCを安くする方法 ピクセルを合わせるのはむずかしくない。 守るべきポイントは、この二つです。 ピクセルがにじんでいないこと 位置や大きさがpx単位で整数 もちろん、ロゴや複雑な形状まで合わせる必要はありませんが、四角形くらいは、完全に合わせましょう

ほかのセルの値を条件とする条件付き書式を設定するには、ルールの内容として「=」で始まる数式を入力します。 条件付き書式で、ほかのセルの値を条件としたい場合は、ルールの内容として「=」で始まる数式を入力します。ここで紹介する例では、列番号Dに判断の基準となるセルがあるので、数式には「= $D3＜100%」のようにセル番号を列固定の複合参照で指定します。 条件式の指定例

はじめに Excelでいくつか空白行ができてしまい、それを1つ1つ削除していくのってとても面倒ですよね。 今回は、そんな空白行を一括で削除する方法をご紹介したいと思います。 やり方 前提 今回は上図の表でD列が空白の行を削除します。 STEP1.空白部分を一括選択 D列を選択し、ホームタブの 検索と選択＞条件を選択してジャンプ を選択します。 その後、ダイアログが表示されるので、 空白セル を選択してOKをクリックします。 すると、このようにD列の空白セルが全て選択された状態になります。 STEP2.行全体を削除 空白セルが選択された状態で右クリックから 削除 を選択します。 するとダイアログが表示されるので、 行全体 を選択してOKをクリックします。 これで空白行を一括削除できました。

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

10,000点以上のフリー白黒シルエットイラスト素材集 【無料のAi・PNG白黒シルエットイラスト】は、10,000点以上の白黒イラストアイコンを無料ダウンロードできるサイトです。 イラストのデータはベクター加工してあるAi、背景透過PNG、高画質JPG形式がまとまってZIPファイルになっていて無料ダウンロードできます。 ロイヤリティーフリーの高品質イラストアイコンを会員登録不要で1クリックでダウンロードできます。 白黒のモノクロで汎用性も高く商用利用もOKなので、チラシやお便り、ポスター、WEBサイト、ポストカードや年賀状などの印刷媒体にもアイコンやイラストとしてご利用いただけます。 クレジット表記や許可も必要なく加工してご利用いただいても大丈夫です。イラストご利用規約の内容をご確認しイラストをご利用ください。

WHAT'S ICOOON MONO 商用利用可能なアイコン素材をフリー(無料)ダウンロードできる素材配布サイトです。 WEBデザインやDTPのほか、ビジネスシーンで活用できるアイコン素材をストックしています。 TopeconHeroesが作成したこのサイトに掲載している素材は、どなたでも使用条件に違反しない限りクレジット表記や許可なしで、 自由にご利用いただけます。

【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・

Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

2019年5月17日 CSS はるか6年前に書いた記事「少しのコードで実装可能な20のCSS小技集」の第二弾です！（スパンながっ）簡単なコードで素敵な効果が得られる小技をダダっと紹介してみます。前回に引き続き、初心者さんからベテランさんまで参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 目次 画像を丸く表示 1本線のテーブル 1本線の水平線 線色を指定しなくても文字色と同一色になる 複数の背景画像 背景画像のサイズ Webフォントを使う 画像をモノクロやセピアにする リストマーカーの色を変更 グラデーション グラデーションボーダー フラットだけど立体的ボタン 画像をぼかす レスポンシブに対応した動画 要素を真ん中に配置 カンマで分けたリスト 文字を縦書き フォーカスすると伸びるテキストボックス iOSでボタンのスタイルをリセット 線のオフセット設定 HTML・CSSの全

While funding for Italian startups has been growing, the country still ranks eighth in Europe by VC investment, according to Dealroom. Newly created Italian Founders Fund (IFF) hopes to help…

こんにちは！　ライターのユリナーシュカです。 企業のウェブ担当者の皆様、ウェブマーケティングで売上を上げるために不可欠なランディングページ（以下、LP）ですが、作ったLPはしっかり成果がでていますか？ 今回は効果的なLPを作るポイントを、年間100本のLPを手がけているリスティングプラスさんに聞いて、まとめてみました。 ぜひ、自社のLPを見直す際の参考にしてくださいね。 グサッと心に刺さるLPってどんなもの？売上をアップさせる４つのポイント LPは、広告をクリックした後の着地点になるので、広告配信の成否をLPが決めると言っても過言ではありません。つまりLPはウェブ上の営業マンと言えます。 1.売れるLPはアクセスからの逆算で設計！見込み客の数と悩みを理解する！ まず、以下の３つの情報をしっかり把握しておきましょう。 キーワードの市場ボリューム 流入の多いキーワード 配信ネットワークの種類

日本語のフリーフォントを利用してデザインする際などに「クールなデザインにしたい」「かっこいいフォントを使いたい！」という場面があるかと思います。 ただ、英語のかっこいいフォントはすぐに見つかるのに、日本語になるとすぐに見つけられないということがあります。 そこで今回は、デザイン性が高くてかっこいい日本語フリーフォントをフォントのタイプに分けてご紹介していきます。 商用利用可能なものから、漢字を含んだもの、カタカナのみのかっこいいフォントまで幅広く用意してみましたのでご覧ください。 かっこいいゴシックフォント 鉄瓶ゴシック 鉄瓶（てつびん）ゴシックは、フォントな自由さんが公開している角ゴシックフォントです。 「源ノ角ゴシック」を改変して制作されており、極太の文字かつごつごつとした質感がかっこいいフォントです。 商用：OK ひらがな：◯ カタカナ：◯ 漢字：◯ ▷ 鉄瓶ゴシック スマートフォン