2015-01-01から1年間の記事一覧
こんにちは、スウェルデザインのWです。 備忘録と言うか、よく使うboaderの設定をいちいち調べに行って 一度に欲しい内容を得ることができないなぁと感じていたので自分用にメモとして残します。 CSSでよく使われるスタイルとしてboaderは比較的上位ですよね…
こんにちはスウェルデザインのWです 最近新しく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です。 今週の体育の日、社長が高松の支店へ出張されました。 講演会で弊社の新サービスの紹介ブースを出店するためです。 その準備の為にかなり大変な思いをしたので投稿します。 話自体まあまあ突然聞かされ、ブース建設の…
こんにちはスウェルデザインの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でどうにかできないかと調べたところ、今までしたことのない指定の仕方でスタイルを付けられる事がわかったのでここに紹介します。 例え…
いよいよ夏本番を迎えようというところですが、みなさんいかがお過ごしでしょうか?今回の投稿はほぼ余談です。 当社では6月の始め頃から2Lの麦茶を大量に購入し少しづつ消費してきましたが、夏本番直前には大量の空ボトルが。。。このままリサイクルゴミ…
スウェルデザインのWです。本日は、私が普段から何かをデザインする際に気をつけている事イメージから形に抽出する方法を書きます。といっても特別なにか変わった方法などはありません;;近日制作しているロゴ・マークのデザインを、例として取り上げましょ…
スウェルデザインのWです。 今日はイラレCS2でクリッカブルマップの座標を取る方法を投稿します。 1. まず、座標を取りたい形のパスを用意し選択します。 取りたい座標の範囲を選択、複数が組み合わさっている場合は複数のオブジェクトを選択してください。 …
スウェルデザインのWです。 小窓で開くウィンドウのサイズを固定し スクロールバーを非表示にすることでページの表示領域に制限を指定をしたかったのですが 探し方が悪いのか、かなり苦労しました。 FirefoxやIEですらJavaScriptの window.open()で正常に処…
spring bootを利用して開発を進めていましたがRestControllerでvalidationをかけようとすると色々と工夫が必要になってきてイマイチな感じがして、もっと簡単に出来るようなフレームワークはないものかと探していたところ、playframeworkに出会いました。 Ja…
スウェルデザインのWです。 クライアントから "Facebookに更新内容を投稿した時に表示される画像と文章を適切なものにして欲しい" との要望があり、今件をまとめる事になりました。 ちょろっと調べてみたところ、HTML上部のheaderにmeta複数種類のタグを追加…
はじめまして スウェルデザインのWです。 私は先日、社内でのSEO対策強化の為 SEO対策に関するセミナーに参加しました。 最初の記事はそのレポートとなります。 実に基本的な事ですが、細かな点を注意してコツコツと時間をかける事が大切なのだと学びました。…