動くWebデザインアイデア帳
サイト閲覧方法 1ウェブサイトへアクセス https://ugokuweb.coco-factory.jp/ugokuweb/ 新サイトはこちらから 2【ユーザー名】と【パスワード】が求められますので、以下の情報を入力してください。 【ユーザー名】：ugokuweb 【パスワード】：指定のページ数を【半角数字3桁】で入力 （例）30ページの場合は 030 と入力 ※黄色本をご購入の方：7-2「検索」の表紙ページ数 ※ピンク本（実践編）をご購入の方：9-4「SVGアニメーション」の表紙ページ数を【半角数字3桁】で入力してください。 3閲覧制限が解除され、サイトを閲覧できるようになります。 ブックマークをしてご利用ください。 ※掲載されているコードは、2021年に出版された時のものをそのまま掲載しています。 （jQueryのバージョン、プラグインのソースコードの書き方を含む） ソースコードの書
【Google Chrome】ブックマークが表示されない！原因と復元方法は？
この記事には広告を含む場合があります。 記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 いつも使っていたGoogleのウェブブラウザChromeのブックマーク（お気に入り）がこつぜんと消えてしまった！ 本記事ではブックマークが消えた原因と復元方法についてお伝えします。 なんとかして解決したい！もとに戻したい！そんな方に読んで欲しい記事です。 それでは、どうぞ！ Google Chromeブックマークが消えた・表示されない原因は？Google Chromeブックマーク（お気に入り）が表示されない原因を探っていきましょう。 ブックマークが消えた原因は次のことが考えられます。 ブックマークバーが非表示になっているブックマークのファイルが破損している操作ミスで削除してしまった同期で上書きしてしまった別のアカウントでログインしてしまった 原因① ブックマー
最短でWeb業界で給与を得るための最小知識2020 - Qiita
分野別の知識/技術スタック ハードウェア IOPS 大きければ大きいほど良いものです 課金で増やせます 1 ストレージサイズ 大きければ大きいほど良いものです 課金で増やせます 1 CPU(論理)コア数 CPUには種類がありますが AMD64 とか X86_64 ってやつだけ使ってれば外しません もしiOS/AndroidアプリケーションやIoTなどの分野に興味がある場合は追加で ARM というやつが登場します クラウドなら課金で増やせます、物理だと課金だけでは増やせないこともある 1 メモリサイズ 大きければ大きいほど良いものです クラウドなら課金で増やせます、物理だと課金だけでは増やせないこともある 1 ネットワークの帯域 大きければ大きいほど良いものです クラウドなら課金で増やせます、物理だと課金だけでは増やせないこともある 1 仮想マシン/コンテナ 言葉だけ知っておきましょう EC
消費における最強ツールは「Google Maps」になっていく、と考える理由
情報収集はInstagram。その後はGoogle Mapsでたどり着く 最近、私の生活の中で以前よりも、よく使うようになったと思っている唯一のアプリが「Google Maps」だ。 私はグルメ好きなので、Google Mapsにピンを立てて「お気に入りのお店リスト」「行ってみたいお店リスト」をつくってきたが、最近は「ローカルガイド」というレビュアーシステムにも挑戦し、その楽しさにじわじわハマっている。 さらに、ここ数カ月は周囲から「最近、Google Mapsをよく使う」という声を聞くようになってきた。今回は、その素晴らしさをひとつずつ紹介していきたい。 まず若年層からよく聞くのが、InstagramとGoogle Mapsの併用だ。マーケティングでよく語られる「発見」→「検索」→「購入」というフローにおけるプラットフォームが、検索サイトからSNSに移動していると言われて久しい。 具体的
スマホで増える「イマ思考」と「選択疲れ」、耳の暇と音声コンテンツ、インスタ映えとTikTok映え、メルカリのバラバラ消費など、スマホユーザー9つのトレンド（2019）｜アプリマーケティング研究所
スマホで増える「イマ思考」と「選択疲れ」、耳の暇と音声コンテンツ、インスタ映えとTikTok映え、メルカリのバラバラ消費など、スマホユーザー9つのトレンド（2019） 2019年（＋α）に、若いスマホユーザーを中心にインタビューして、印象的だったユーザー行動やトレンドを9つまとめました。 ※全体を正確に調査したものではありません、参考までにご覧ください。 1、計画を立てない「イマ思考」スマホでいつでもどこでも、情報を得られるようになったことで、事前に計画を立てずに、予定を当日に決める人（イマから何する）が増えています。 たとえば、目的地だけ決めてホテルは「行きながら」調べる、友達と待ち合わせたあとにインスタ検索して「いま食べたいもの」を食べる。 これは、その日の状況や気分に合わせて、予定をカスタマイズするという意味では、「計画的な無計画」とも呼べるかもしれません。 前日に「スイーツ」と決め
css hacks 2022 ( IE11 / Edge / Chrome / Safari / Firefox ) - Qiita
css hacks for IE11 の続きです。 ブラウザ全般も検討しました。 2022年01月01日時点のhackです。 2020年01月20日時点のhackです。 2019年06月01日時点のhackです。 2018年01月01日時点のhackです。 2017年07月30日時点のhackです。 ご利用は自己責任の上でお願い致します。 demo code /* Edge(Chromium) & Chrome & Safari & Firefox */ /* (比較的に新しいバージョンのみ動作) */ :not(:is(*)), .selector {} /* Edge(Chromium) & Chrome & Safari & Firefox */ /* (比較的に新しいバージョンのみ動作) */ :not(:where(*)), .selector {} /* Edge(Chromi
リッチスニペットとは | サクラサクのSEO【SEO対策・コンテンツ制作なら】 あっ！サクラサクに相談しよう
リッチスニペットとは、ユーザーが検索結果画面からどのページをクリックするか、その判断を助けるための視覚的にページ内容が想像できるような情報のことです。 通常、検索結果の下部に表示されるのは、スニペットと呼ばれる、要約（description）やページ内の文言を抜粋したもので、基本的には文字情報だけで構成されています。 一方リッチスニペットは、スニペットに加えて、ページの主題となるものに対して画像・価格・評価などを併せて表示します。スニペット（snippet）の表現が豊か（rich）になるためrich sunippetと呼ぶようです。 リッチスニペットを表示させるには構造化データを使用して記述する必要があります。構造化データとは、各要素がそれぞれ何を意味するのかを検索エンジンに伝えるためのものです。 そう聞くと難しいと思うかもしれませんが、ポイントを押さえればそれほど大変ではありません。 リ
JSON-LD？パンくず？「schema.org」を改めて学ぼう！ | 株式会社PLAN-B
専属のコンサルタントが貴社Webサイトの課題発見から解決策の立案を行い、検索エンジンからの自然検索流入数向上のお手伝いをいたします。 Google検索エンジンを使って近くのお店を探したときに、検索結果にタイトルとディスクリプション以外のメニューの画像や説明文が掲載されているのを見たことはありませんか？ これはリッチスニペットと呼ばれているもので、サイト内部で「schema.org」によってマークアップされた情報が掲載されています。 今回はこのリッチスニペットに関係しているschema.orgをご紹介いたします。 schema.org とは？読み方は？schema.orgとは検索エンジンに自サイトの情報をより詳しく伝えるための表記方法のことです。場合によってはサイトの内容とschema.orgの内容を元に、Google検索エンジン側がリッチスニペットとして検索結果に表示させることがあります。
PWA〈Progressive Web Apps〉とは？PWAの機能と導入するメリットを解説
PWAとは PWAとは、「Progressive Web Apps」の略称で、モバイル向けWebサイトをスマートフォン向けアプリのように使えるようにする仕組みです。 PWAはそれ自体が何か特殊な一つの技術、というわけではありません。 レスポンシブデザイン、HTTPS化など、Googleが定める要素を備えたWebサイトであり、オフラインやプッシュ通知に対応するためのブラウザAPI(Service Workerなど)を利用しているWebサイトをPWAと呼びます。 PWAを実装することでプッシュ通知やホーム画面へのアイコン追加など、アプリの特徴的な機能をWebサイトに持たせることができます。 これにより、UX向上やユーザーエンゲージメントの改善にもつながるとして注目されています。 PWAはアプリ的な側面とWebサイト的な側面を併せ持っています。特徴的な機能は以下の通りです。 ①ユーザーの手元の端
Illustratorでしましまを作る方法だよ ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
こんにちは、西です。 今回はイラストレーターでしましま(ストライプ)を作りたいと思います。 背景やちょっとしたところにしましまを使いたいけど、線を等間隔でコピペコピペ…は効率が悪いです。 そんな時は、しましまにしたい線を用意してパターン化するのが簡単です！ 縦しましまを作る 長方形ツールで塗りのみの線を作ります。 同じものをコピーペーストしてピッタリ横につけて違う色に変えます。 2つとも選択してスウォッチパネルの中にドラッグします。 これでこのパターンのしましまが登録されました。 適当なサイズの長方形を作って塗りの部分に今のパターンを選択してみると、ちゃんとしましまになるのが確認できます！ 斜めしましまを作る 先程の縦しましまを選択した状態で「回転ツール」をダブルクリックします。 「角度」を45°にして「オプション」の「オブジェクトの変形」のチェックはなしで、「パターンの変形」にチェックを
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サイトの表示高速化につながる18のこと | knowledge / baigie
ベイジでエンジニアをやっている酒井です。 ベイジには2017年に、新卒で入社しました。いつもはJavaScriptの開発からWordPressのカスタマイズなど、フロントエンドを中心としながら、一部バックエンドも含めて仕事をしています。『knowledge / baigie』でも、フロントエンド寄りの情報を発信していきたいと思います。 私の今日のテーマは、表示の高速化についてです。 webサイトの表示スピードは、webサイトのユーザー体験に直結すると私は考えています。表層的なUIデザインの改善以上に重要かつ効果的であることも多いため、webのデザイナーやエンジニアは、0.1秒でも速くなることにこだわるべきでしょう。 表示高速化の手法というと、サーバ側の話になることも多いですが、実はフロントエンド側でできることもたくさんあります。それは大きく3つに分けられます。 ブラウザ処理の高速化通信の高
こんなときはイラレよりInDesignが断然便利 ─画像配置＆縦中横＆ルビ編─
こんなときはイラレよりInDesignが断然便利 ─画像配置＆縦中横＆ルビ編─ 連載 YUJIが指南、今こそInDesignを使いこなそう 皆さん、はじめまして。 今回から、このブログに記事を書かせていただくことになったYUJIと言います。まずは、自己紹介をさせてください。私は、名古屋で活動するフリーランスのデザイナーです。『InDesignの勉強部屋』というWebサイトや、『DTPの勉強部屋』というユーザーベースの勉強会を名古屋で運営しています。良かったらこちらも見てくださいね。 さて、初回となる今回は、これまでInDesignを使ってこなかったIllustratorユーザーの方に向けて「InDesignを使うことで得られるメリット」についてお話したいと思います。私のまわりのデザイナーの方にも「Illustratorはバリバリ使っているけど、InDesignは使ったことがない」という方が
Paper-co | 紙のテクスチャー素材を無料でダウンロードできるサイト
商用可のラベルとタグの無料素材 一覧 紙のテクスチャ素材をつかったラベルやアイコン素材をダウンロードできます。
好きなことを1年書き続けたら、Google Discover経由で読む人が激増した。プロレスブログ「NJPW FUN」の場合 - 週刊はてなブログ
プロレス団体「新日本プロレス」のファンブログである「NJPW FUN」が、開設から1年で飛躍的な成長を遂げています。ブログがスタートしたのは2018年8月。それから2ヶ月目で月間30万PVとなり、約1年後の今はその3倍以上の規模になっているそうです。 「NJPW FUN」が短期的にここまで読まれるようになったのは、「Google Discover」の影響が大きいとのこと。訪れるユーザーのうち、全体の約8割がGoogle Discover経由だといいます。 Google Discover……Googleがコンテンツを提供する仕組みの一つ。Googleの利用データや過去の検索キーワードなどをもとに、ユーザーが興味のある、あるいはユーザーにとって有益である可能性が高いトピックをアプリやブラウザへ自動的に表示する。 Discover を使用して、興味のあるトピックの最新情報を受け取る - Andr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The best Icon Tool - Orion Icon Library
タケシールのメーカー 竹林化学のホームページ
Coolors - The super fast color palettes generator!
The Blog | Welcome to Adobe Blog
うめ先生 「新人賞くらいなら突破できる物語の作り方」まとめ #技コン0524
