FacebookやTwitterを公式サイトと連動させる方法
本連載は、山田案稜著『小さな会社のWeb担当者になったら読む本――ホームページの制作から運用・集客のポイントまで』（日本実業出版社刊）から一部抜粋、編集しています。 あなたの会社のWebサイトは、売上につながる「生きたサイト」になっていますか？ 「とりあえず作ってはみたけど、イマイチ機能していないサイト」になっていませんか？ 従業員50人くらいまでの「小さな会社」では、パソコンにちょっと詳しい程度の人でもWebサイトの担当者を任されます。 本書は、Web戦略に手間と費用がかけられなくても、Web戦略に詳しい人がいない会社でも、「確実に売上につながるサイト」にするための、ホームページの制作から運用・集客のポイントまでを紹介。悩めるWeb担当者や経営者に向けた入門書です。
四畳半ワークス+1.5
とある六畳間で印刷物を作ったりWEB的な何かをしていたり、物思いをしてみたり、嫁様の目を盗んでtwitterとかしてたりします。
[CSS]border-radiusを使って、角丸ではなく落書き風にボーダーをデザインするテクニック
角丸を指定できるborder-radiusで、ボーダーを落書き風にすることもできます。 色によっては、蛍光ペンや絵筆みたいにもできますね。 デモページ ※リンク切れ 実装は、こんな感じです。 HTML 要素はdivだけ、入れ子もラッパーも必要ありません。 <body> <div> This is my paragraph. Like my border? This is my paragraph. Like my border?This is my paragraph. Like my border?This is my paragraph. Like my border?This is my paragraph. Like my border? </div> </body> CSS 落書き風のボーダーを実現しているのは、border-radiusです。 スラッシュで区切ることにより、水平
たった4つの手順でお風呂のカビと水あかを防ぐ方法 - アンチエイジングな健康生活倶楽部
お風呂のカビと水垢を防ぐ方法 お風呂から上がったら下記の4つを行って下さい。 シャワーで浴室全体に冷水をかける 100円ショップでも手に入るスクイジー（写真）を使って、壁は上から下向きに、床は排水口に向かって水気を切る 換気扇を点けておく（電気代は微々たるものです）もしくは窓を開けておく（防犯上大丈夫な場合） 水栓金具と鏡は布で拭き上げて水気を取る 面倒な場合は一部の手順を簡略してもOK！ 上記のすべてをすればほとんどカビは発生しませんし、水あかの付着もかなり防げます。 しかし、すべては面倒という方は・・・ カビは①と③だけでもかなり違います。 水あかは④だけでも水栓金具はピカピカに維持されてお風呂の見た目度はアップします。 是非、やれるところから試してみて下さい。 記事提供： 熊本 家事代行サービスゆとりすと 掃除 洗濯 片付け 整理など
すげー便利！ドメイン別にスタイルシート（CSS）を当てる方法。
ドメイン別にスタイルシートを当てる方法。 iframe[src*="youtube.com"]{ width: 500px; height: auto; } iframe[src*="nicovideo.jp"]{ width: 320px; height: auto; } 例えば、YouTubeの外部プレイヤー（iframe）の横幅は500にしたいけど、ニコニコ動画の外部プレイヤーは320にしたいときは、上のように書くと上手く動作します。 a[href*="wayohoo.com"]{ color: red; } a[href*="goryugo.com"]{ color: blue; } ちなみに、aタグをドメイン別に指定する場合はこのようになります。(wayohoo.comは青色、goryugo.comは赤色とする場合) タグ名[属性名*="URL"]{ /* CSSの中身 */ }
-webkit-text-size-adjust: none を絶対に設定してはいけない理由
PC 版の Google Chrome や Safari で見たときにユーザビリティーが落ちるから。 以上。 で終わってしまうと記事にならないので、ちゃんと説明しておく。 そもそも -webkit-text-size-adjust とは何か iPhone や Android のブラウザーは、縦向き (Portrate mode) と横向き (Landscape mode) の文字サイズを自動調整する機能がある。 これを制御するのが CSS の -webkit-text-size-adjust である。 文字サイズ自動調整の具体例 次のような HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-
Gmail設定方法
僕は18歳からGmailをメインのメールクライントとしてほぼ毎日使っている。今25歳なので7年間も使っていることになる。今回はこれまでに僕が学んだGmailの使い方の中でも、絶対におすすめしたい設定とテクニックを紹介したい。特にマルチ受信ボックス機能とフィルタを使い、受信ボックスをつねにゼロにする方法は、本当おすすめなのでぜひためしてほしい。 Google appsやGmailの受信ボックスのデザインはデフォルトだと以下になる。これから、このデザインの無駄をとりのぞいていく。無駄をとりのぞくことで重要なことに集中できるようになる。禅＝Zenの考え方だ。 まずは、「設定」メニューの「全般」タブを開き、いかのようにする。紹介することが多いので理由はあえて書かないが、質問があれば気軽にTwitter（@ryoma0421）かメール（ryomaアットzenstartup.jp）で聞いてほしい。 「
Photoshopで水しぶきを加工した合成写真に挑戦！ | Webクリエイターボックス
2013年3月25日 Photoshop 今年はPhotoshop系の記事も増やしたいですねー、という事で簡単な合成関連の記事でも。季節外れながら水をテーマに水しぶきと女性を合成してみたいと思います。ポイントを抑えておけば、水の代わりに火や植物など、テーマを変えても使える技です。動画も用意したので、制作手順など参考になる点があれば幸いです！ ↑私が10年以上利用している会計ソフト！ 作成中の動画です。全体の流れを掴んで頂ければと思います。 1. 素材集め 女子と水しぶきはいつも愛用しているFotoliaの素材を、背景に使う水面素材はDiviantArtで配布されているものを使いました。 水しぶきの写真素材は無料ではなかなか見つけにくいのですが、stock.xchngで「water splash」で検索するといくつか見つかります。 2. 女子の加工
Excelでアンケート用紙を作ってみる
簡単に言えば、作成したアンケートを「Excelのまま渡すのか」、「紙に印刷して渡すのか」のどちらにするか、です。 上記をどちらかで行うかによってアンケートの作り方を変えたほうがいい場合が多くあります。 詳しくはアンケートを作るときのフォーマットでご確認下さい。 ここでは前者の「Excelファイル(ブック)そのものにパソコン上から回答をもらう」を前提に作成しています。 参考：印刷前提で作成する場合：Excelの図形を使って簡単にアンケートを作成する Excel上で回答してもらうときのアンケート(用紙：シート)のポイント パソコン上で回答入力してもらうアンケートの場合、Excelの機能を利用し、セルなどに制限を掛けることができるのがメリットですね。 そのExcelでアンケートを作成する主なポイントは 特にアンケートの集計時におけるマクロ(VBA)を使えば、その集計にかかる処理時間は劇的に変わっ
ディズニーフリークの常識!?「JR有楽町駅で改札出ずに京葉線東京駅に乗換可能」
イチ @t_bisco 以前、JR有楽町駅と京葉線東京駅は一旦改札出なくても、乗車券を見せればそのまま乗換出来るよーと呟いたら「駅が違うのに出来るわけないし」というリプを割と頂いたので自分でやってみたよ。こういう用紙が貰えて、正規の手段として乗換出来るんだよ。 http://t.co/0oTaJo3A
Facebookで友達になりたくない相手から、友達申請が来た場合の対処法 | 京都 ホームページ作成 WEB制作会社 ライフクルー
photo credit: miguelavg via photopin cc Facebookユーザーの6割、「承認したくない友達申請受けたことがある」 http://www.itmedia.co.jp/news/articles/1211/28/news097.html [ITメディアニュース] Facebookを使っていると、一度はぶつかる問題ですね。 セミナーなどの質疑応答でも「どうすればいいでしょうか？」と、よくいただく相談です。 対処する方法としては、 まず“承認しない”のか、それとも“承認する”のかで大きく別れますが、 いくつかあるので、以下順番にまとめて説明します。 まずは 友達リクエストを承認しない 知らない人からは友達リクエスト出来ないようにする でも、承認せざるを得ない場合は、 自分の投稿を見られないようにする 友達の投稿がニュースフィードに流れないようにする やっぱ
エクセルのデータを見やすくする5つの簡単なテクニック | コリス
Chandoo.orgのエントリーから、条件付き書式を利用して、エクセルのデータを見やすくする5つのテクニックを紹介します。 Learn Cool Microsoft Excel Conditional Formatting Tricks テーブルの横列・縦列をハイライト 条件付き書式を使用したガントチャート セル内に配置するグラフ ミスやエラー・データ欠落などのハイライト表示 直感的に把握できるデータテーブル [ad#ad-2] エクセルデータは、Chandoo.orgのエントリーの一番下からダウンロードできます。 テーブルの横列・縦列をハイライト テーブルのデータを見やすくするために、横列・縦列を交互にハイライト表示にします。 ハイライトにするテーブル全体を選択します。 メニューより、[書式] - [条件付き書式] を選択。 「数式」を選択し、「=MOD(ROW(),2)=0」を入力し
業務マニュアルTips
業務マニュアルの受託制作の経験を通して感じたことを、ここに書き連ねていこうと思います。 社内で、業務マニュアルや教材づくりを検討されている方のために、何かしらお役に立てれば幸いです。 業務マニュアルTipsについて 業務マニュアルの受託制作の経験を通して感じたことを、ここに書き連ねていこうと思います。 社内で、業務マニュアルや教材づくりを検討されている方のために、何かしらお役に立てれば幸いです。 マニュアルの作り方そのものについては、すでに良書がたくさんありますので、ここでは社内でマニュアルを作る場合の周辺のモロモロに焦点をあてることにします。 思いついたことからランダムに掲載していく予定です。忙しいとどうしても更新が滞りがちになるのですが、激励メールなどをいただけると、調子にのって更新するかもしれません（？）。 なお、ここでは「業務マニュアル」を次のように広くとらえています。 社外向けの
入力し直し不要！ Excelで表の行と列を入れ替える【知っ得！虎の巻】 : ITライフハック
2012年06月25日13:00 入力し直し不要！ Excelで表の行と列を入れ替える【知っ得！虎の巻】 カテゴリ Excelで表を作成したものの、行と列を入れ替えた方がよかった……なんてことがある。たとえば一緒にまとめて提出する書類が横置きなのに、縦に長い表を作ってしまったなどという時だ。いちいち入力し直すのは手間だし、間違いの基になる。実はコピー&ペーストを利用すれば、簡単確実に変更できるのだ。 ■知っ得No.323 コピー&ペーストで表の行列を入れ替える 単に表をコピーして貼り付けたのでは、同じ表ができるだけだ。ただし、貼り付けのオプションを指定することで、行と列を入れ替えた表を貼り付けることができる。 ●オプションを指定して貼り付ける 行と列を入れ替えたい表を範囲選択し、［Ctrl］＋［C］キーを押してコピーする。表を貼り付けるセルにカーソルを移動し、［ホーム］タブの［クリップボー
細部にこだわったUIエレメントをPhotoshopで作成するポイント
ウェブデザインをワンランクアップさせる、リアリスティックなユーザインターフェイスエレメントをPhotoshopで作成するポイントを紹介します。 Crafting Subtle & Realistic User Interfaces [ad#ad-2] 少し古い記事ですが、現在でも役立つ情報なのでご紹介。 下記は各ポイントを意訳したものです。 オブジェクトを想像する 光沢 vs つや消し 制作に役立つTips リアリティは繊細に オブジェクトを想像する リアリスティックなUIエレメントを設計する時には、そのオブジェクトが実世界でどのように見えるか想像する必要があります。それを実現する一番簡単な方法は、そのオブジェクトをモニターの横からどのように見えるか想像することです。 これは最近のウェブデザインでもよく見かける微妙な凸型のパネルで、その外周には小さいエッジを持っています。光源は上部にあり、
ウェブデザインをワンランクアップさせるデザインテクニック『奥行き』の使い方
あなたのウェブデザインをワンランクアップさせる『奥行き』を使いこなすための5つのデザインテクニックを紹介します。 Creating Depth in Web Design: 5 Design Tricks [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに リアリスティックなインターフェイス ラッピングとリボン 遠近法 オーバーラッピング シャドウ おわりに はじめに デザインに『奥行き』を与えると、ウェブサイトをユニークにし、ビジターに忘れがたい印象を与えることができます。それが抽象的な方法なものであっても、奥行きがリアリズムを与えます。グラフィックデザイン、ロゴ、ウェブデザインなどこういった付加的なリアリズムはあらゆるデザインにおいて、興味を引き起こすことができます。 また、奥行きを使うことで、特定のエレメントの強調をしたり、情報の正しい階層を作ることも可能です。フラッ
[CSS]divなど余計なものを使用しないで、レイアウトをセンターに配置するテクニック | コリス
「<div id="wrapper">」などのラッパーを使用しないで、レイアウトをセンターに配置するスタイルシートを紹介します。 デモページ ※スタイルにCSS3を使用しているため、この版はIE6には対応していません。後ほど紹介するシンプル版はIE6に対応しています。 「<div id="wrapper">」を使用しないでレイアウトをセンターに配置するスタイルシート 元記事ではスタディが段階ごとに紹介されていますが、ここではその最終段階を紹介します。 CSS：シンプル版 <!DOCTYPE html> <style> html{overflow: hidden; height: 100%; background: #c72;} body{overflow: auto; height: 100%; width: 600px; margin: 0 auto; /* center */ padd
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS3のtext-shadowを使ったテキスト装飾のサンプル集