レスポンシブなSNSボタン Reponsible Social Sharing Buttons - Webクリエイターズニュース
レスポンシブなSNSボタンのコードを生成できる「Reponsible Social Sharing Buttons」 アイコン部分はSVG形式になっています。これを元にアレンジしても良さそうですね。 Reponsible Social Sharing Buttons 後藤賢司 東京と大分を拠点として全国的に活動しています。出版社、デザイン会社、Web制作会社、企画・マーケティング会社での経験を生かし、媒体にとらわれない提案・企画・設計が得意です。自社メディア運営によるノウハウを持ち、様々な視点を活用した提案をしております。よつばデザイン（後藤賢司）は、中小企業庁「中小企業・小規模事業者ワンストップ総合支援事業（ミラサポ）」の派遣専門家として認定を受けたり、大分商工会議所が主催する「大分商工会議所ビジネスなんでも応援隊」のサポートメンバーとして、中小企業様の経営課題や広告・看板・宣伝ツール・
女子と男子でここまで違う!? 「おひとりさまリノベ」の内装デザインを比べてみた。｜eA［イーエ］
2015年04月09日 eA編集部 記事一覧 マイホームというとファミリーを想像してしまいがちですが、実は一人暮らしの方が「月々の家賃を、住宅資産の取得にまわす」という選択肢をとり、マイホームを購入するケースも決して少なくありません。中には好立地の中古マンションを賢く購入し、自分好みの間取り・内装にリノベーションする方も。 むしろ誰に遠慮することなく自分の好みをとことん追求できるという点で、実はシングル・一人暮らしの方とリノベーションの相性は◎。住む人の個性があらわれる“おひとりさまリノベ”、お部屋のデザインも男性と女性とでガラッと変わってくるんです。ということで今回は、おひとりさまリノベ事例を性別ごとにご紹介します。 おひとりさまリノベ・女性編女性デザイナーが、築31年のマンションをリノベーション！まずはアパレル系のデザイナーとして活躍されている女性のおうち。築31年・3DKの中古マンシ
いわゆる『制作ディレクター』は不要になるかもしれない...という話
はいどーも。ナカムラです。 またムダに煽りまくりなタイトルですが、今回は このところ割と本気で感じている「ディレクター不要になるかも論」についてちょっと書いてみようかと思います。 ディレクションは本来、事業側でやったほうが効率がいい このブログでもちょいちょい書いてきましたが、元々ディレクション領域って事業側がやるべきなんですよね。 だって「どんなマーケットで」「誰に対して」「何を感じて」「何をしてもらえばいいか？」 これを具体的に考えて決めていくのって、やっぱり事業側メインのほうが早いんですもの。 ただ、実際の制作の現場においては... 「専門用語分からん！」 「webやらアプリやらのユーザー特性知らん！」 という人たちが事業側に多かったので、極めて暫定的なニーズとして『翻訳者としての制作ディレクター』が必要とされてきたんだろうなー...と。 で、その状態になった要因をもうちょっと分解し
WordPress記事にYouTube動画を挿入しても読み込みが遅くならない方法
前記事でカラオケでおすすめの選曲を50曲も紹介しようと、動画を埋め込みまくったら、記事を開くのに30秒以上かかってしまいました。 他の方の記事も見てみると、やはり動画を10個以上挿入していると、記事の読み込み速度が大幅に遅くなるようです。 記事の読み込み速度が遅いと、読者的にもGoogle的にも良いことはありませんので対応する必要があります。 今回は『Youtube SpeedLoad』というプラグインを使って、コードの記入なしで対応できましたので備忘録として残しておきます。 【参考にさせていただいた記事】 参考 youtubeの埋め込み動画を軽くするwordpress plugin「Youtube SpeedLoad」【CREATIVETIPS】 ※追記：参考記事が削除されてました… ただ、参考記事の通りにやっても、やり方によっては上手くいきませんでしたので、僕の記事も参考にしてください
今日から始めるYahoo!タグマネージャー（YTM）｜アナグラム株式会社
先日、「タグマネージャーの重要性と用途で使い分けるYahoo!タグマネージャーとGoogleタグマネージャ」の記事内にて、Yahoo!タグマネージャーとGoogleタグマネージャの概要と機能差、活用シーンをご紹介しました。 今日はそのひとつ、Yahoo!タグマネージャー（通称：YTM / ワイティーエム・わいてぃーえむ）の具体的な設定方法をご紹介します。 多くのタグテンプレート（タグカタログ）に対応し、インターフェースも比較的直感的に操作できるYahoo!タグマネージャー。とはいえ通常のタグ設置と比べると、多少導入のハードルが上がることは否めません。 また、売上額を動的に取得するような若干テクニカルな設定になると雲行きが怪しくなり、けっきょく導入が見送られるケースも意外と多いのではないでしょうか。 本記事では、Yahoo!タグマネージャーのアカウント開設から、タグとページの設定方法はもちろ
WordPress：投稿エディタの上にプレビューボタンを追加する方法 - NxWorld
WordPressで見栄えの崩れや誤字脱字等がないかを確認するために使用するプレビューボタンを、エディタの上にある「メディアを追加」ボタンの横に追加する方法です。 管理画面をカスタマイズしていてプレビューボタンが離れた場所にあるとか集中執筆モードを利用している場合などにも、そこまでマウスを動かすことなくプレビューボタンを押すことができます。 上のキャプチャのように「メディアを追加」ボタンの横に新たにプレビューボタンを設置する方法です。 実装にはjQueryを用いる形でfunctions.phpに下記のように記述します。 function add_custom_preview_button() { ?> <script> (function($) { $('#wp-content-media-buttons').append('<a id="custom-preview" class="bu
CSS Transformによるセンタリングのベスト・プラクティス
上下左右のセンタリングには様々な手法が編み出されてきた。最近はCSS Transformを使う方法がメジャーになりつつある。コンテナーとセンタリングしたい要素のサイズが共に不明でもうまくいくところなど、そこそこ万能感があるのがポイントだろうか。このCSS Transformによるセンタリングは左下に動かしてから右上に戻すパターンと、その逆の右上に動かしてから左下に動かすパターンがある。どちらでも理論的には上手くいくが、ベスト・プラクティスとなりうるのは後者だけだろう。 Demo: Centering Unknown with CSS Transform (top/left) このデモは実際に不具合が起こりうるパターンになっている。センタリングする要素をtopとleftプロパティーで動かした後、transform: translate(-50%, -50%)で元に戻しているわけだが、Inte
【簡単】アートブラシと破線で作る「伸び縮みするパターン罫」
今回はアートブラシと破線で作る「伸び縮みするパターン罫」を作ります。基本の機能を組み合わせただけなので、ぜひぜひお試しください。 Step 0 準備 このチュートリアルでは以下のパネルを使います。 線パネル（Command＋F10） ブラシパネル（F5） Step 1 ブラシの元となる、飾り罫を作る まずは、伸び縮みさせたい飾り罫を作ります。今回は簡単なサンプルを作って使っていきますが、実際にはお好きなモノをお使いください。 まずは飾り罫の元になるオブジェクトを作ります。 楕円形ツール/Ellipse 幅/Width：10px 高さ/Height：10px 長方形ツール/Rectangle 幅/Width：5px 高さ/Height：2px 次に、できあがったオブジェクトを揃えます。 両方を選択した後に、円をクリックしてキーオブジェクトにして、 垂直方向中央に分布/Vertical Dis
SVGを使用してる企業・団体のサイトを22ヶ国、160件以上調べてみた - 聴く耳を持たない(片方しか)
このダイアリーでは過去に何度かSVGの記事を書いているのですが、それに対する反響で SVGって未だに使ってるところを見たことが無い とか いつになったら使えるようになるのか 永遠に普及しなさそう みたいな意見をよく見かけます。 そうした反応にカチンときた……というほどではないのですが、納得してもらうには実例を挙げて反論するのが分かりやすいだろうな、と考えてSVGの利用状況を調査してみました。 かといって個人サイトの利用例を挙げるだけでは説得力がないでしょうから、著名な企業や団体でのSVG採用事例をリストアップしてみた次第です。 そしてもう一つの動機として、Webサイトの制作現場でSVGの導入を検討する際に、同僚や上司、またクライアントからの同意を得る・説得する手段としても、既に実際に利用している企業や団体を提示できれば話を進めやすいだろうな、……といった狙いもあります。 例えば あの有名な
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
木村石鹸 公式サイト／本店オンラインストア