SVGでアウトラインをカスタマイズしてみよう
2014年7月30日 SVG これまで、二回ほどSVGに関する記事を書きましたが、SVGの面白さは伝わっていますかね…！？今回はSVGのアウトライン（線）の装飾に注目！オブジェクトを徐々に描いていくラインエフェクトにも挑戦します！SVGの基本的な情報や書き方は過去記事「アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう」をご覧ください！ ↑私が10年以上利用している会計ソフト！ SVG線種プロパティの基礎 基本的な書き方ですが、SVGのコード内に直接記述する方法と、CSSで指定する方法があります。例えば stroke プロパティを使う場合： <svg viewBox="0 0 200 200"> <line x1="10" y1="10" x2="190" y2="190" stroke="#000"/> </svg> のように、 stroke="#000" と直接記述しても
jQuery 簡単！チェックボックスやラジオボタンを装飾する方法（プラグイン不要） | Stronghold Archive
どうもこんばんは。Toshikuraです。今回のTipsは【簡単！チェックボックスやラジオボタンを装飾する方法】です。プラグインを使用しても良いのですが、ここでは設定の手間や容量が気になるので使用しません。実装方法はとても簡単ですのでぜひお試しください。 発展編 20. チェックボックスのデザイン 画像の準備 まずはチェックボックスに使用する画像を準備します。チェック時を上、非チェック時を下と垂直に並べます。基本は画像ボタンの作り方と同様です。 基本設定 – 背景画像へ設置 画像を準備したらチェックボックスを囲っているラベルに背景画像として設置します。その際基点を左上に設定し、リピートを無しにします。 HTML <label class="cbxbd"><input type="checkbox"/>Check 1</label> CSS .cbxbd{ background:url(im
どこが違う？「DSC-RX100」三兄弟まとめ
「DSC-RX100 III」の登場によって、「DSC-RX100」「DSC-RX100 II」「DSC-RX100 III」という3モデル体制となるDSC-RX100シリーズ。1型センサー搭載の高級機というコンセプトは共通しており外観にも類似点が多いものの、細部には多くの相違点がある。発表時点で確認できる、主な相違点をまとめた。 レンズ――IIIは“寄り”に強くなった レンズがカールツァイス「バリオ・ゾナーT＊」なのは3モデルに共通するが、RX100とRX100 IIは35ミリ換算28～100ミリ相当 F1.8-F4.9、RX100 IIIは35ミリ換算24～70ミリ F1.8-F2.8となっており、IIIはズーム倍率こそ下がったが他の2モデルに比べて広角に強く、テレ端でも明るい。 レンズ先端からの最短撮影距離はRX100／RX100 IIがワイド端5センチ／テレ端55センチで、RX10
【2014年】WEB広告全種類名鑑をつくりました。全45種！（媒体資料付き） - 経営ハッカー ｜ 「経営 × テクノロジー」の最先端を切り拓くメディア
経営者必見！最新WEB広告完全網羅全45種類 最新のデジタル広告をまとめました。あなたの会社のマーケティングWeb担当者や、外注先のデジタル広告管理業者でこれらの手法について説明できないと、時代についていけていないのでちょっと危険です。最低限、名前と概要は理解できるようにしましょう。 おすすめ度 種類 ★★★★★ 検索キーワード広告、リターゲティング広告、 ★★★★ 記事広告、PRメディア、ショッピングモール広告 ★★★ ディスプレイネットワーク、facebook、アフェリエイト ★★ 動画広告 ★ Twitter、メール広告 【１】検索ネットワーク（検索キーワード広告） おすすめ度★★★★★ これを知らなかったらヤバイというデジタル広告の王道。Googleを売上数兆円規模の世界有数の企業にしたのも、検索ネットワーク広告あってです。大企業から中小企業、BtoCから、BtoBまで、様々な業種
ヤフーとリクルートはなにが違う？ 各社組織体制の違いに見る、イノベーションへの構え
ヤフー・川邊健太郎氏、コロプラ・千葉功太郎氏、グリー・田中良和氏の3者が集まり、「イノベーション」をテーマにディスカッション。組織体制、現場への権限移譲など、真の破壊的イノベーションを起こすための会社のあり方について意見を交わした。（IVS 2014 Springより） イノベーションとは、痛みを伴う破壊的なもの 岡島悦子氏（以下、岡島）：毎回私は経営パネルのモデレーターをやらしていただいているのですが、今回の全体会パネルは、小林さんから「変革力」というテーマ以外、何も言われてませんで。今日はIVSを代表する経営者三名の方に、変革力というテーマ、特に英語のタイトルにもなっている「Big Companies Do Innovation」というテーマで伺っていこうと思っています。 先日あるカンファレンスで、パネリストの小泉進次郎さんから「Innovationって日本語では何て意味でしょうね」と
写真で見るとわかるでしょ奥まで綺麗なピンク色してる－歯周病（５） - おうつしかえ
4軒目の歯科に行きました。 D歯科です。 「歯槽骨が半分以上なくなっていますね」と言われてから、すでに3ヶ月が過ぎています。 【ここまでの長い話】 歯周病について（１） まず抜きましょう。治りませんし金額はいくらかかるかわかりません。歯周病（２） 全部抜けばいいんじゃない？保険外診療と抜歯後について－歯周病（３） 「いまだけでも」信頼をおけるかどうか－歯周病（４） - おうつしかえ D歯科は、問診に時間をかけ、レントゲンを撮り、歯の中を見てもらってから、写真を撮って、もういちど問診です。 問診では、いままで他の歯科でも話してきたことと、他の歯科で言われたことを話しました。 1年前のレントゲンでは異常がなかったのに、奥の歯の歯槽骨が激減していた。 自分なりには磨いていたつもり。 できれば抜きたくない。 でも、他の歯科で「抜かないと隣の歯の歯槽骨もだめになるから」と言われた。 揺動もひどく、痛
webデザイン解決！FaceBookやG+のウィジェットをレスポンシブにするJavascript
SyncerWEB制作(22) FacebookやG+のウィジェットを簡単にレスポンシブ化するJavascript 2014.07.29(Tue) 18:30 WEB制作 例えばレスポンシブ対応のブログなんかを作っている時、サイドバーに設置したGoogle+やFacebookのウィジェットって厄介じゃありませんか？ ウィジェットの横幅を大きくしたらスマホビューでは画面をはみ出ちゃうし、小さくしたらPCビューでかっこ悪い…。かといってPHPでユーザーエージェントを取得して出力タグを振り分けるというのも…。「各ブラウザはもっとユーザーエージェントを分かりやすくしろよ!!!」と作業5分後には叫んでいることでしょう。 今回は、ほんの少しのスタイルシートと数行のJavascriptを追加するだけで、ウィジェットをPCビュー、スマホビューともにフィットさせることができる小技を紹介します。 1レスポンシ
スケールするエンジニアチームについてGoogleが教えてくれたこと | POSTD
Googleでは、世界各地のGoogler（Googleの社員）たちが毎週、トイレの壁に紙をたくさん貼り出していました。コードのテストに役立つヒントを週替わりで1枚の紙にまとめたものを、社員間で共有するためです。ある週はDI（依存性注入）を取り上げて様々な言語での簡単な使用例を示し、またある週はチームのコードベースのテストカバレッジを評価するために、ツールのセットアップ法を紹介するという具合です。“Testing on the Toilet（トイレの時間に考えるテスト）”と呼ばれるこの取り組みは、エンジニアがコードを書く上で役立つ情報を共有する方法として、奇抜で面白いものです。 ^(1) そしてGoogleのエンジニアリング文化の要となる強みもここに表れています。つまり、大勢のエンジニアに対して、一連のベストプラクティスを一貫した強硬な形で、効率よく普及させるということです。 私は大学を出
IT・WEB系の人は必読。マンガ・王様達のヴァイキングが熱い！ - 着ぐるみ追い剥ぎペンギン
「王様達のヴァイキング」は、ビックコミックスリピッツで連載中のマンガです。 単行本で4巻まで発行されています。 王様達のヴァイキングのあらすじ 主人公は、人とうまく接することができない、社会不適合者の天才ハッカー少年・是枝一希。 天才的なプログラミングの腕前をつかってサイバー攻撃を繰り返していた所、 エンジェル投資家・坂井大輔と出会うことで、物語は動き出します。 そのプログラミングスキルを使って、起業して成功させようというのです。 坂井は、新しいビジネスを作ろうと持ちかけますが、是枝は「興味ありません」と。 是枝はPCでハッキングをしていれば満足なのです。 しかし、坂井の熱い説得によって、共に仕事を始めようというストーリーです。 1巻の最後では、是枝と坂井は「あるサービス」を立ち上げることを考えます。 この手の話だと、どこかで聞いたことがありそうなサービスになりがちなのですが、 王様達のヴ
入力フォーム改善でCV率1.6倍！成果を上げる18のテクニック | LISKUL
たかが入力フォーム、されど、入力フォーム。 ユーザーが入力フォームに入力しているとき、もう気持ちは「購入します！」「申し込みます！」と決まっているはずです。 しかし、入力フォームが使いにくいために、せっかくの顧客をのがしてしまう可能性があるのです。 サイトへの流入はあるのに成果が上がらない・・・。 フォームPV数とコンバージョン数に差がある・・・。 そんな時には入力フォームを見直すべきかもしれません！ 入力フォームについて書かれている16の記事、サイトを参考に、結局、なにが重要なのか、基本と応用合わせて18のテクニックを厳選し、事例を交えてお伝えします。 入力フォーム改善の威力、条件を知ることで、成果を上げる入力フォームを作ることができるはずです。 失敗しない入力フォームを選ぶ！【LISKUL特集（2019年版）】CVR改善ツール一覧>> ※本記事は2014年7月29日に公開された記事をL
鳴かず飛ばずのエントリを増田が改変した結果ｗｗｗ - UXエンジニアになりたい人のブログ
昨日、 自分のエントリと同じ内容を増田に投稿した結果ｗｗｗというエントリを書きまして、そこでは「結局中身がダメならどこに出してもダメ」という一応の結論を得たのですが、今日増田ことはてな匿名ダイアリーに内容が改変(加筆修正)されて投稿されるという超展開が起きました。*1 オリジナル：自分のアタマで考えるのをやめよう！ - UXエンジニアになりたい人のブログ 増田版：自分のアタマで考えるのをやめよう！ 改変版：部下がくれたアドバイス ファッ？？？せん…だ…と？？(記事執筆時点) 見ていただいた方はわかるとおもうのですが、改変というよりは加筆修正に近く、後半部分の内容はほとんど変わってません。 つまりｗｗｗ元のエントリにブクマがつかなかったのはｗｗｗ内容ではなくｗｗｗｗ純粋な文章力の問題ｗｗｗｗｗうえええええｗｗｗｗうぇっうぇっｗｗｗ しかし、自分の目から見ても明らかに“響く”エントリになってお
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
https://jp.techcrunch.com/2014/07/29/mikan/