サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
体力トレーニング
web-omusubi.com
システム担当におむすび17号です。 summernoteとは bootstrapを使ったWYSIWYGです。 今回はスマホでも簡単にブログ投稿が出来るように WYSIWYGと画像投稿を併せ持つエディッター summernoteの導入方法を紹介します。 <link href="/js/summernote.css" rel="stylesheet" type="text/css"> <script src="/js/summernote.min.js"></script> <script src="/public/js/lang/summernote-ja-JP.js"></script> <script> $('#summernote').summernote( height: 300, ); </script>
こんにちは18号です。 私もついこの前まではpng、jpgで書き出していました。 ある時、デザインサンプルを作るためにWebサイトからロゴをもらおうと いつも通り、ドラッグ&ドロップでデスクトップにコピーしました。 今まではだいたい拡張子はpngかjpg、たまにgifでした。 しかしそのロゴの拡張子はsvgだったのです! なぜ…? 調べてみるとsvg書き出し、なかなか良さそうなので、その話です。 ▶そもそも.svgとは? wikiからsvg拡張子の特徴を引用しておきます。 ベクタ形式であるため、拡縮自在である。その他に、XMLベースの為、ウェブブラウザで(画像として、という意味ではなく、HTMLのソースビュー等と同様に、という意味で)閲覧でき、テキストエディタ等で編集できる。また、HTMLとの親和性により、ハイパーリンクを埋め込んだり、JavaScript 等と連携させることもできる。 つ
どうもおむすび17号です。 今回はCSSの背景画像スライドショーの実装を簡単に紹介。 簡単に実装出来るのでやってみてください。 まずCSS背景画像のスライドショーのメリットから その1 背景画像なので上オブジェクトを置くのが容易 CSSの背景画像なので何を置いてもどことも干渉せず簡単にオブジェクトを配置出来ます。ずっと文字が出っぱなし〜とかも出来ますし、例えば違うスライドショーを上に設置して文字は文字でスライドショーを行う事だって可能です。 その2 背景画像を描画領域を決める事が出来る 例えば高さを300pxで幅100%にしたとしてブラウザサイズを広げていけば通常のライドショーなら両端に余白が出現します。しかしCSS背景ならではの「background-size」を利用して縦横比は保持して、背景領域を完全に覆う事が可能です。レスポンシブサイトにも向いています。 その3 工夫次第でスライドシ
こんにちは18号です。 ショップカードやパンフレット、チラシ、などグラフィックのデザインに付き物な地図のデザイン 私が地図を作成する際に意識しているポイント4つと 地図のデザイン、マンネリだ〜って時に参考になりそうなもの ー地図をデザインする時のポイントー ①方角 ほんとうに基本的なことですが地図の方角は上が「北向き」になっている必要があります。 何らかの理由で地図の上が「北」にできない場合や、大きい地図には 必ず方位マークを入れましょう! ②目的地の位置 地図エリア内のどこに「目的地」が来るように作成するのか、も重要なポイントになります。 どの方角からでも分かりやすいように目的地が真ん中になるように意識して作成しています。 あとはある程度の大きさ! 他の目印と同じ扱いでは、専用の地図の意味がなくなってしまいます〜 ③目的地までの仮想ルート
こんにちは18号です。 なんとな〜くですが、夏前はバナー制作の依頼が多いような気がします。 夏っぽいイメージで! という依頼が来た際に参考になりそうなバナー・ポスターを集めてみました。 ①透明感 「冷たい」の文字の背景に透明感があるので、とても涼しげにまえます 泡によって爽やか、涼しげ、しゅわしゅわなイメージがとてもよく伝わってきます ②色・デザイン 色の濃さに関わらず、青、水色、黄色が夏っぽい色の王道ですね! ③写真 夏といえば…!な スイカ、青空、海、冷たいジュース、ビール・・・ なんかが入っているだけでとても夏らしくなります。 写真に少し夏らしさが足りない… なんて時はこんな風に合わせてデザインするのも良いと思います。 参考になるものがあったでしょうか。 去年も似た様な記事を書いてましたのでよかったらそちらもドウゾ! 「夏っぽいデザインを作る為に押さえておくべきポイントはたったの2つ
どうもおむすび17号です。 もともと18号の上司だった自分ですが その当時から上下関係は厳しくしていませんでした。 そもそも会社の内部であっただけで実際はほぼないです(笑) そのままおむすびでもフラットな関係で仕事をしています。 ここでもどっちが上とか下とかないです。 上司と部下の関係作りで悩まれている方が多いとちまたで聞いたので 一例としてわずかながら参考になればと思います。 1.最初に徹底したのは個人意識 入社してすぐは会社の言う事を聞いて取りあえずタスクをこなすのが精一杯 そんな感じになるかと思います。だからやるだけのロボットみたいになっちゃうんですね。 だから個人意識の大事さを徹底した言いました。 会社には失礼な話ですが この会社が最終地点ではないよという事、 どうすればこの社会で生き残っていけるのかという事、 無難なスキルだけでは生き残っていくのは難しくて自分の色を出していかなき
おむすび17号です! 2015年8月1日 大阪で行われたIn-house SEO Meetupに参加してきました! Googleの方にも参加して頂きまして 本当に有意義なセミナーだったと思います。 誰が何を語ったとかという内容ではなく 全てを聞いた上で感じたSEOに大切な事を 3つにまとめて自分なりに解説していきたいと思います。 その1.SEOは万能じゃないからね SEOって大事なマーケティング手法の一つなんです。 出演者の方がこんな言葉を残してくれました。 ・そのうち客(まだ商品を必要ないと感じている)FB広告向き ・お悩み客(もしかしたら必要かなと感じている)SEO向き ・いますぐ客(どこで何を買おうかな?)リスティング広告向き ・いちげん客(また買うべきかな?)メルマガ向き ・おとくい客(友達に勧めたいな)ソーシャル向き 上記のように状況に応じてマーケティング手法を 使い分ける事がS
おむすび18号です! 日用家電から公共物など、本当に様々な物に アイコンやピクトグラムやマーク(以下まとめてアイコンと言います)が使われていると思います。 そのアイコンを使用したもののユーザビリティについて考えました。 (細かくいえば、ピクトグラムやアイコンは違うものですが、 日常生活で見る事があるマークとしてまとめて話します。) そもそもアイコンの目的というのは 「文章で表現する代わりに、視覚的な図で表現することで、言語に制約されずに内容の伝達を直感的に行う」 というものです。 つまり 正しくアイコンを使うことが出来れば、 全世界の老若男女に言語を使わずに伝えることが出来る!ということ! しかし、 最近思う事がありまして… 先日、85歳になる祖母に 「扇風機をつけたいけれど、どのボタンを押したらいいのか分からない」 と言われました。 扇風機だけでなく、エアコンや電子レンジ等、 一般的な家
こんにちは、おむすび18号です。 お仕事でgoogle Adwordsの運営代行をやってるんですが その客さんから、こんな営業電話がかかってきたと先日相談がありました。
子供の頃から少し不思議な体験をしているのでそれを書いてみる 幼稚園の頃の話 たぶん夜の9時くらいにテレビを見ながら寝落ちしてしまった ふと目が覚めたら夜中の2時過ぎ 眠たいなーと思いながら両親のいる部屋にいこうと ソファーから起き上がると異変に気付いた 世界がね 白黒なんです とても不思議でまず最初に思ったのが 目がおかしくなったと思った 自分の目から色がなくなった!病気だ! 一番にこう思った でもそこから急展開に進むんだけど 両親の部屋に行ったら誰もいなかった これはなんか変だと思って 2階の兄弟のいる部屋に行ったんだけど誰もいなかった もう一つ父親の書斎があってその書斎に行くと 知らない人が2人寝てた 誰!? なんか自分が急にドアを開けたのかビックリしたみたいだったけど とりあえず落ち着けって言われたんだけど 意味分からんすぎて、そのおじさんの手をふりきって1階に逃げた その途中でなん
おむすび18号です。 ここ2.3日でめちゃくちゃ暑くなった! 京都はもう32度〜 暑いのは嫌いですが、夏っぽいデザインは大好きです。 なので夏っぽいデザインを作るときに参考になりそうな色合いと素材を集めてみました。 ①まずは色! デザインの色を決めるときにwebサイトの色使いを参考にしてたりもします。 なので夏っぽいなーと思うサイトを集めてきました。 マッチはもう存在自体が夏ですね。 江口寿史さんイラストの広瀬すずさんが さらに夏感を上げてきてます!! 使われているのはこの3色。 黄色がアクセントカラー 白がベースなのですごく爽やかになりますね〜 進研ゼミのサイトもよく似た色合い。 夏の王道パターンなのかもしれませんね 海外のサイトから 様々な色を使っていますが、集約するとこの3色! 健康的なカラーリングですね。 トロピカルなイメージ! チチカカ ベースとなるカラーは2色ですが、 カラフル
更新日: コメントを投稿する 投稿名 コメント内容 画像認証 [ 認証画像を変える ] 関連記事 人気記事 分かりやすい地図をデザインする為に押さえておきたい4つのポイント 夏っぽい色のバナーデザイン l.instagram.com / referral ってなんだろう CSSの背景画像でスライドショーを実装【jQuery】 結婚式の二次会やパーティーで使える◎可愛いスピードビンゴ作りました! 雨の野外フェスで用意しておきたいもの 分かりやすい地図をデザインする為に押さえておきたい4つのポイント 夏っぽい色のバナーデザイン l.instagram.com / referral ってなんだろう CSSの背景画像でスライドショーを実装【jQuery】 結婚式の二次会やパーティーで使える◎可愛いスピードビンゴ作りました! 雨の野外フェスで用意しておきたいもの 在宅勤務実施のお知らせ 年末年始の営
あれは22時過ぎぐらだったかな 2階の自室でオレはテレビを見ていたんだ。 そしたらベットの方から物音がするんで何かと思って 軽い気持ちで見に行ったら そこに奴はいたんだよ オレ「...」 ゴキ「......カサ..」 オレはすぐさま臨戦態勢に入る事にしたんだ。 そりゃあれさモタモタしてたら見失って いつ攻撃してくるかわからねぇじゃねぇか 奴を見ながら目をそらさず、どうするべきか冷静に考えたのさ もちろん怖かったさ 奴らは速いし黒い 本当に一瞬でもスキを見せたらやられると思ったね でまず最初に思いついたのが 「捕獲」 まぁベーシックだよ 上から何かをかぶせる。 こいつのメリットは奴のいる場所をしっかりと把握出来る そして奴に対する攻撃を最大限封じ込める事が出来る 妙案だろ? さっそく行動に移す事にしたのさ 運良く床から攻めようとしてきてから CDケースのふた これだと思ったね 透明で見えるし
おむすび18号です。 知らないと損!まではしませんが、今見ているアナリティクスのデータが正確ではないかもしれません! 正確なデータ取得を邪魔するボット君、そいつを排除するぞ!そんな感じの話をします〜
このページを最初にブックマークしてみませんか?
『web-omusubi.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く