WEBデザイナーのためのランディングページのリンク集。サイトからの離脱率を抑え、コンバージョン率を高めろ!
WEBデザイナーのためのランディングページのリンク集。サイトからの離脱率を抑え、コンバージョン率を高めろ!
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します!「jQueryってなんだ?」という人もコピペで実装できますよ!サンプルも用意したのでぜひご覧ください! ↑私が10年以上利用している会計ソフト! 追記:この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です!詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
最近改めて CSS の基本、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間違えて解釈していたなー ... っていうか、基本が分かってなかったんだなーと反省 ...。今回は CSS の基本中の基本、視覚整形モデルについてまとめてみました。 Webデザインをする上で、必須とも言えるのが CSS …。このブログ – Webデザインレシピでも、過去に CSS について書いた記事がいくつかあります。最近 … でもないけど、以下のふたつは CSS でのレイアウトについて、いろいろと書いた記事でした。 CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ – 2011年 6月17日 CSS:初心者の頃にハマったスタイルシートのあれこれ … IE7多め -2011年 4月21日 で
名探偵の代名詞、シャーロック・ホームズ。 全作品を合計すると60作品(長編4、短編56)にもなります。 文庫本にして9~10冊ですから、全部読み切るのはなかなか大変です。 原作の著作権はすでに切れていますので、英語のテキストは数多くのサイトで公開されていますが、 邦訳はほとんど著作権が残っており、インターネット上で自由に読める邦訳はごく一部に過ぎません。 このサイトでは、既存の著作権に抵触しないように、全ての作品を改めて原作から翻訳し直して公開しています。 初出誌のストランドマガジンに掲載されたシドニー・パジェットのイラストも、ほぼすべて掲載してありますので、パソコンや携帯から、存分に世紀の名探偵シャーロック・ホームズの魅力をお楽しみください。 Tweet
『リアルドールジャパン』は今年で開店8年目のラブドール・リアルドールのオンラインショップです。 オプションのご相談やご要望に、細やかに対応いたします。 【当店の基本方針】 1:有名メーカーの正規保証品(掲載していない商品も販売可能) 2:ご購入前に写真で確認可(対応できないメーカーもございます。) 3:ご購入頂いた際出荷前の生写真を共有 4:ご購入の前の相談は随時受け付けています。
2017年7月14日 便利ツール 久しぶりに自分がブックマークしているサイトを整理してみました。昔から変わらず愛し続けているWebサービスやチュートリアルサイトなど多数あったので一挙にご紹介します!有名どころからあまり知られていないけど便利なサイトまで、多数あるので時間のある時にじっくり見てみてください! ↑私が10年以上利用している会計ソフト! ブックマークしているサイト 目次 Webサービス デザイン関連 画像関連 CSS jQuery WordPress フォント スマートフォン 配色関連 HTML5 メルマガ Webサービス 1. Sendoid Sendoidは会員登録不要のファイル送信サービス。ファイルをアップロード後にURLが生成されます。パスワード設定可。 2. HTMLエンコードフォーム HTMLエンコードフォームは特殊記号などをエンコード・デコードしてくれるWebサービ
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
今日は、Webサイトを作ったらまずやるべきことのチェックリストを紹介しましょう。サイトは作るまでも大切だけど、作ってからのアクションも同じかそれ以上に大切。 すでにサイトを運営している人は、やってないものがないか確認してみましょう。 サイト運営日記をスタートする(変更点を日付と一緒にメモしていく)XMLサイトマップを作って更新内容が含まれるようにするGoogleウェブマスターツールにサイトを登録する → https://www.google.com/webmasters/sitemaps/XMLサイトマップを登録するURLのwwwあり/なしの統一を指定するサイトリンクの表示をチェックして調整(以降随時)Yahoo!サイトエクスプローラーにサイトを登録してXMLサイトマップを登録する → http://siteexplorer.search.yahoo.co.jp/live Webmaste
このブログ、Webデザインレシピのデザインをリニューアルしました。 この機会にデザインを勉強したことがない人でも、楽しくデザインをすることができるかもしれない、基本原則 4つをご紹介します。 この原則は「ノンデザイナーズ・デザインブック」著者 Robin Williams で詳しく解説されています。 古い本ですが、とっても素晴らしい本で今では新装増補版となって発行されているようです。 今回、このブログ – Webデザインレシピのデザインを、ガラッと変えてみました。これを機会にちょっとデザインの基本というか、デザインをするときにガイドとなる、4つの原則をおさらいしておきます。Webデザインに限らず、会社で提出する報告書や学生さんのレポート、レストランのメニューなど、ページと呼べるものには全部当てはまると思うので、Webサイトを作るとかじゃなくても、知っておいて損はないかもしれませんね。 せっ
手相講座 オンラインが気になるなら、こちらのウェブサイトをよくチェックしたほうがいいです。 そして、あなたがすぐ副業になる 手相オンライン講座を購入しようとしているなら、上のウェブサイトで、すぐ副業になる 手相オンライン講座を手に入れると一体何ができるようになるのかについて、十分に理解した上で購入することをおすすめします。 また、レビューや評価が紹介されているなら、それについてもよくチェックしましょう。 下記のすぐ副業になる 手相オンライン講座についての情報も役に立つかもしれません。 商品名:すぐ副業になる 手相オンライン講座 販売商品紹介:手相をゼロから学んで副業になる!覚えなくても始められる!基本となる丘・線の解説に加え、応用力がつく読み方や豊富な実例も紹介。特典動画ではさらに学びを活用し副業にしていくための方法も解説した有料鑑定をやるための情報に特化した手相講座です。 電子書籍価格:
※上の目次から各項目にジャンプできるようになっているので、時間のない方は興味のあるところだけでもご覧ください。 TEDとは? 繰り返しますが、TEDは堅い教材ではなく最高のエンターテイメントです。 TEDの魅力を3行でまとめると、 1.世界最先端で活躍するリーダー&スペシャリストたちの 2.磨きに磨かれた最高のプレゼンテーション(英語:3~20分)を 3.全部無料&日本語字幕付きで楽しむことができるサービス です。 そんなTEDを楽しくみ、更に英語力を磨くことができる便利サイト7つをお伝えします。何が便利で、私がどう活用したのかも合わせてご紹介します。 0.公式サイト 最初に公式サイトの使い方をお伝えします。Youtubeに似ているので、簡単に理解できます。3つの基本動作を覚えましょう。 (1)字幕を表示する 字幕を表示できれば海外の映画を見るようにTEDを楽しむことができます。こちらにア
NEW! 2020/04/07 「SEO一括見積もり」のサービスを終了致しました。 これまでのご利用、誠にありがとうございました。 2017/10/31 提供サービスの整理に伴い、「おしえて!SEOTOOLS」のサービスを終了致しました。 これまでのご利用、誠にありがとうございました。 2016/06/20 17日より発生しておりましたツールの解析スピードの低下を修正いたしました。ユーザの皆様にはご迷惑をおかけしてしまい、申し訳ございませんでした。 2016年04月 ツールの利便性アップのため、「SEOアクセス解析ツール」と「VERSUS」において、以下の項目を削除しました。 ・Yahoo!関連情報 ・トラフィックランキング ・カテゴリ登録状況 ・PRサービス利用状況 よりシンプルに洗練されたSEOアクセス解析ツールをご活用下さい。 2016/04/21 15日~18日の間で、サービス
マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか
業界人としてではなくて個人として 僕はいわゆるインターネット業界で働いていて、Webサービスを作っていたりするので、どうしてもWebサービスを見る時に、業界人目線で見てしまったりします。 つまり「この仕組みは素晴らしい」とか、「これはビジネス的にいけてるねえ」とかそういう感じで見ちゃうのですね。 そして、業界人として言及したいサービスなどをFacebookやTwitterで紹介してしまうということも多々ありました。すでに知られているサービスよりも新しいサービスを紹介しがちだったり、応援している人がやっているサービスなどを紹介しがちだったりします。 しかし、そんな業界目線をすっとばして、本当にユーザーとして素晴らしいと思ったサービスこそ紹介する価値があるんじゃないかなあ、という気持ちもあります。そこで、今回は、完全にユーザー目線として、ここ最近感動したサービスなどを紹介したいと思います。 コ
みなさま。こんにちは 世界一周から帰国して約3週間が経ちました @hiroki_tkg です。 今日はめっちゃ安い格安航空券の取り方について書きたいと思います。 世界一周でも単発の旅行でも、やはり旅費で一番高い割合を占めるのが、そう移動費なんです。 長距離移動の飛行機チケットは格安航空券でも、かなりの値段がします。 でも、やり方によってはかなり安くチケットを取る事も可能なんです。 時には、旅行代理店を通して買うより、半額以下の値段になる事も。。。 そんなわけで、今日は僕が旅中に見つけた、めっちゃ安い航空券を取れる素晴らしいサイトたちをご紹介します。 ①momondo momondo http://www.momondo.com/ momondoは、日本語・日本円非対応ですが、今まで見た数多の航空券のサイトの中でぶっちぎりに安いです。他のサイトを使っていた方は是非お試しあれ!でも欠点がないわ
インターネットの電子図書館、青空文庫へようこそ。 「青空文庫、新館準備中」 初めての方はまず「青空文庫早わかり」をご覧ください。 ファイル利用をお考えの方は、こちらをご一読ください。 「青空文庫収録ファイルを用いた朗読配信をお考えのみなさまへ」 メインエリア
TL;DR 受注前、制作フロー、安定収益源の保守方法まで「作って終わりにしない」Web 制作の一連の流れを記載しておきます。社内だけじゃなく、これから独立する人、フリーランスの方も必見です。 オリエンテーション/受注前 1.書類テンプレート一式 オリエンテーションにおけるヒアリングでは、後に作成する提案・見積書に必要となる質問を用意しておきます。自社の説明をする時は、せっかちなクライアントさんもいるので、だらだら話さず、ポイントを抑えてわかりやすく説明します。ヒアリングした後は、議事録にメモし社内共有。必要な書類(ヒアリングシート/企画書/提案書/業務委託書/見積書/契約書)など一式まとめてますので、書類系のテンプレートは以下で。 企画・提案・見積・納品・契約などのテンプレ・知識まとめ23 2.見積もりの目安と計算方法 例えば項目を作るとき1.項目/2.内容/3.設計(人日)/4.製造(人
先日アップしたエントリーでは、私が現在Evernoteと連携させているiPhoneアプリ、Webサービスをご紹介いたしました。 そこでふと気がついたのが、最近Evernoteのノートブック晒しをやっていないなと言うこと。 参考:参考になりすぎるEvernote活用例4 –@OZPAのノートブック晒し– | goryugo, addicted to Evernote 昨年の12月、@goryugo 氏のブログに寄稿させていただいたのが上の記事。 本格的にEvernoteを使い出した昨年5月からの7ヶ月間で、ノート数は2200程度でした。 で、それから4ヶ月。現段階での私のEvernoteノート数は4100ほど。 Evernoteにライフログを叩き込もう!と勢いごんでから、そのノート数は加速度的に増加しております。 この4100という数が多いのか少ないのかは皆様の判断に委ねるとして、現時点での
2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト! まずは色彩の三属性について 色は彩度・明度・色相の三属性(三要素とも呼ぶ)から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い=明るい色はさわやかで爽
副業で使えるWebサービス58選 ここ数年で一気に在宅ワークを始める人が増えてきていますね。 ひと昔前は、「副業=内職」など手作業のイメージが強かったのですが、今の時代はネットでできる副業が主流です。 今回は以下のようなジャンルに分けて解説していきます! クラウドソーシング ポイントサイト・ポイ活 シェアリング 代行系サービス アンケートモニター スキルマーケット ハンドメイドマーケット ネットショップサービス ライブ配信サイト メールレディ・チャットレディ デザイン系の副業サービス ストックフォト アフィリエイトサービス ネット懸賞サイト クラウドソーシング クラウドソーシングとは、オンライン上で仕事を受注することができるサービスで、以下のような仕事を受けることができます。 アンケート 口コミ投稿 データ入力 テープ起こし ブログの執筆代行 ロゴのデザイン YouTubeの動画編集 たく
Webデザインは、紙の上のデザインと違うところも多いと思います。でも同じデザインですから、歴史ある DTP デザインから学ぶことはいっぱいあります。デザインの基礎の基礎、レイアウトについて、デザインするときに気をつけたい基礎の部分の注意書きです。 毎日インターネットを見ていると、素敵なデザインの Webサイトに出会います。ときにはひと目惚れしちゃうようなこともあります。そんなデザインにあったとき、どうして素敵なのかなーと考えるのも勉強のうち。そう思って素敵なデザインはストックしておいて、自分なりにそのデザインが素敵な理由を考えてたりします。 デザインの理由 どうしてそういうデザインをしたのか … デザインには理由があります。気まぐれに色を選んだり、要素を配置したりしないからです。なので自分のデザインの理由、どうしてそういう風にしたのかということを、口で説明できないとダメだと言われます。もち
転職活動の答えは基本的に個々人の中にある。 そう考えるスタンスは変わらないが、それらをアウトプットする上で使えるサイトやサービスは活用した方がいい。 今日はガラにもなく流行りのまとめ記事でもやってみるか。 転職エージェントでも使う転職に役立つWebサイト11選 このWebサイトまとめは転職活動における下記5シーンでの利用を想定する。 1.履歴書・職務経歴書作成 2.業界研究 3.求人検索 4.面接テクニック 5.口コミ調査 1.履歴書・職務経歴書作成 リクルートエージェント|職務経歴書の書き方 応用編 職務経歴書の書き方 応用編|転職成功ガイド||転職のリクルートエージェント「転職に人間力を。」 結構深いところにあるから見つけにくいかも。 ここに行けばおよそあらゆる職種の完成度の高い職務経歴書サンプルが手に入る。 俺が以前公開した職務経歴書の具体例もベースはこのリクエーの職務経歴書だ。 職
HTMLタグ・スタイルシート・特殊文字等の早見表
新生活のことも、そろそろ考えだす時期になってきました。 一人暮らしの方は部屋のスペースが狭い分、部屋のレイアウトをうまくオシャレにしたいと悩んだりします。そこで今回は、観ているだけで楽しくて、しかも気付けば部屋のコーディネートの参考にもなっていた!とったWebサイトを25個ほどご紹介します。 お洒落な雑貨や家具がみつかるし、インテリアの実例(部屋に生活雑貨をどう配置するか)がのっているサイトもありますので、ぜひ参考にしてみてください。 一人暮らしのためのインテリアサイト 一人暮らしインテリアのジパング.com 一人暮らしインテリアのジパング.comは、ベッドの選び方からソファの選び方まで、一人暮らしの方のために詳細に説明されています。 実際に商品を探しながら、自分の部屋のレイアウトをイメージできるサイトです。さらに、このサイトから注文すると送料が無料というはラッキーですね。 → 一人暮らし
東京銀座有楽町新橋東京駅渋谷恵比寿新宿池袋六本木赤坂秋葉原上野浅草錦糸町品川吉祥寺北千住町田立川八王子銀座・新橋・有楽町東京・日本橋渋谷・恵比寿・代官山新宿・代々木・大久保池袋~高田馬場・早稲田原宿・表参道・青山六本木・麻布・広尾赤坂・永田町・溜池四ツ谷・市ヶ谷・飯田橋秋葉原・神田・水道橋上野・浅草・日暮里両国・錦糸町・小岩築地・湾岸・お台場浜松町・田町・品川大井・蒲田目黒・白金・五反田東急沿線京王・小田急沿線中野~西荻窪吉祥寺・三鷹・武蔵境西武沿線板橋・東武沿線大塚・巣鴨・駒込・赤羽千住・綾瀬・葛飾小金井・国分寺・国立調布・府中・狛江町田・稲城・多摩西東京市周辺立川市・八王子市周辺福生・青梅周辺伊豆諸島・小笠原
まとめのインテリア - デザイン雑貨とインテリアのまとめサイトです。
みんなが見てる人気のスマートフォン向けWebサイトデザイン
2017年6月30日 色彩 配色によってそのデザインの印象は大きく変わると思います。色は大切な要素のひとつですね!ということで、色の持つ印象別に配色アイデアをずらりと並べてみます。配色はおなじみ(?)のCOLOURloversから、「これは!」と思うものを選ばせて頂きました。素敵な配色がいっぱいのこのサイト、ぜひ覗いてみてください!また、今回紹介するのはあくまで一例ですので、自分なりにアレンジしてみるのも楽しいと思います。サイトの雰囲気にあう配色を探してみてください。 ↑私が10年以上利用している会計ソフト! 配色に関するおすすめサイト COLOURlovers 色をテーマにしたコミュニティサイト、COLOURlovers。自分の考えた配色を登録したり、お気に入りの配色を保存しておくことができます。今回はこちらから配色アイデアを選びました。iPhoneアプリは「ColorSchemer」と
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く