こんにちは、スウェルデザインのｗです。 モバイルフレンドリーの対応が当たり前の時代になりました。 スマホで見づらいサイトはつまはじきにされてしまいます・・ そこでレスポンシブ対応を想定したHP制作の手順 つまり、スマホ版のHPを作らなければならな…
こんにちは、スウェルデザインのｗです。 今回は効果的なキーワード選出 の為の手順を記録していきます。 ステップ1 事実を知る 知った時はこの手があったのか～と思いました。 単純です。 Googleの検索ボックスに、目的のキーワードを入れてみましょう。 す…
こんにちはスウェルデザインのWです。 SEO対策の一環としてもレスポンシブデザインは避けられないですよね このたび今更ながら初めてレスポンシブ対応のHPを作成いたしました。 元々レスポンシブ対応にすることを見越していない完成した後のHPでも、ある程度…
こんにちは、スウェルデザインのｗです。 SEOについて学び始めたばかりですが 知れば知るほど、昨今のユーザーが必要としている情報は従来のSEOでは追いつけていないのではないかと感じます。 SEOだけでは衰退してゆくということも加味して付き合い方を考え…
こんにちは、スウェルデザインのｗです。 今回は、『SEO対策初心者の私がGoogle Analyticsの一体何を指標とすればよいのか』について書いていきます。
Googleが始めた新しいSNS『Google＋』 無料のうえ、登録するだけで検索で表示されやすくなり 閲覧者側も電話での問い合わせや店舗までのアクセス方法が解りやすく 実際の行動繋がるようになります。 サイトにアクセスしてから概要を調べるというステップがシ…
こんにちはｍスウェルデザインのｗです。 headerとfooterの固定って結構沢山使うことが多いので いつものやり方を備忘録として残します。 このやり方でページをスクロールしても動かないheaderとfooterが作れます。 1.position: fixed;を使いheaderを固定 ス…
こんにちは、スウェルデザインのWです。 備忘録と言うか、よく使うboaderの設定をいちいち調べに行って 一度に欲しい内容を得ることができないなぁと感じていたので自分用にメモとして残します。 CSSでよく使われるスタイルとしてboaderは比較的上位ですよね…
こんにちはスウェルデザインのＷです 最近新しくVEAを勉強し始めました。 エクセルで整理したデータをボタン一つで処理し 取り出したいデータをHTML用に吐き出します。 完全にプログラミングでした。エクセルがここまで色々できるだなんてしりませんでした。
近日、HPの依頼で提案書を作成する機会がありました。 もう社会人になってだいぶタチますが、提案書を作る作業はほぼ初めてなので ステップを記録していこうと思います。
前回に引き続き、Playframework2.3.9を利用して開発したアプリをAWS環境で快適に運用する方法を記載いしていきたいと思います。 VPC+RDSを利用したElasticBeanstalkを稼働する 開発したアプリをElasticBeanstalkで動くようにdistする 開発したアプリをElasti…
こんにちは、スウェルデザインのWです。 アニメーションで縦に表示されるアコーディオンを CSSのみで可能にしたソースを紹介します。 下記サイトを参考に作成いたしました。 9-bb.com しかし今回これを横並びにして使う際に、問題が発生したのです。 実際に…
Playframework2.3.9を利用して開発したアプリをAWS環境で快適に運用するための方法を記載します。ここでは以下を快適とします。 リリースの負荷が低い サーバ監視の負荷が低い データ消失のリスクが低く管理コストも低い サーバのダウンタイムが少なく管理コ…
こんにちは、スウェルデザインのWです。 とりあえずbuttonを設置したいけど、デフォルトのbuttonじゃ味気ないしカッコ悪いって時ありますよね ひとまずでいいからそれなりに見せたい時のボタン用CSSをメモします。 弊社は医療系のHPが多いので、少しフォーマ…
こんにちは、スウェルデザインのWです。 今週の体育の日、社長が高松の支店へ出張されました。 講演会で弊社の新サービスの紹介ブースを出店するためです。 その準備の為にかなり大変な思いをしたので投稿します。 話自体まあまあ突然聞かされ、ブース建設の…
こんにちはスウェルデザインのｗです。 今日はWebサイト上で閲覧者の所持しているfontにかぎらず CSSで指定した書体にする方法をメモしていきます。 これはCSS3を使った方法で、fontのデータをサーバーにアップし 画像やスプリクトファイルと同じようにパス…
こんにちは、スウェルデザインのWです。 背景画像を流行りのすりガラス風にする紹介です。 一見背景が透明になっているように見えますが、親要素の背景をガウスでぼかし 子要素の背景にすることで、まるですりガラスのような透明感を出しています。 See the …
今回は以下の観点でハイブリッドアプリを利用したアプリ開発を行うことにしました。 ライトなアプリ制作で問題ない iOS、Androidに対応したい 今はあまり工数をかけたくない WEB担当者(HTML+CSS+JS)に開発を分担したい Monaca(https://ja.monaca.io/)という…
こんにちは、スウェルデザインのWです。 入力欄の中に例文や項目名を入れ、入力を誘導する為に 予めテキストボックスの中に影響の受けない初期値を薄く入れておく事ってよくありますよね HTML5からの機能プレースホルダです。 placeholder="ここの中の物がグ…
こんにちは、スウェルデザインのWです。 今まで要素を横並びにする時は、floatを活用していたのですが floatっていうのは厄介なヤツで、使用した後はclear: both;でfloatを食い止めないと 後の要素に影響してしまいます。 そもそもの用途は、画像にtextを回…
CSSで美しいグラデーションをテキストにかけることができます。 ページのタイトルやアクセントにいかがですか？ <h1 title="SwellDesign">SwellDesign</h1> タグで囲った表示したいテキストとtitleの中身を同じにします h1, h1:before { position:absolute; top:0; left:0; color:#8AE2DA;…
こんにちは、スウェルデザインのWです。 以前tableでradiusが使えず、悪戦苦闘したので その対応方法についてのメモです。 普通にCSSで table { border:1px solid #000; border-radius:10px; } と記述しても過度は丸くなりません。 原因を調べてみたところ、…
こんにちはスウェルデザインのWです。 今日は、なにかと使うたびに調べてしまうので backgroundの一括設定の方法を備忘録として残すことにしました。 CSSの中でも必ず出てくるbackground その指定の種類だけでもこれだけあります。 background--------------…
全開のクーラでも涼しくならない猛暑が続く今日この頃、皆さんお変わりありませんか？ 少し間が空いてしまいましたが、先日より取り組んでいた『循環型のペットボトル菜園』について、最後の記録を書いておきます。 当初、「大量のペットボトル ＋ エコ意識…
こんにちは、スウェルデザインのWです。 新しいサイトを建設する時、皆様は綺麗なファビコンを作っていますでしょうか？ 今までは.ico拡張子の作成に少しテマのかかる作業を要していたのですが、近年便利なサイトが現れたので、その紹介もふまえたいと思いま…
こんにちは、スウェルデザインのWです。 今日は、jQueryプラグイン「Colorselector」を紹介します。 ・こちらから色指定ができること ・色の追加が可能なこと ・サイズやレイアウトの変更が可能なこと 主にこの3つの要素がこの機能の良い点です。 まずはこち…
息子の自由研究に便乗して『循環型ペットボトル菜園』に挑戦するという話の続報です。 ペットボトルを接続する箇所の強度が弱くたくさんの水をこぼすことになりました。床と机に多少なりの被害を受けましたが、どうにか水漏れを抑えることに成功しましたので…
こんにちは、スウェルデザインのWです。 今回はカラーや表記など、自分好みにGoogle mapをカスタマイズすることができる 「Styled Maps Wizard」というサイトのの使い方をご紹介致します。 下記リンクから「Styled Maps Wizard」へアクセスできます。 Google…
こんにちは、スウェルデザインのWです。 今回は諸事情があってあまりHTMLを弄りたくないコーディングをしています。 CSSでどうにかできないかと調べたところ、今までしたことのない指定の仕方でスタイルを付けられる事がわかったのでここに紹介します。 例え…
いよいよ夏本番を迎えようというところですが、みなさんいかがお過ごしでしょうか？今回の投稿はほぼ余談です。 当社では６月の始め頃から２Lの麦茶を大量に購入し少しづつ消費してきましたが、夏本番直前には大量の空ボトルが。。。このままリサイクルゴミ…
