Popup makerで簡単ポップアップ実装方法|全画面表示編

Popup makerで簡単ポップアップ実装方法|全画面表示編

どうもWebラボです。 よくある画像つきのポップアップを作って、画像をクリックすると特定のページ飛ばしを実装します。 30分もあれば実装可能です。全画面を多いつくすポップアップです。 全画面表示はSEOやユーザビリティに問題有る可能性があるため、のちほど上からポップアップがゆっくりでる形式に変更しています。 今回はとりあえず使い方のレクチャーとポップアップ導入できるようになれればいいなというnoteです。 プラグインをインストールしたらポップアップ作成 ポップアッ

Webデザインで使えるWebサービス

Webデザインで使えるWebサービス

私はWebデザインを仕事にしてから15年以上(2021年現在)のキャリアになります。 今までナショナルクライアントからスタートアップ企業、福岡地場企業まで色々と携わらせていただいています。 デザインをする時に「なんとなく」で作るのはご法度。 しっかりとルールや意味を考えながら皆さん作っているかと思います。 ブラウザさえあれば色々と便利なツールが使えるようになり、作業負担がとても軽減できます。 今回は私がよく使う定番のWebサービスをまとめてみました。 黄金比計測 画像

3
ジャグリングサイト制作記 #5 引き続きドットコム

ジャグリングサイト制作記 #5 引き続きドットコム

今日も朝からカフェに行って作業。やっぱりノートPCって便利だな… としみじみ思う。カフェで本を読むのが自分にとって一番贅沢な時間だと思っていたけど、自由に創造的な作業ができるというのもこれまた贅沢だ。今は朝ジャグリングよりも断然こちらに気持ちよさを感じてしまっている。まだ2日目なのですぐ飽きるかもしれないけれど。笑 ピザ回しドットコムのリニューアル作業は、上手くいくところもあればいかないところもある。とりあえず機能さえ果たしていれば、見た目はあとで調整する。どちらにしても完

6
ジャグリングサイト制作記 #4 突然ドットコム

ジャグリングサイト制作記 #4 突然ドットコム

今日は朝に発送を終えたあと、めずらしくカフェに行ってPCを開いてみた。さて何をしようかと考える。よし、ピザ回しドットコムを作り直そう、と思い立った。 いろいろ考えてはみたのだけど、やはりPM Jugglingとピザ回しドットコムの2つのお店を、異なるサービスを使用しながら運用するのは、どうもスッキリとしない。ときどき、在庫の連携でもミスをしてしまう。ピザ回しドットコムで購入までできるというのはこだわりでもあったけれど、より軽やかに運用するために、ただの総合サイトに一度戻して

5
ぞうさんマークのMAMPを手に入れた

ぞうさんマークのMAMPを手に入れた

フリーランスとして活動するため必要不可欠であるポートフォリオ作成 wordpressで「ブログ機能」がついたポートフォリオサイトを作り始めるにあたり、まずは「MAMP」をインストールしてみました。 このMAMPというのは、簡単に言うと「ローカルのPC上にレンタルサーバーと同じような環境を再現できちゃう」なんかすげえツールなんだそうです。これでwordpressの動作確認がお手軽にローカル上でできちゃうみたいなのです。 HTMLで静的サイトがひと通り組み上がったので、いよ

Plot47独立物語#13: Blogアップしました 「WEB/BLOG SITE作成#10 段階2:「Webサイト デザインの調整 四丁目一番地の問題: Webサイト デザインの調整に必要なものは? テーマとは?」」

Plot47独立物語#13: Blogアップしました 「WEB/BLOG SITE作成#10 段階2:「Webサイト デザインの調整 四丁目一番地の問題: Webサイト デザインの調整に必要なものは? テーマとは?」」

/* こちらのマガジンでは、ウェブサイトはどうやって動いているか / どのように新規WEB/BLOG サイトを立ち上げるのか解説シリーズとなっています。 */ 段階2は、ページの微調整の方法についての内容が分かりにくくなってきます。 一見煩雑な内容になっていますが、本当は単純です。 WEB/BLOG SITE作成 段階2#10:「Webサイト デザインの調整 四丁目一番地の問題: Webサイト デザインの調整に必要なものは? テーマとは?」 ページを軽く読んでいただき

43
Resource Hintsの役割と効果|高速化やSEOに役立つ #技術メモ

Resource Hintsの役割と効果|高速化やSEOに役立つ #技術メモ

最近ブログを書く時間がなかったり、億劫になってしまいました。 そこでリハビリを兼ねてnoteで技術メモを書いていきます。 エンジニアをやっていると毎日発見があります。 あくまで技術メモなので詳細の内容はブログに書いていきます。 基本、冗長な記事は好きではないのですがどうしてもブログは文字数がものをいうので... と前置きが長くなりましたが今回はResource Hintsの記事です。 技術メモなのでこの記事では完結しないですが、最低限の共有情報や調べたサイトは載せ

6
【07/14-07/21】備忘録 #5

【07/14-07/21】備忘録 #5

▼ 【暫定】コーダー歴3年で辿り着いた保守しやすいコーディング手法https://zenn.dev/haniwaman/articles/bf392f397c8db7341881 保守性の高いコーディングを心がけなきゃな、と色々調べているときに見つけた、はにわまんさんのZenn記事です Googleのエンジニアの方が提唱したCSS設計4原則 「予測できる」「再利用できる」「保守できる」「拡張できる」 これらをベースに記述すると、ほかの誰かが携わっても改修・拡張しやすいよ~~

2
求人情報 トランスコスモス 株式会社

求人情報 トランスコスモス 株式会社

事業内容DEC(デジタルマーケティング、EC、コンタクトセンター)サービス、BPO(ビジネス・プロセス・アウトソーシング)サービス 業務内容Webエンジニア/コーダー Webサイトの制作~運用~保守、サイトアクセス解析等の 業務に携わっていただきます。主なクライアントには製品メーカー、医療機関、美容関係、 学校など様々な業界のお仕事がございます。また、当社やグループ企業のWebサイト制作業務にも携わっていただきます。 必要な経験・Webサイト制作業務経験 ・下

2
【7/01-7/13】備忘録 #4

【7/01-7/13】備忘録 #4

※期間が空いてしまったため、”URLをメモしていた当時の自分”と”現在の自分”とで知識の差がとんでもないことになっています!  なので今回は、あの頃の自分を懐かしく思いながらコメント入れています…! ▼ 中央寄せしたい!CSSでセンタリングする方法【初心者向け】https://techacademy.jp/magazine/8850 とにもかくにも、CSSに{ text-align: center; } を記述すれば、中央寄せになると思っていたあの頃… このプロパティはイ

1