連載企画「理想の家探し・部屋作り」第2回のテーマは「引っ越し準備」です。引っ越し業者の選定、荷造り、搬入、各種届け出など、引っ越しの際にはさまざまな作業が発生します。限られた時間と予算の中で効率良く準備を進めるために、荷造りの適切なタイミングや引っ越し業者選びのコツ、面倒な手続きを手助けしてくれるサービスなどを押さえておきましょう。退去時にありがちなトラブルの対処法も紹介します。 ■ 引っ越しのスケジュールを確認しよう スムーズに引っ越し準備を進めるために、あらかじめ全体のスケジュールを確認しておきましょう。 ＜引っ越し準備のチェックリスト＞ ▽ 引越し準備「やることリスト」手続き・荷造り・引越し後の流れ10ステップ｜引っ越し見積もり･比較【SUUMO】 「SUUMO引越し見積もり」では、引っ越しの手順をまとめたチェックリストを公開しています。「引越し1～2週間前にやること」「引越し前日に

ウェブデザインの中の、バナーやサイドメニューを抜いた、文章のレイアウトパターンを展開してみました。基本はだいたいこんな感じだとおもうので、配置に困ったら試してみてください。

Private content!This content has been marked as private by the uploader.

こんにちは！みぞれ（@xxmiz0rexx）です。 たまに見かける「記事の内容を丸ごとコピーされた！」という嘆き。 「大変だなぁ…」なんて眺めていた私ですが、今回なんと記事の文章どころか、サイトが丸ごと不正コピーされる(URL以外で判別がつかない)というとんでもない被害に遭いましたので、私が行った対処法をまとめておきます。 経緯 事の始まりは10/21。 Googleの検索結果を見ていたら、わたしの運営するフリー写真素材サイト『GIRLY DROP』のタイトルの下に見知らぬURLがついてました。 「むむ…？」と思いクリックしてみると、そこにはうちのサイトがありました。 「？？？？」 さらに、表示されている写真をクリックして詳細ページを確認してみようと思いました。 カチッ 思いっきりイケナイ大人のWEBサイトが表示されたんですがこれは( ﾟдﾟ)ﾎﾟｶｰﾝ トップページ、写真のダウンロードペ

すごい！ 今回紹介するサービスは、フリーランスのぼくにとって、個人的に今年イチのサービスじゃないかと思ってます。 ぼくは案件に着手するとき、必ずクライアントさんと契約書をかわします。これは、自分の権利を主張するだけではなく、クライアントさんの権利も守るためです。制作中はもちろん、制作物を納品したあとも、悪意のない「認識のズレ」で傷つけ合うのは、絶対に避けたいからです。 でも、まわりをうかがうと、「契約書なんて使ってないよ」というフリーランスさんが、結構います。わりと大きく商売してる会社組織のウェブ屋さんでも、メールと口約束で制作に入っているところが多くて驚きます。 契約書をかわさない理由で、おそらく最も大きいのは、「法律関係がよくわからないから」というものではないでしょうか。 著者情報：この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今

こんにちは、デザイナーのハルエです。 イラストやパーツ、背景など、素材の作りこみが必要なときにフリーのベクター素材ってものすごく重宝しますよね。そのまま使うこともできますが、そこから自分なりのテイストに変えてデザインしちゃえばより良いものができるはず！　時間がないときなどにも凄く助かります。 今回は、高品質なベクター素材が無料でダウンロードできる厳選した8サイトをご紹介させていただきます。 独学でつまずいていませんか？ Webデザインの基礎を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGではWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。 詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください！ →スクールの魅力が分かる資料はこちら！（資料請求） 高品質なベクター素材の無料ダウン

クライアントさんに進行中のデザインを確認してもらうとき、どーしてます？ メールで画像を送る。確認してもらったあと、修正の要望をまたメールで返信してもらう。やっぱりこれが一番多いのかな。で、互いにうまく理解しあえない箇所は電話で詰めるという感じで。 本当は、クライアントさんもデザイナーさんも肩を並べて確認しあえたらベストなんですけどね。横で一緒にデザインを眺めながら、「ここをこういうふうに」「いやここはこういう意図があったもんで」なんて言い合いっこしながら進められれば、意思の疎通に苦しむことは、少なくなるでしょう。同じ箇所に対して、「ちょっとよくわかんないんだけど」とか、なんどもメールやメッセージのやりとりをすることからも解放されます。 でも、そんなに毎度顔を合わせた確認作業ができるわけなくて。クライアントさんも忙しいでしょう。もちろんボクも。そもそもネットと電話の回線だけで案件を進めるとい

こんにちは。デザイナーの佐藤タカアキ（@sato_tkaaki）です。 最近、愛犬を飼いはじめてから、早く家に帰りたい日々を送っています。 そのためには仕事の効率化が必要不可欠。今回は残業なしで帰るためのワークフローについて書きたいと思います。 さて、Webデザイナーの皆さんは普段どんなツールを利用していますか？ 好みによってさまざまかと思うのですが、DreamweaverはCreative Cloud 2015になって、マルチデバイス対応サイト制作に便利な機能がたくさん追加されたそうです。 そこで今回はAdobe Creative Cloudで使えるサービスを活かして、サイトの制作ワークフロー別に作業効率化を図る方法をまとめてみました！ 1. ワイヤーフレームをサクッと制作しよう 最近では便利なワイヤーフレーム作成ツールが増えてきましたが、それでもまだまだこんな風に面倒なことが多いですよ

内緒話で画像を探したら、この田中みなみもどきの女性の写真が出てきたので使っておきます。 リンク否認は積極的に ちょっとこのネタを書くか迷ったのですが、ちょうどペンギンアップデートもあり、 ペンギンアップデート3.0更新はまだ継続中、リンクの否認はペンギン以外のアルゴリズムも使う | 海外SEO情報ブログ ↑有名なブログでこんな記事も出ていたので、書こうと思います。 自社だけで対策させていただいた場合には、大量のリンクをチェックして否認して…。というケースはないのですが、 お客様によっては、「いろんな会社を使ってきたので、リンクが10,000URLくらいある」という方も過去にいらっしゃいました。 そんな状態で放置する訳には行かないので、当然否認の対応をしてきました。 明確にGoogleからメッセージが来ていたケースでご相談いただくこともあったので、ペナルティ解除の対応もさせていただいたことも

36,087views／投稿 2015-08-16／更新 2019-02-17 ［この問題はiOS9から解消されてます。］ iOSのSafariで、:hoverに事件が起きています。 CSSでaタグに:hoverで何かの変化を施してある場合は、そのマウスオーバー変化が１クリック換算で止まってしまい、リンク先に飛ばない確率が高い感じです。要は２回クリックしないとハイパーリンク先にページ遷移しないです。iOS 8.4.1のiPhoneやiPadなどタッチデバイスでの話です。 １回タップ（a:hover描画処理のみで止まる） ２回タップ（やっとリンク先に飛ぶ） テキストリンク系は大丈夫ですが、「画像の透かし」や「お申込はこちら」的なボタン装飾も該当していそうです。 ［追記］サンプルページを作りました。iOSデバイスで確認してみてください。Chromeもどうやら対象のようです。 :hover事件の

パクリサイトが使っているレンタルサーバー会社に対して、実際にプロバイダ責任制限法に基いた削除申請を出してみたので書きます。これまでの経緯については下の記事を参照してください。 既に DMCA で Google / Bing への削除申請は行ってますが、自動で記事が増えるのが嫌なので行いました。 申請に必要なもの プロバイダ責任制限法は発信者情報開示や名誉棄損・プライバシー関係などいくつか分かれていますが、今回は著作権関係送信防止措置手続というのを行いました。とてもめんどくさい話なのに、丁寧に教えていただいたレンタルサーバー会社のサポート担当の方に感謝しています。 TOP | プロバイダ責任制限法関連情報Webサイト 著作権関係送信防止措置手続を行うにあたって必要な書類は以下のような感じです。 著作物等の送信を防止する措置の申出について 印鑑証明書（発行日から 3 か月以内、コピー可） 問題

当ブログではちょくちょくSVGについて書いていました。 （といっても、ほぼ月一更新なので、前に書いたのは1年くらい前かもしれませんが……） みなさま使ってらっしゃいますでしょうか？ 今回は「ほんのちょっと高度なSVGスプライトの使い方」と銘打って、『グラフィックのモジュール化』を行うための基礎的な考え方と方法をお伝えします。 ロゴにこそ、使ってみようSVGスプライト このブログでもロゴ（というレベルのクオリティではありませんが…）をSVGで表示させています。 また、お気付きの方もいらっしゃるかと思いますが、このトピックス「Web Resource」とその他のトピックスでは使用しているロゴの形状が異なっています。 しかし、これらはすべて「一つのSVGスプライトファイル」の中の「同一データ」です。 アイコン等をひとまとめにして、httpリクエストをみだりに増やさず、かつ非常に軽量（これだけのグ

各ユーザーのフォロワーとリツイート（RT）した時刻をもとに、どのユーザーの投稿をきっかけにしてツイートやURLが拡散したかを推定し、経路を特定。拡散のハブとなった「インフルエンサー」が分かる。 自分の投稿がどう広まったか調べるには、Twitterアカウントを認証した上で、調べたいツイートを選べばOK。URLの拡散を調べる場合は、フォームに入力するだけで経路を確認できる。

1年以上前に、私は最初の 12 Little-known CSS Facts（あまり知られていないCSSの12の事実） を発表しました。SitePointで最も人気の高い記事となりました。この記事を書いた後も、私はCSSのアドバイスやちょっとした情報の収集を続けました。だって、大ヒット映画も必ず続編を制作するじゃないですか。 注釈 SitePoint/ Natalia Balska によるイラスト それでは、早速今年も開発のヒントになる12の事実について話しましょう。もちろん、中にはもうすでにご存じのこともあると思いますが、この中で初めて知ったという事実がありましたら、コメントでお知らせください。 1. border-radius プロパティに”スラッシュ”シンタックスを使用できる事実 このプロパティについてはSitePointに4年以上 前に書いた のですが、この機能が存在することを、未

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

どうもですよ、はやちですよ(`⊙ω⊙´)ｶｯ!! ここ最近NikonのD5500と三脚を買ってしまいまして、写真を撮るのが楽しい日々を過ごしています( ˇωˇ ) これは脱インドアかな！！！✌=(´ʘ‿ʘ｀)=✌ 夏にはコミックマーケットがあるので、カメラの練習としてバシバシ撮っていこうと思います( ˇωˇ ) そんなことはどうでもいいですね。 今回はPHPが分からなくても簡単にWordPressでオリジナルソーシャルボタンを配置できる方法をご紹介します( ˇωˇ)☝ デザインを用意しよう 組み込む前にデザインを作っちゃいましょう( ˇωˇ)☝ HTML 組み込む前なので、まだaタグには何も入れずに用意します。 <ul class="social"> <li class="fa"><a href="#"><i class="icon-fa"></i></a></li> <li class=

先日の記事「フォントサイズの指定方法（翻訳版）」で、CSSの比較的新しい単位「ビューポートの単位(Viewport Units)」について触れました。この単位「vw, vh, vmin, vmax」はブラウザのビューポートのサイズに基づくもので、これらの単位で指定した実際の大きさはビューポートの大きさによって変化するため、レスポンシブデザインにあった単位と言えるでしょう。 これらの単位を使うことは「フォントサイズの指定方法」でフォントサイズに使うことを反対しましたが、レイアウトでは非常に役立つ単位です。 Viewport vs. Percentage Units 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 ビューポートの単位(Viewport Units)とは 要素を幅いっぱいに指定 (% > vw) 要素を高さいっぱいに指定 (

Web サイトを常時 SSL 化する場合に、最低限知っておかなければならない知識や、注意点、実際の設定方法まで、ひと通りまとめてみました。メリットやデメリット、証明書の種別からリダイレクト設定などについても解説しています。 HTTPS をランキングシグナルに使用しますと Google が公式に発表したあたりから、Web サイトの SSL 対応、特に Google が推奨している Web サイトをすべて HTTPS で配信する、所謂 「常時 SSL 化」 についての話を聞いたり、実際にお客様から相談されたりするケースが増えてきました。 そこで、いい機会だしその辺に関する情報をまとめておこうかな～ と思って書いてみた、恒例の （？） 5分でわかるシリーズ。書き終わって見たところ絶対に 5分じゃ無理っていう文章量になっててどうしようかなぁとも思ったんですが、気にせず公開してみます。 常時 SSL

Webサイトの制作料。機能、デザイン、コンテンツ、ページ数によって大きく異なることは容易に想像できますが、一般的な中小企業がデザインを頼むとしたらいくらかかるのでしょうか？ チラシのデザイン料を調べた前回に引き続き、実際に料金表を公開されているデザイナーやウェブ制作会社を検索してみて、フリーランスやSOHOの方を中心に100社ほどまとめてみました。今回も、会社名とURL、料金表部分のスクリーンショットを掲載しています。 ウェブ制作のお仕事で独立・開業したばかりの方や、する予定の方にとっても、いくらチャージすればよいのかを考える際の参考になれば幸いです。 追記：現在、広告用バナー、LP（ランディングページ）、アプリ用アイコンなどの制作料金についても調べています。興味がある方は、公開時にお知らせが届きますので、もし良かったら読者登録していただけますと幸いです。 アルファーム http://al