HyperFormformタグのaction属性にURLをセットするだけで、データの管理や自動返信メールの送信などができる、ヘッドレスフォームサービスです。
WordPress を使った制作案件の今後。オリジナルでつくるか、無料/有料テーマを使うか
（追記）前提条件 なんか意図せずはてブに載っちゃったり、議論が白熱したいる感じがありまして、言葉足らずで誤解を生むとあれなので、この記事の前提条件を追記しておきたいと思います。 ブロックエディターになったことで、これまでよりも開発・保守の難易度があがる。これまでなんとなく WordPress を触っていた制作会社は使いやすい編集画面をつくるのが難しくなるかも。それを既存のブロックプラグインで補うというのは全然アリ。ブロックエディターにちゃんと追従している無料/有料テーマがちゃんとあって、それらを使うとエディターがめちゃ快適。ただし、すべての無料/有料テーマがブロックエディターに対応しているというわけではもちろんなくて、エスケープすらまともにしていないようなテーマも未だにある。つまり、オリジナルも無料/有料テーマもダメなものはダメで、良いものは良い。この記事はあくまで「WordPress を
「地方でWeb制作するならFacebookで稼げ！」SNSを使った地方での“案件獲得術”を栃木のWebデザイナーに聞いてみた | 東京フリーランス
東京にはWeb制作関連の仕事が多く、またWeb制作会社もたくさんあります。 その分競争は激しいものの、仕事を獲得するチャンスが多いことは間違いありません。 でも、この記事を読んでいる方の中には「自分の生まれ育った地域で働きたい！」「家庭の事情で東京には出られない…」という人もいるでしょう。 では、そのように地方で働く人はどうやって仕事を獲得すればいいのでしょうか？ この記事では、「Facebookを使って仕事を獲得する」という方法を紹介します。 「Facebook？登録はしてるけど全然使ってないや」 というあなた、それは非常にもったいないです。 Facebookは使い方を変えれば最強の地域密着型の営業ツールとして化けるんです！ 今回は栃木県でWebデザイナーとして活動するたのさん(@tanomasaki)に「Facebookで仕事を獲得する方法」についてお話を伺ってきました。 たのさんは、
HTML5 入れ子チートシート | 吉川ウェブ
HTML 5.2のそれぞれの要素が入れ子にできる「子要素」、包含されることが可能な「親要素」の一覧のルールを視覚化して表示します。 ※1 a要素の親要素が包含可能であること※1 audio要素の親要素が包含可能であること※1 canvas要素の親要素が包含可能であること※1 del要素の親要素が包含可能であること※1 ins要素の親要素が包含可能であること子要素省略※1 map要素の親要素が包含可能であること※1 noscript要素の親要素が包含可能であること かつ body要素の子孫であること子要素省略※1 video要素の親要素が包含可能であること ルート要素＆文書メタデータ html 親 子 head 親 子 title 親 子 base 親 子 link 親 子※HTML 5.2から可能。フレージングコンテンツが期待される場所※head要素の子孫であること meta 親 子※he
「MicrosoftがIE11のサポートを終了」って本当ですか？
ここ数日、「MicrosoftがInternet Explorer 11のサポートを終了」というニュースが話題になっていましたが、誤解されている方も多いようですのでこの記事で解説します。 この記事はWeb制作者の方、およびWeb制作を依頼される方向けに書いています。 追記: IE11のサポートは2022年 6月 15日で終了しました この記事を書いた後、IE11のサポートは2022年 6月 15日で終了し、それ以降はIE11を起動しようとするとGoogle Chromeと同じブラウザーエンジンを使用したEdgeが強制的に起動することが発表されました。 関連ニュースは以下のページをご覧ください。 2021年5月の、これだけは押さえておきたいWeb関連の動き | Stocker.jp / diary IE11がなくなるわけではない このニュースを見て「IE11のセキュリティアップデートが終了す
表示速度を飛躍的に向上させるHTML/CSS最新仕様「content-visibility」「Lazy loading」「contain」をコード付き簡単解説
これまではJavaScriptを用いて実装するしかありませんでしたが、ついにimgやiframe要素であればloading="lazy"を付与するだけで、簡単に実装できます。 <!-- 画像に適用する場合 --> <img src="pic.png" alt="画像の詳細" loading="lazy"> <!-- iframeに適用する場合 --> <iframe src="external.html" loading="lazy"></iframe>画面外では読み込みが発生しないので、必要になった時（画面内に要素が入りそうになった時）に読み込みが発生するのでパフォーマンスが向上します。 また画像についてはsrcsetを用いたレスポンシブな画像に対しても指定できますし、picture要素を用いてfallback形式でも記述できます。 <img src="normal.png" srcse
失敗しないためのウェブ制作会社の上手な選び方【チェックリスト付】 | knowledge / baigie
ウェブ制作の仕事をしていると、「御社以外におすすめのウェブ制作会社を教えてくれませんか？」と聞かれることがあります。 また、「どの制作会社がいいかよく分からない…」「前回選んだ制作会社とはなかなかうまく行かなくて…」と相談されることもあります。 ウェブ制作会社はウェブ制作のプロですが、残念ながら、多くのウェブ制作会社は自らを売り込むことがあまり得意ではありません。 そのため、ウェブ制作業界を超えて多くの人に知られているようなウェブ制作会社は、ほとんど存在しません。ウェブ制作と隣接しているはずのデジタルマーケティング業界やIT系のスタートアップ業界でさえ、ウェブ制作会社のことをほとんど知りません。（もちろん、当社もこれに当てはまります） このような現状だからこそ、ほとんどの発注企業からすれば、ウェブ制作会社は「探しにくい」「見つけにくい」「見極めにくい」のだと思います。 そこで、ウェブ制作業
本当は怖い「ホームページ制作」の話～事前に知っておきたいデメリット～ | ウェブモ株式会社
ホームページ制作に死に金を使おうとしていませんか？「集客・売り上げにつながる」というメリットだけを考えてホームページを作ると、数ヶ月後には、そのホームページ、死んでいるかもしれません。 今回は、ホームページ制作にあたり、事前に知っておくべきデメリットを取り上げます。特に、責任者や決裁権のある方に読んでほしい内容です。もし上司が「とりあえずホームページを制作しよう！」と言いだしたら、ぜひこの記事をシェアしてあげてください。 考えずに制作すれば致命傷 ↓↓↓ こんな結果に終わることも なんのためのホームページかよくわからない競合他社と価格や納期だけを比較され、他社の売上に貢献更新を怠って、情報の墓場化会社や商品・サービスのイメージダウン営業電話と迷惑メール対応 「ホームページ＝無料」という呪縛 ホームページを無料で制作・運営することはできません。「無料のサーバー・URLを使って、自分でホームペ
拝啓、お客様。Webサイト制作のコストはここにかかります。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
令和ですね。こんにちは。バックエンドエンジニアのまさくにです。ゴールデンウィークで休んでいたら、シュワシュワと筋組織が融解し、「自然に帰ろう……自然に帰ろう……」と遺伝子に刻み込まれた内なる声が僕を光射す方へ誘いました。もはや社会復帰は難しいかもしれない。 さて。さてさて。 皆さま、いかがお過ごしですか。新しい期に入り、心機一転したい気持ちでしょうか。何ならアレですか。お持ちのWebサイトをリニューアルしたい、そんな気持ちをそろそろお持ちでしょうか。 失礼ながら、そのお気持ち、 たぶん5ヶ月、遅いです！ 仕事としてWebサイトの制作に携わってから、5年くらいが過ぎました。現在はバックエンドの作業を行いながら、TD（テクニカルディレクション）やPM（プロジェクトマネージャー）として、プロジェクトに関わることも増えてきています。その観点から言って、お客様と我々の間には「Web制作」の考え方にお
コーディング作業はもう一切不要！2.0でものすごい進化を遂げた、国産の無料デザインツール -STUDIO 2.0
去年当ブログで紹介した際にも評判が高かったSTUDIOが、満を持して2.0にアップデートされました！ STUDIOはコーディング作業は一切不要で、Webサイトやスマホアプリのデザインを積み木感覚で楽しくデザインできるツールで、無料で始めることができます。 STUDIO STUDIOの特徴 STUDIOの使い方 STUDIOの特徴 STUDIOは無料で利用できる国内産のデザインツールで、Webサイトやスマホアプリのモックアップ作成から、デザイン、さまざまな実機でのプレビュー、公開、そして運用や解析まで、それぞれの専門知識に詳しくなくても簡単にできます。
フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと｜Pittan｜note
フロントエンドエンジニアとデザイナーさんは日々協力してプロダクトを作っていく関係にあります。デザイナーさんが作ってくれたものをエンジニアが素早く実現できるよう、いくつかエンジニアから意識してほしいことをまとめました。 なんでこんな話になったのか（前置きなので次の章まで飛ばしてOKです） デザイナーさんから「この画面をこんな風に作ってください」とXDやSketch、PSDなどいろいろな形で渡されることがあると思います。 僕の個人的な意見・経験ですが、いざ実装するぞとなったときに 「あれ…ここってどうしたらいいんだろう？」 と迷って作業のスピードが落ちてしまうことがとてもストレスに感じていました。できればノンストップでいきたいなあと思うわけです。 手が止まるたび、デザイナーさんに「ここってどうしたらいいですか？」と質問するのが何か新しい画面を作るときに必ず発生していました。 「（いつも聞いてる
福岡のホームページ制作会社 | シンス株式会社
ホームページ制作会社 シンス納得いくまで とことんお付き合い制作実績は500件以上。 親身なヒアリングを通して 納得度の高いご提案を。 「WEBの知識がない」という方も ご安心ください。 丁寧でわかりやすい説明をお約束します。
CSS Nite LP56「ウェブサイト制作、手を動かす前に考えておくこと ［Part II］」
CSS Nite @cssnite 来週土曜日（3月3日）開催のCSS Nite LP56「ウェブサイト制作、手を動かす前に考えておくこと ［Part II］」、あと、若干名、参加可能です。当日決済にて受け付けています。 buff.ly/2EKLEwx #cssnite 2018-02-23 17:45:00 sogitani / baigie inc. @sogitani_baigie CSS Niteのスライド気合入れすぎて100分で語れるか問題勃発。参加者にはお腹いっぱい満足してほしいし、後日復習できるテキストにもしたいし、私の他の講演経験者も満足してほしいのでこのまま行く。好きな言葉ではないが一時的/エピソード的/累積的UXをちゃんと満たす講演＆スライドを目指そう。 2018-02-26 17:09:11 sogitani / baigie inc. @sogitani_baigi
Wirify – The web as wireframes
Wirify bookmarklet lets you turn any web page into a wireframe in one click ← Drag the link on the left to your browser Booksmarks toolbar, then go to a website and click "Wirify by Volkside" to wirify the page! I agree to the terms of service by accessing, installing or using Wirify Wirify is free, easy and fun to use Step back and see the big picture of a web page Focus on page structure by hidi
レスポンシブデザインとアダプティブデザイン、それぞれの長所と短所
レスポンシブデザインとアダプティブデザインの違いに目を向けると、それはデザイナーにとって実に重要な選択肢があることに気付きます。インサイトを踏まえてこれらの選択をすることで、より目的に沿ったデザインを考えることができるでしょう。 モバイルデバイスの普及と多様化に伴い、デザイナーはさまざまな画面サイズに対応する必要が生まれました。これは現在、すべてのWebとアプリのデザイナーが直面している課題です。企業向けの巨大なモニターからスマートウォッチまで、ユーザーがオンラインで情報にアクセスする方法は数え切れないほどあります。 そのようなデバイス間の差を埋めようとするデザイナーには、２つのデザインの選択肢があります。アダプティブなサイトか、レスポンシブなサイトです。 レスポンシブデザインとアダプティブデザインの違いについて混同している人が、一定数見受けられます。どちらのデザインも経験していない人にと
無料でアニメーションバナーも作れる超有能ツール！Google Web Designerの基本｜アナグラム株式会社
皆さんはバナー作成の際、どのようなツールを使用していますか？PhotoshopやIllustrator等の有料のグラフィックデザインソフトは、社内に導入していないケースやデザインの技術がなく利用していない人も多いのではないでしょうか。 フリー素材サイトでダウンロードした画像をリサイズし入稿するのも良いですが、テキストを一文加えるだけで印象が変わり、アニメーションを加えることで広告をより目立たせることができます。 2016年6月にFlash形式のディスプレイ広告がGoogle アドワーズへアップロードできなくなり、2017年1月以降Flash形式のディスプレイ広告が廃止されました。Flash形式と同じく動きのある広告は、HTML5広告を利用することが推奨されています。Google Web Designerでは工数もかけずにGoogle ディスプレイネットワークキャンペーン向けのHTML5広告
（後半）アフィリエイトで月100万以上稼いだ比較サイトの作り方を徹底解説しようと思う
前半の記事はこちら＞＞ 引き続きアフィリエイトサイトの作り方について書いていきたいと思います。前半に関してはサイトを作る前の準備に関してでした。 後半は実際にサイトを作ってコンテンツを埋めていく作業となります。今まではインプット作業。これからはアウトプット作業で実は知識がないととても大変な作業です。 なぜならインプットでこれから作るサイトのジャンル知識を頭の中である程度整理できていないと文章にすることができません。つまり、記事が書けなくて挫折するわけです。 今まで全く知らなくて知識のないジャンルに取り掛かる場合は特に苦労しますので最初、記事はなるべく外注することをオススメします。 月100万稼いだ比較サイトアフィリエイトの後半13.トップページの仮作成今回のサプリサイトに関してはほとんどがトップページで成約しているため、トップページの構成が非常に大切となります。 みんな疑問に思うのは、「ト
（前半）月100万以上稼いだ比較サイトの作り方を徹底解説してみようと思う
12月6日の健康医療系アップデートが起こってからもうすぐ2ヶ月が経とうとしています。 アップデートで被害を受けた方々、アフィリエイト収益の方は回復できましたか。うちの某サプリで上がっていた比較サイトのメインキーワードの順位はこんな感じです。 健康医療系アップデートの前までは○○サプリで5位くらいだったサイトです。 全く回復しそうな雰囲気がありません、、、！ 色々と対策をしてみましたが、検索順位はこんな感じで全く戻りそうにないので放置しています。 というか健康医療系アップデート前から比べると前月比で報酬は76%減になってしまい、このままアフィリエイターとして生き残るのが困難となってしまいました。（というか心折れました） （最初、10分の1まで落ちたと思っていましたが、計算してみると4分の1にまで落ちていました。どうでもいいことですが。） ということで、アフィリエイターとしての最後に「100万
誰でもWeb上でリアルに動くHTML5アニメーションを製作できる「Animatron Studio」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、ブラウザ上から誰でも簡単にHTML5で作られたアニメーションを製作できるWebサービスをご紹介します！ Webサイトやサービスに組み込んで動きのあるコンテンツを作成したり、企業ロゴやバナー広告、商品紹介、インフォグラフィック…など、とても幅広い分野に応用することが可能です。 ブラウザさえあれば今すぐアニメーションを作れるので、ぜひみなさんもオリジナル作品を作ってみてください！ 【 Animatron Studio 】 ■「Animatron Studio」とは？ 「Animatron Studio」は、とにかく誰でも簡単にアニメーション製作ができることを前提に設計されています。 豊富なイラストやテンプレートを自在に組み合わせることで、わずかなマウス操作だけで楽しいアニメーションを次々と作っていくことが可能です。 例えば、以下のようなアニ
WEB ディレクターやめよう。WEB ディレクターとは神様の仕事だった。 - nico0927's log
以前、こういう記事を書いた。確かに書いた。書いたのは私だ。 nico0927.hatenablog.com 「WEB ディレクター スキル」とかで検索すると上の方に出てくる。私が書きました。はい、私です。 この記事の中で私は「WEB ディレクターは万能の神ではない」と言い切っている。言い切りました。あ、私です。私が言い切りました。 でも実は年末ぐらいかな、案件で色々あって考えたり、それなりの業界歴を持つ友達と話して盛り上がったりして、ちょっと私は考え方を改めようと思った。 正確には、前述の記事の内容を否定する・正しく改めるというニュアンスではなくて、もっと根本の、何というか、ああもうこれ面倒くさいわ誰か言語化して。 目次 もうWEB ディレクターは万能の神でいいです WEB ディレクター、やめよう その実、何の仕事をしているのか まずは分野を二つに分けてみる コストの問題 軽視されがちなW
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
