tomono(UI/UX Designer)

UI/UXデザイナー(フリーランス)。マーケティングからデザイン、Webサイト構築・運…

tomono(UI/UX Designer)

UI/UXデザイナー(フリーランス)。マーケティングからデザイン、Webサイト構築・運用までサポートしています。一人でも多くの方の為になるような記事を発信していきたいです。

マガジン

最近の記事

  • 固定された記事

Webデザイナー1年生の為のしおり

1.そもそもWebデザイナーとは?Webデザイナーという肩書、実に曖昧です。そして、どこまでの領域をカバーしているのか。グラフィックデザイナーであれば、デザインするものは「紙」。Webデザイナーが、主とする媒体は「Web」です。 Webとは? Webとは、インターネット上で標準的に用いられている文書の公開・閲覧システム。文字や図表、画像、動画などを組み合わせた文書を配布することができる。文書内の要素に別の文書を指し示す参照情報(ハイパーリンク)を埋め込むことができる「ハイ

    • Bruno Mars - The Lazy Song

      • ZEN角ゴシックの使い方

        定番のゴシック(サンセリフ)フォントと言えば、小塚ゴシックやヒラギノ、源ノ角などを思い浮かべると思います。Webフォントの出現によって、Web上でのフォントの種類も増え、一般ユーザーも多くのフォントに触れる機会が増えてきました。 今回は、新たなトレンドになる可能性を秘めた「ZEN角ゴシック」とその使い方を紹介できればと思います。2021年にGoogleFontsに追加された事で、より身近になったこのフォントを一人でも多くのデザイナーが使用してくれると嬉しいです。 ZEN角

        • デザイナーの為の「WordPress」で使用するPHPコードまとめ

          Webデザイナーでも簡単なサイトでも、コーディングからCMS実装まで担当することも多々あります。しかし、守備範囲ではない部分もある為、WordPressのテーマ開発時によくGoogleで検索しながら開発することも。 そんなこんなで、「またググるんかい⁉」と自分にツッコまないように基本的かつ頻出度の高いPHPコードをまとめることにしました(随時アップデート)。 サムネイル画像を出力する<?php the_post_thumbnail(); ?> 前後の記事を出力する<?p

        • 固定された記事

        Webデザイナー1年生の為のしおり

        マガジン

        • 為になった記事
          2本
        • Adobe
          0本
        • 無題
          10本
        • カラーミーショップ
          3本
        • メモ
          1本
        • おもてなしのSEO 入門
          1本

        記事

          久々にGulpを触ったら、エラーが出てしまったときの対処法

          リモートワークになって、家でもgulpの作業環境を整えようとして、Node.jsを入れて、プロジェクトをクローンしていざ「gulp」コマンドを叩いたら変なエラーがでました。 ReferenceError: primordials is not defined うん、わかんない。調べるとNode.jsとgulpのバージョン組み合わせがよくない為のエラーらしい。 gulpのバージョンを上げる(3→4) 解決方法は、Nodeのバージョンを下げるか、Gulpのバージョンを上げる

          久々にGulpを触ったら、エラーが出てしまったときの対処法

          Swiperのスピードが変化しない(汗)時の対処方法

          カルーセルやイメージスライダーは、Webサイトの実装では欠かせないUIになっていますよね。5年前くらいまでは、jQueryのBxsliderやSlickなどを使用していました。 jQueryなしで実装可能なSwiper.jsjQueryいつまで頼ってる問題に対して、後ろめたさを抱き、最近というか5年前程からSwiperを使うようになりました。 npmも用意されているので、テンプレートにも気軽に取り入れてます。 とてもオプション豊富なSwiperですが、スピードや自動再生

          Swiperのスピードが変化しない(汗)時の対処方法

          Google Formsのヘッダー画像のサイズ

          Google Formsのヘッダー画像のサイズについて、オリジナル画像の作成案件があったのでメモ。 横1,200px × 縦300pxで作成すればよい元から用意されている画像のサイズを調べたら1,200×300だったので、このサイズで作ればトリミングする必要なくぴったり収まりました。もちろんPCでもモバイルでもこのサイズの比率で、収縮するので心配ありません。 ※2020年4月27日現在の情報です。 今後、時間があれば最新版の画像サイズ一覧を作りたいと思います。が、忙しい

          Google Formsのヘッダー画像のサイズ

          たったの5分で#StayHome Tシャツを作ってみた

          きっと、明後日から外出できなくなるだろうから、という事でTシャツを作ってみました。 SUZURIで簡単にTシャツが作れるなんとなくTシャツでも作ってみるかと思って、StoresやBASEなど調べたんですが、個人でやるとなるといろいろな障害があるなと... そこでSUZURIのサイトに出会いました! GMOにこんなサービスがあったんだと驚き。しかも在庫を抱えることなく、売れたら売れた分だけTシャツを印刷して、発送もSUZURIでやってくれるという超便利なサービス! 説明

          たったの5分で#StayHome Tシャツを作ってみた

          思わず、同業者におすすめしたくなるWebサイト(コーポレート)2020

          仕事上、毎日のようにPinterestやio3000・awwwardsなどのデザインアーカイブサイトなどを閲覧しています。その中で、やはり一番目の引くのは「Web制作会社」や「Webコンサルティング会社」などのコーポレートサイトです。 特にWeb制作会社は、会社の色が出やすいのと同時に、とても情報がシンプルに伝わってきます。勿論、私は以前までWeb制作会社にいたので、コーポレートサイトをリニューアルしたり、運用する時間なんて これっぽちもないはずです。それでも、クライアント

          思わず、同業者におすすめしたくなるWebサイト(コーポレート)2020

          カラーミーショップで新着情報の件数を指定して表示させる

          まずは、インフォメーション登録から「新規作成」ボタンをクリックし、日付+テキスト+リンク(任意)を設定して追加。 (※メニュー > ツール > テンプレートプラス > インフォメーション登録) <{if $news != ""}><!-- 中身をここに入力する --><{/if}> テンプレートプラスのインフォメーション登録情報を表示させるインフォメーション登録ページの下部にHTMLソースが表示されているのでそれをコピペで貼り付け。または下記コードをコピペ。 <{if

          カラーミーショップで新着情報の件数を指定して表示させる

          カラーミーショップで商品一覧ページへのリンクを指定する

          <a href="<{$home_url}>?mode=srh">商品一覧</a> カラーミーショップでグローバルメニューなどで商品一覧へのリンクを貼りたい場合など

          カラーミーショップで商品一覧ページへのリンクを指定する

          SEOとは?【おもてなしのSEO #01】

          SEO=検索エンジン最適化 Search Engine Optimization は、日本語で「検索エンジン最適化」と訳されます。YahooやGoogleなどの検索サイトで、特定キーワードの検索結果において、上位表示されるようにWebサイトの構造やコンテンツを調整することやその手法の総称をSEO(検索エンジン最適化)と呼びます。 検索エンジンについて 検索エンジンとは、インターネット上に存在するWebサイトやWebページ、画像ファイル、動画(Youtube)などの様々情報を

          SEOとは?【おもてなしのSEO #01】

          2050年の未来の為に、現役パパ・現役ママがするべき 「たったひとつの心掛け」

          まず初めに、なぜ2050年という年号を見出しに含めたのかというと、今の乳幼児達が30年後には、彼ら自身が子育て世代になりうるからです。 日本政府がなんとか打ち出そうとしている子育て政策とは、違うアプローチで理想の子育てについて考えたいと思います。 ママの家事育児 偏り問題まず、この記事を書こうと思ったきっかけは、世の中のママたちの家事育児の負担が非常に多いという現実です。社会的(表面的)には、女性の社会進出だったり、男性の産休・育休制度見直し(育児・介護休業法)などひと昔

          2050年の未来の為に、現役パパ・現役ママがするべき 「たったひとつの心掛け」

          無料でスターバックスの雰囲気を味わう方法とは?

          皆さんはスターバックスが好きですか? 私は好きです。恐らく多くの方も同様なのだと思います。 コーヒーを飲むという目的以外に、スターバックスで時間を過ごすという行為自体に魅力を感じていらっしゃる方も多い事でしょう。 そんなスターバックスですが、私は子供ができて以降は数カ月に1回行くか行かないになりました。やはり、やんちゃな双子男児を連れてスタバに行くのは少し勇気がいります。 それでも、スタバに行って仕事や勉強をしたいと思うときは何度もあるわけで、その都度「スタバロス」とい

          無料でスターバックスの雰囲気を味わう方法とは?

          TAMA FOOTBALL PARK(仮称)の構想

          これは、完全にいちサッカーファンとしての妄想(構想)に過ぎません。日本中のJリーグファンを巻き込んで議論をするつもりもございませんので、批判などはご遠慮ください。 さて、今回はサッカーファンの中では常に議論になる「サッカー専用スタジアム」通称”専スタ”についてです。 近年では、大阪の「パナソニックスタジアム吹田」、今年オープンする「サンガスタジアム by KYOCERA」など続々と専スタが生まれています。 関東のサッカー専用スタジアム事情もう関東に移り住んで15年以上に

          TAMA FOOTBALL PARK(仮称)の構想

          デアゴスティーニ風|週刊 Webサイトを作ろう #01

          今回最初にお届けするのは、WebサイトのベースとなるHTMLファイルです。合計10週(回)に渡って、完成に近づけていきますのでご自身のパソコンなどに保存してください。 1.ファイルの保存まずは、上記のダウンロードボタンを押して、ご自身のパソコン内の適当な場所(マイドキュメントなど)に保存してください。 2.Webブラウザで開いてみる

          デアゴスティーニ風|週刊 Webサイトを作ろう #01