We value your experience and would love to hear your thoughts. Could you spare just two minutes to fill out a quick survey? Your feedback helps us make bxSlider even better! Thank you for your support 🤗
ハンバーガーメニューは「メニューだとわかりづらい」と言われることも多いですが、特にスマートフォンサイトなどでは実装する機会はやはり多くはなってきているので、今回はそのハンバーガーメニューをクリックした時（メニューが展開しているときなどのアクティブ時）のエフェクトをCSSで実装したサンプルをまとめました。 よく見る「×」のようなクローズボタンに変化するものから矢印に変化するものまで全12種類あります。
最近ハマっているアフィリエイトについて。 1記事で50万円の収益が発生することも あんまり詳しく書くとアレなので濁しながらですが、アフィリエイトってやっぱり儲かるんです。高単価の案件にうまく誘導すると、1記事で50万円発生させることもできます。というか、できました。どの記事かは秘密ですが、ぼくのオンラインサロンに入ればわかります。 とある2日間のデータですが、A8.netで1日あたり20万円の収益、バリューコマース、アクセストレードで10万円の収益が発生しました。 …まぁ、アフィリエイトに詳しい方ならお分かりの通り、これは「未確定収益」なので、実際に確定するのは10〜30%程度です。なので、5〜15万円程度入れば御の字かなぁ、という感じですね。そんなものです。 そんなわけで5月は発生ベースで230万円と、過去最高のアフィリエイト収入を記録しました。証拠というほどではありませんが、A8.ne
と呪文のように書いてきたが、いい加減ちゃんと整理して理解しよう。 いろいろ調査した結果、以下の考え方で理解できると思う。 まず、実際の液晶の解像度は一旦忘れろ。 <meta name="viewport" content="width=480">と指定したとする。 するとそこに幅480pxの仮想的なウインドウが作られる。幅480pxの液晶モニターがあることをイメージして欲しい。これをviewportと呼ぶ。 ブラウザはviewportにレンダリングする。viewportの中では、あたかも本当に480pxのモニターを使っているかのような環境になっている。なので、JSのdocument.documentElement.clientWidthなんかも480を返すし、media queryの条件判定でも480pxの画面幅が使われる。 次にviewportを実際の液晶画面に表示する。この時、view
どうも。Yamadaです。すみません、グァムに行ってました。 向こうでお会いした方で、日本人ですがウェブ制作単価についてバーベキューを食べながら雑談してきました。 彼女の制作単価は日本人のそれをはるかに上回る、１時間14,000円というけっこう驚きの価格になっており、それでも仕事がもりもり来るということで、非常に興味深いなぁと思い記事に。 日本人は以下の事を平然と無視するバカが多い お互い日本人なんですけどなんか二人でディスってました。 例えばウェブサイトを簡単に作れたとして、たとえすぐに完成したとしても、それがすぐ完成して動き出したのは、それまでその人が学び培った経験値によるものであり、その経験値に対しての対価を頂いているという事です。 しかし、以下のような時間を、ほとんどの現場で無視されて、すごく悲しいというわけです。 クリエイト用のソフトについて学び、それを利用するかどうかを判断する
これからのWebデザインに求められるアクセシビリティとの向き合い方ーWDF Vol.17 with HTML5 Experts.jp「アクセシビリティとUX」 仲 裕介（HTML5 Experts.jp副編集長） 3月14日に特定非営利活動法人Web Directors Forum（以下、WDF）とHTML5 Experts.jpの共催企画として、WDF Vol.17 with HTML5 Experts.jp「アクセシビリティとUX」が金沢にて開催されました。この記事では、その勉強会のセッションの模様をレポートします。 これからのWebデザインに求められるアクセシビリティとの向き合い方ー木達一仁 最初は、株式会社ミツエーリンクスのCTOでありエキスパートの一人でもある、木達一仁さんによるセッションです。木達さんはWebアクセシビリティに関して、様々な取り組みをされている方です。別の企画で
ヴォラーレ株式会社の角谷と申します。 今回は最近Googleの発表もあって話題になっているモバイル (スマホ) SEOについてご紹介します。 ▼Googleの公式発表 検索結果をもっとモバイル フレンドリーに *1 ・モバイルフレンドリーかどうかを4月21日からランキング要素に適用します。 ・App Indexingを2月27日よりランキング要素に適用します。 モバイルSEOってどんなことをすればいいのか? 対策する必要があるのか? と疑問を持っている方や気になっている方も多いと思います。ここではモバイルSEOについて現状でわかっていることについて紹介し、 ウェブサイトのモバイル対応を考えている方の参考にしていただければと思います。 モバイルSEOの新しいランキング要因と変化について これまでは、 ウェブマスターツール上でモバイル対応していない点について警告メッセージを送るだけで、スマホな
かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 少しのコードで実装可能な 20 の jQuery 小技集 目次Div 全体をクリックできるようにするテーブルの偶数・奇数の行の色を変えるフォームにテキストを入れておき、フォーカスで消す（文字色も変更）ラジオボタンとチェックボックスを装飾するスライドパネルアコーディオンツールチップ言語によってスタイルを変更横並びの div の高さ揃えるボックスを上下左右中央に配置するそれでは実際にどんな
Welcome to Dtail Studio We help brands & SaaS products evolve
これからのCSSレイアウトはFlexboxで決まり！FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。前々からあった技術ですが、ブラウザーによって書き方が違ったり、仕様がころころ変わったりと、イマイチ一歩踏み出せない感があったFlexbox。しかしようやくモダンブラウザーでの利用に難がなくなり、実務にも充分使えるようになりました。今回はそんなFlexboxの魅力と使いドコロを、デモ付きで紹介していこうと思います！ 対応ブラウザーCan I use…で紹介されているように、現行のモダンブラウザーでは問題なく利用できます。ただし、Safari 用に -webkit- のベンダープレフィックスが必要です。IE については 11 から正式に対応。IE10 にも対応していますが、書き方が少し変わって
2D Transitions Grow Shrink Pulse Pulse Grow Pulse Shrink Push Pop Bounce In Bounce Out Rotate Grow Rotate Float Sink Bob Hang Skew Skew Forward Skew Backward Wobble Horizontal Wobble Vertical Wobble To Bottom Right Wobble To Top Right Wobble Top Wobble Bottom Wobble Skew Buzz Buzz Out Forward Backward Background Transitions Fade Back Pulse Sweep To Right Sweep To Left Sweep To Bottom Sweep To Top
最近、この冒険の書のブログがちょくちょくとアフィリエイターさんのブログで紹介していただけるようになりました。 以前は、目標をブログで公開したり収支報告をすることで、自分にプレッシャーをかけてモチベーションを高めるために更新していましたが、10月に売上が復活したタイミングで収支報告は終わりにしたので、この冒険の書の更新のモチベーションも大きく下がっていました。 今は、公開しているカードローンのサイトのデータなどは公開していますが、他に特に更新することもないなぁと思っていたところ、jumblr.というブログの2015年 副業でアフィリエイトをはじめる人が注目すべきアフィリエイターブログ5選！という記事でこの冒険の書を紹介していただきまして読ませていただいたのですが、そういえばこのブログはアフィリエイトの手法の話はあまりせず、精神論に終始していた気がするので、少しだけ、自分がアフィリエイトを取り
こんにちは、きんどるどうでしょうです。12年の11月30日にスタートして、満2年と1ヶ月も過ぎてしまいました。これもご愛顧いただいているユーザーの方々、作家の方々、そして出版社やAmazonJapan、そしてKobo含むKindle競合サイトのセールのおかげです。 12月はセールが乱発されていて、振り返る余裕がなかったので改めて昨年の活動の振り返りや2015年のKindle含む電子書籍への展望を綴りたいと思います。基本的には売り専門のアフィリエイターの戯言ですのでチラシの裏としてご容赦ください。 前回のまとめからの進捗。累計100万冊は手が届く目標へ 前回12ヶ月目のまとめで『この調子なら３年目には累計100万冊いきそう』と吹いたところ「もう100万冊も売ったのか！大儲けしやがってけしからん！」とまだ売ってないのにスゲェ叩かれたので中々書きづらいんですが順調に進捗しています。 むしろ1年目
明けましておめでとうございます。 2015年のWriting Modeは、昨年末にWeb界隈でバズっていた話題への言及からスタート。ずばり「UIデザイナー不要説」について、デザインをベースにキャリアを歩んでいる僕の今の見解をまとめておきたいと思います。 結論を言えば、デザイナーに求められるのはUIだけじゃないから、UIデザインしかできない（やらない）デザイナーはそりゃ確かに不要って言われちゃうでしょうよ、ということです。「デザイン」という言葉をあまり広義にとらえすぎるのもよくないのかもしれないけど、僕たちは「デザインが生む価値って何ぞや？」ってことをきちんと考えなきゃいけないと思うんです。 デザインというと、どうしても我々は見た目の話だと思いがち。 事実そういう側面もあるし、僕自身、ビジュアルとしての見た目を軽視するつもりもないから、それはそれで正しい解釈。ただし、見た目はあくまでもデザイ
WordPressはオープンソースのCMSとして、日本で圧倒的なシェアを確保しており、2020年8月時点で83.1％がWordPressを利用している。人気の理由は誰でも簡単に無料でWEBサイトを作れることだろう。 通常、ホームページの制作を行うには「HTML」や「CSS」といった言語を自分で記述して作成する必要がある。そして、面倒なことにせっかくHTMLでホームページを作成しても新しいページを作成したり、既存のページを修正する際にもHTMLやCSSで記述する必要が出てくる。 WordPressのようなCMSはHTMLやCSSの編集を極力無くし、管理画面上でホームページ全体や、ページ単位での投稿・加工・編集を可能にするシステムなのだ。 簡単に言ってしまえば、「コードが書けず、専門知識がない人でも簡単にサイト・コンテンツを管理できるシステム」ということになる。 ※参考：Distributio
こんにちは。ヨッピーです。 突然ですが、みなさんは「テキストサイト」をご存じでしょうか。 Yahoo!検索で、「テキストサイト」を検索！ 昨今はTwitterやFacebookなどのSNS流行の影響か、ブログすら書かない人が増えてきました。そのブログも存在しなかったかつてのインターネットでは、画像でも動画でもなく、「テキスト」をメインコンテンツに据えたサイト群が一世を風靡（ふうび）しており、それらを総称して「テキストサイト」と呼んでいたのです。 そのへんの歴史みたいな部分については、手前味噌（みそ）ですが僕が以前に書いた下記の記事が参考になるかもしれません。 あれだけ流行ったテキストサイトが何故廃れたのか考えてみる（外部サイト） ちなみにこちらの記事は、URL変更のためSNSの数値がリセットされていますが、はてなブックマークが1200件もつくなど大変話題になりました。 そんな、「古き良き時
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
