PICK UP A8フェスティバルオンラインセミナーで「売れるサイトmakerに聞く！サイト作成スタートアップガイド」というテーマでセミナー講師としてお話しさせていただきました。 個別指導Webスクール 個人事業主様・経営者様・起業副業など自分のビジネスのためにホームページの作り方を習得するスクール

Dreamweaverでローカル環境にてPHPを動かしたい場合にはサイト定義が必要です。 Dreamweaverでサイト定義を行えば、ローカルにテストサーバーを設置してあれば簡単にDreamweaverやブラウザ上でPHPの動きを確認することが出来ます。 ここではDreamweaverでサイト定義を行う方法を説明していきます。 PHPをそのまま記述してもライブビューでは表示出来ない？？Dreamweaver以外のエディタを使っている方は、MAMPなどでローカル環境を作ってhtdocsにファイルを保存してブラウザなどで表示や動きを確認しているかと思います。 Dreamweaverであれば、いちいちブラウザに切り替えなくてもライブビュー機能でファイルを更新すればすぐDreamweaver上でチェック出来ます。 ただ、DreamweaverでPHPを記述してもプレビューしようとしてもアラートが表

PHPの開発環境として使われる、【MAMP（マンプ）のインストール方法】を初心者向けに解説した記事です。Mac・Windowsの両方のインストール方法を紹介します。MAMPを使ってPHPのプログラムを書く手順も合わせて解説。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査 プログラミングの勉強を始める人にとって最初の難関は、開発環境の構築ではないでしょうか。そんな方でも使える開発環境のMAMPのインストール方法を初心者向けに解説した記事です

Google検索をした場合、通常表示される内容は ・コンテンツタイトル ・パンくずリスト ・スニペット（コンテンツ内容の要約） だけですが、サイトによっては以下のように口コミ評価を星マークで表示したり、価格を表示させることができます。 このようにタイトルやスニペット以外の表示をリッチリザルト（またはリッチスニペット）と呼んでいます。 このリッチリザルトがないページに比べリッチリザルトがあるページの方が目立ちますし、クリック率(CTR)もよくなります。 だから、自分のサイトの検索結果にもこのリッチリザルトを表示させたいのですが、どうやったらいいのでしょうか？ 結論から言うと、リッチリザルトを表示させる、させないはGoogleの判断によります。 いろいろ対策しても、Googleが「これは表示させよう」と判断してくれないと表示してくれません。 とはいえ、何もしないよりも、何らかの対策をした方が表

これでもうCSSのクラス名は迷わない！BEMの命名規則をまとめたチートシート -BEM Naming Cheat Sheet

印刷用のデータを作成したいが、Photoshopしか持っていないという方もデータが印刷用に適したデータであれば弊社ではご入稿いただけます。†1 さて、弊社にご入稿頂くにあたり、デザインによってはドキュメントに断ち落としが必要な場合があります。断ち落としがないと断裁や加工時に紙の白地が出てしまう場合があります。 Photoshopで断ち落としの領域にガイドを作成して、断ち落としを意識した印刷用データを作成するようにしましょう。 このページではPhotoshopでガイドを作成する手順を掲載しています。 なお、ガイドはルーラーからドラッグして作成することもできますが、今回は正確なガイドを作成することを目標としています。 †1: ご入稿頂くデータとしてはPhotoshopのネイティブデータよりPhotoshopから変換したPDFデータの方が印刷料金がお得になります。 手順・実例 今回は仕上がりA4

画像から1クリックで簡単に背景だけを切り抜くオンラインサービス「Remove.bg」がPhotoshopに対応したので紹介します。しかも無料で利用できます！ Photoshopのエクステンションとして利用でき、1クリックで背景だけを画像から切り抜くことができます。下記の切り抜きも1クリックだけです。 写真: ぱくたそ Remove.bg for Photoshopの使い方 Remove.bg for Photoshopのインストール Remove.bg for Photoshopの使い方 Remove.bg for Photoshopをさっそく使用してみました。 操作は1クリックだけなので、説明することがほとんどありません。 まずは、画像を用意します。

Please try Chartify on desktop. Chartify's chart creator currently only supports desktop browsers. Okay. The fastest way to create beautiful charts and graphs for your presentations. projects. pitch decks. blog. essays. website. social media.

去年当ブログで紹介した際にも評判が高かったSTUDIOが、満を持して2.0にアップデートされました！ STUDIOはコーディング作業は一切不要で、Webサイトやスマホアプリのデザインを積み木感覚で楽しくデザインできるツールで、無料で始めることができます。 STUDIO STUDIOの特徴 STUDIOの使い方 STUDIOの特徴 STUDIOは無料で利用できる国内産のデザインツールで、Webサイトやスマホアプリのモックアップ作成から、デザイン、さまざまな実機でのプレビュー、公開、そして運用や解析まで、それぞれの専門知識に詳しくなくても簡単にできます。

今日紹介する［Swiper］は、レスポンシブ対応サイトなどで真価を発揮するJavaScriptベースの「コンテンツ・スライダー」です。 初見の感想は「反応速度が早く軽量でサクサク動く」という印象。 レスポンシブにも対応済み。マウスのドラッグ操作やタッチコントロールのスワイプにも反応して操作性が良く、文句ナシのクオリティでした。 機能が豊富で、ざっと紹介すると以下のとおり。 レスポンシブ対応 フルスクリーン化OK ページネーション設置 縦方向のスライド カルーセル・モード 各スライドの位置を固定しない「フリーモード」対応 複数行のスライドに対応 縦方向・横方向の「入れ子」に対応 マウスのドラッグ操作に対応 スクロールバー表示 ナビゲーションボタン表示 無限ループ対応 フェードイン・フェードアウトによるスライドの切り替え 3D キューブ・エフェクト 3D カバーフロー・エフェクト キーボード・

また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PVを実現したアプリメディアなど大きな成果を挙げ続けている。 各サイトの成功要因をインタビューしているので、 あなたのサイトに役立てて欲しい⇒25サイトの成功事例インタビューはこちら 1. 平均CTRの５倍以上のCTRを叩き出したタイトル実例１３選　　平均CTRの５倍以上のCTRを叩き出したタイトル実例１３選（弊社クライアント） （データは2017年7月時点の数値） 上半身ストレッチはイイコトばかり！部位別エクササイズ10選二の腕筋トレ５日間！腕幅-１.５cmを実現した５種目はコレ！お酒を飲むとニキビができる？美肌キープのポイント５つノンデザイナー必見！自社サイトをぐっと見やすくする3つのコツ熟睡必至の３大機能と素材とは？敷きパッドのおすすめの選

Marketing is at an inflection point. Here’s why that’s an opportunity

The Coalition’s Better Ads Standards identify the ad experiences that fall beneath a threshold of consumer acceptability and are most likely to drive consumers to install ad blockers. More than 150,000 consumers have participated to date in the Coalition’s research to develop its set of Better Ads Standards.

javascriptで、スマホのスクロールを制御する方法をご紹介します。 ハンバーガーメニューを開いたとき、画面のスクロールを停止する例を実装します。 ぼちぼち役立つ時があると思うので、頭の片隅に置いてみてください。 まずはデモをご覧ください。（スマートフォンで開いてください。PCだとイベントが発生しないので） removeEventListenerデモ 右上から展開するナビを開いている間はスクロールができません。 overflow:hiddenは間違い。たとえば、ハンバーガーメニューを開いたときに、body要素にclassをつけたりして「overflow: hidden;」すればいいんじゃね？と思いがちですが、これは誤りで、 iOSのsafariやAndroidのChromeだと普通にスクロールできてしまうので、大抵のケースで、開いたナビの下に隠れているコンテンツがスクロールされてしまう

こんにちは、福岡のホームページ制作シンス株式会社の越水です。 レスポンシブWebデザインでホームページ制作を行うとき、「スマホの時だけJavaScriptの処理を加えたい」なんてことあったりしますよね。 今回はそんな時によく使うJavaScriptの条件分岐について書きたいと思います。 レスポンシブWebデザインではウインドウ幅、またはUA（ユーザーエージェント）によって処理を分けることができる例えばスマホでホームページを見た時だけ動作させたい画像スライダーがあったとします。 何の情報をもとに条件分岐させればうまくスマホだけで動作させることができるでしょうか。主に2通りの方法があります。 ウインドウサイズの横幅によって条件分岐使用デバイスのUA（ユーザーエージェント）によって条件分岐前者はCSSのメディアクエリーを使うことでウインドウサイズによってレイアウトを変更させるのと似たような方法で

普段目にするアコーディオンは大抵トリガーとなるボタンの下にペロッと展開しますが、 トリガーの上に開き、かつ展開時はトリガーが非表示になるアコーディオンを実装する機会があったのでメモ。 参考にさせていただいたのはこちらです。 →クリックすると上に開くアコーディオン $(function(){ $(".acordion").hide(); $(".triger").click(function(){ $(".content").prev().slideToggle(); $(this).parent().css("display","none"); }); $(".acordion .close").click(function(){ $(".acordion").slideToggle(); $(".triger").parent().css("display","block"); });

if(!navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/)){ //ここに書いた処理はスマホ閲覧時は無効となる }