デザイン制作を助けてくれる国内外の素材サイトまとめ - NxWorld
見つけてはメモしていたものがかなり増えてきて自分用に整理したのでシェアします。 ベクター・ラスター・テクスチャ・パターン・アイコン・フォント・モックアップなど、デザイン制作をする際に便利な素材を配布しているサイトの一覧です。 中には条件付きで使用可能とか商用利用時は有償という素材が中心に配布されているところもありはしますが、紹介しているのは基本的にフリーで使用できるものが中心または多く配布されているサイトになります。 以下はいずれも五十音 → アルファベット → 数字の順で紹介しています。 また、下記目次に属する国内の素材サイトについては多くが「禁止事項を守れば個人・商用問わず利用可能で、クレジット表記や報告等も不要」になるので、基本的にそのようなライセンスに関する情報は別途記載しているもの以外は省略しています。 国内 - 全般・ベクター・ラスター 国内 - テクスチャ・パターン 国内 -
インバウンド担当者のためのインバウンドニュースサイト
2024年に始めたい“飲食店のインバウンド対策”を徹底解説成功のポイントと具体的な施策をご紹介！【12/13無料オンライン】
【コピペOK！】めっちゃ秘密にしたかったけどCSSで文字を震えさせる方法を大公開するよ！ - にーとのかがみ。
どうも、沖縄在住ニートブロガーのケンヂ（@neetblogman）です。 実は最近、僕のブログで使用しているとある機能について問い合わせを受けることがちょくちょく出てきました。 まぁ既にタイトルにも記載しているんですが、文字が震える機能のことです。 これとか！ これね！！！ この機能が僕のブログに独自性を持たせていたともいえるため、この方法を周りのブロガーに紹介してしまうと僕の存在が消えてしまうのではないかという恐れがありますが、今回はそこについて気にしない方向で行きたいと思います。 何故なら、一度はIT業界に携わった身ですからアウトプットの大切さを僕は知っているのです。アウトプットがあるから新たなインプットが生まれる、これの繰り返して人間という生き物は成長していくのですよ。 というわけで！！誰でもサクッと簡単に使うための方法を教えちゃうよ―(‘ω‘ ) CSSなどの導入方法はこちらのペー
WEB制作向けブラウザ「Blisk」を使った瞬間、恋に落ちた
それで、「そんなにいいのかな？」と半信半疑でインストールして、使ってみた瞬間、惚れました。 プログラミングをする人にとって、Sublime Textは、「恋に落ちるエディター」とよく言われていますけど、WEB開発者にとってBliskは「恋に落ちるブラウザ」といっても過言はないのではないかと思います。 以下では、そう思うに至った理由について述べたいと思います。 この記事は、2016年7月9日に書いたものです。2016年11月1日にversion 1.0.125.166が出たことにより、機能の一部が有償プランに加入しないと利用できなくなりました。ですので、無料で利用する場合は、30分で機能制限がかかったりするようになったのでご了承ください。 Blisk（ブリスク）とは Bliskは、WEB制作者がサイトの動作確認をする上で、便利な機能がデフォルトで備わっているWEBブラウザです。 現在は、Wi
ブロガー・Web関係者必見！モバイルとPC同時に閲覧できる超便利ブラウザ「Blisk」の存在を君はまだ知らない - Brian'z Imagination
レスポンシブデザインが流行してきているとはいえ、こんなことをしているはてなブロガーさんやWebデザイナーさんは後を絶たない。 PCでいちいちブラウザの幅を変えながらデザインを確認している わざわざUserAgent Switcherでユーザーエージェントを切り替えて表示を変えている 横にiPhoneやAndroidの実機を置いて表示を確認している そもそもモバイルを意識していない(論外) そんなWebデザインにかかわるすべてのひとに紹介したいのが、「Blisk」という超絶便利なニューカマー・ブラウザだ。いままで「え？こういうブラウザっていままでなかったの？」と不思議に思ってしまうくらい、発想はシンプルだが革新的なブラウザだ。まだベータ版であることやこれまでWindowsでしか公開されていなかったので紹介するのを戸惑っていたけれど、いよいよMac版もリリースしたので、堂々紹介していきたい*1
3分でブログ初心者を卒業できる14個のテクニック - 今日はこれを証明しようと思う。
2016 - 03 - 06 3分でブログ初心者を卒業できる14個のテクニック 私は無料相談や初心者向けブロガーのサロン運営などで 今まで50人以上の初心者ブロガーの相談にのってきました。 こんな記事も書かせていただきました。 この経験から、誰でも簡単にできる「ブログ初心者を卒業できる14個のテクニック」を紹介します。 アドセンス編 アドセンス配置は上・中・下 アドセンスのサイズはレクタングル大が基本 シェアボタンの上にアドセンスを配置 記事作成編 最後に謎の空行を残さない 見出しを<h>タグを使って設定する カテゴリー分けをする パンくずリストを作成する 関連記事を表示＆内部リンクを強化 モチベーション編 ブロガーに会いに行く 友達をブロガーにしちゃう サロンにはいる ブログを収益化する keitaに会ってみよう keitaの無料メルマガを登録しよう アドセンス編 アドセンス配置は上・中
必ず読んでおきたい！はてなブログをカスタマイズする際に超参考になる記事まとめ - hacogaki
この記事は随時更新しております 独自ドメインの登録・設定方法を追加（2017/8/6） おはばんにちわ、みやび（@miyabi_941）です。 このはてなブログもそれなりにカスタマイズしてきましたが、カスタマイズする際に多くの先人はてなブロガー様の知恵をお借りしています。 今回はそんな先人様に感謝の意も込めつつ、はてなブログカスタマイズの超参考になる記事をまとめました。 部分別でまとめているので、自分がカスタムしたい箇所から記事を探してみてください。 もくじ もくじ 初期設定 最低限やっておくべきこと ヘッダー部分 グローバルナビゲーション ヘッダー画像 サイドバー部分 サイドバーにバナー画像を設置 サイドバーにTwitterウィジェット（タイムライン）を設置 サイドバーにFacebookのLikeBoxを設置 サイドバーにAmazonのランキングを設置 はてなブックマーク人気エントリーを
収益が月39万を越えたので、ブログで稼ぐポイントをガチで解説するよ - やぎろぐ
2016 - 01 - 01 収益が月39万を越えたので、ブログで稼ぐポイントをガチで解説するよ ブログ運営報告 ブログ-ブログノウハウ スポンサーリンク Tweet あけましておめでとうございます！ ブログに力を入れると決めて全力疾走した2015年が終わりました。 当初は月10万稼ぐということを目標に頑張って来ました。 そうすると12月はなんと月39万円という収益を上げることができました。 先日もブログ運営のまとめ記事を書いたのですが、さらにまとめておきたいことが沢山出てきたのでまとめておこうと思います。 これでもかと言うほどノウハウを詰め込んだので、時間のある時に読んでいただければ幸いです。 「ブログで稼ぎたい！」という方の参考になれば。 2015年12月のブログアクセス数 ブログを始めてからこれまでの記事数とアクセス数の推移 1.書いた記事は1~2ヶ月後にPVを稼ぎ始める 2.検索流
はてなブログで404をカスタマイズする方法！ブログのアクセスアップ術 - wepli.2
皆さんは404ページをカスタマイズしていますか？Googleの『検索エンジン最適化スターターガイド（以下、『SEOスターターガイド』と書きます）』にも書いてある通り、どうやら404ページもカスタマイズして、より便利な404ページにした方がブログのアクセスアップにも効果があるようです。本日は、そんな目立たないけど、ちょっと重要な404ページのカスタマイズ方法を解説したいと思います。 解説と言ってもほぼコピペでできますので、僕のようにコードに弱いブロガーさんは必見ですぞ。ちなみに初心者ブロガーさんのために念のためご説明しておきますが、404ページってのはこんな感じのヤツです↓ ⇒ 当ブログの404ページ 404ページカスタマイズのSEO的な効果 404ページのポイント！ はてなブログで404ページをカスタマイズする方法 『攻めは飛車角銀桂守りは金銀三枚』さんの記事 『色々虎威 ゆるり』さんの記
10歳のこどもから学んだユーザビリティ向上のポイント
2015年9月8日 ユーザビリティ 夏休みの後半、原稿用紙15枚の自由研究に苦しめられていた姪っ子（10歳）を「楽しそうだな〜」と手伝っていました。そんな時「私も久しぶりに自由研究したい！」と思い、ちびっこが家にいることですし、最近のちびっこがWebサイトをどのように利用しているのか研究してみることにしました。という事で今回の記事は自由研究風に進めようと思います！ ↑私が10年以上利用している会計ソフト！ 調べたいこと 認知度の高いWebサイトを、小学生がどのように利用するのかを観察し、こども向けのWebサイトに必要なもの、Webサイトを制作するうえで注意すべき点を調べます。 予想 難しい漢字は読めないので読みとばす イラストやキャラクターなど、可愛いものに興味を示す 明るい色彩のサイトに興味を示す まだ習っていない漢字や難しい表現は読み飛ばし、自分の理解できるもののみにフォーカスしていく
売れるネット広告社が実践している「縦長LP」の構造 4つのエッセンスと7段階アプローチ
ECzine Day（イーシージン・デイ）とは、ECzineが主催するカンファレンス型のイベントです。変化の激しいEC業界、この日にリアルな場にお越しいただくことで、トレンドやトピックスを効率的に短時間で網羅する機会としていただければ幸いです。
【はてなブログ】ちゃんとスマホ対応しないとお客さん素通りしていくぞ！ - きりんの自由研究
きりんの自由研究ではブログを使って何かしたいと思っている人のために、ブログ運営してて気づいたTIPSも公開していきます。 その中でも今回は、はてなブログのスマホ対応について書きます。 はてなブログを使っている人は、バズった時お客さんが素通りしていくので、ちゃんとスマホ対応しておかないとヤバいです。 はてなブックマーク発で記事がバズるとほとんどモバイル経由になる これはある日のこのブログのGoogle Analyticsのリアルタイム状況です。注目すべきは丸で囲んでいる所。PC/モバイル比率と、アクセス元です。Gnousy/smartnews経由の流入がメインになり、携帯電話比率がPCを超えます。 最近いくつか、はてブ経由での流入を狙った記事を幾つか書いています。これとか↓ この時は男女共に興味のあるテーマだったので、Smartnews/Gnousyから同時に大きく取り扱われました。 リアル
ぱくたそ - フリー写真素材・無料ダウンロード
無料の写真素材・AI画像素材「ぱくたそ」 会員登録不要、ダウンロード制限なし。高品質のフリー素材を手軽に。
リスク不要？！素人でもLINEスタンプで年60万円の副収入を得る方法 | ミナクル
LINEスタンプの作成は手順さえ理解していれば誰でもできます。それで副収入を貰えたら嬉しいですよね。 私が日々の仕事をしながら片手間で作ったLINEスタンプは毎月5万円/月の入金があります。もしこのまま12ヵ月間続いたとすると5万円/月×12ヵ月＝60万円/年です。 さらに私はデザイナーではありません。フォトショップも少し触れる程度です。なので、スタンプはデザイナーに数万円で作って貰いました。 ちなみに私のスタンプは以下の2つです。 ①「博多っ子のKIKOちゃん」（￥100） https://store.line.me/stickershop/product/1005211/ja ②「赤ちゃんエブリデイ」（￥100） https://store.line.me/stickershop/product/1005758/ja 私がLINEスタンプで稼げるようになったすべてのノウハウをお伝
PCからスマホサイト確認する方法 - MEMOGRAPHIX
PCからスマホサイト確認できるっていうの、意外と知らない人いるので方法を書いておきます。普段からWebデザインしている人は普通に知っていると思います。 1. Chromeでページのどこかで右クリック -> 「要素の検証」を押す2. 下からデベロッパーツール的なのが出てくる 3. スマホっぽいボタンを押すと「Emulation」タブが開くので検証したいモデルを選択する ↑どうでもいいけどbodyのclassが変になってることに気づいた。 4. それっぽい画面になる 以上スクリーンショットはMacですがWindowsでも同じ方法でいけます。 なぜ確認したほうがいいか自分のサイトかブログなど持っている人で、かつスマートフォンから確認できる環境が無い人は、是非やってみてほしい。世間一般的に、スマートフォンからのアクセスはもう無視できない割合になってきていて、スマホからどういうふうに見えているか知ら
クリエイティブコモンズ｜商用利用でトラブルを避ける全知識
「クリエイティブ・コモンズ」という言葉をどこかで聞いたことがあっても、「クリエイティブ・コモンズの表記がある画像であれば、勝手に使っていいのか」「商用利用してトラブルになったりしないか」と、判断が迷うことがあるかと思います。 今回は、「画像の利用」の場合に絞って、クリエイティブ・コモンズを商用するための知識を図解しつつ、クリエイティブ・コモンズ・ライセンスを利用するための注意点を洗い出しました。 また、最後に、商用可能なクリエイティブ・コモンズ・ライセンス下の無料画像が見つかるサイトもまとめて紹介いたします。 【商用利用もOK！】無料(フリー)写真素材を上手に見つける方法・サイト厳選7選 クリエイティブ・コモンズ商用利用チェッククリエイティブ・コモンズ・ライセンスは下記のように分類されます。 使用したいと思っている画像についているライセンス（マーク）を確認してから、その画像を使用しましょう
商用・非商用を問わず完全フリーで使えるハイクオリティな画像検索サイト「Pixabay」
デザインの仕事をしていたり、フリーペーパーやポスターを作る時にも、無料で自由に使える写真やイラストは重宝します。一定条件の下で作品を自由に使えるCCライセンスの画像も有用なのですが、商用利用やクレジット表記・リンクの可否など制限があり使いづらいことも。そんな時に便利なのが、知的財産権が誰にも帰属しないパブリックドメインの画像を検索閲覧・ダウンロードできる「Pixabay」であり、CCライセンスのように細かい点を気にすることなく自由に画像を使用できます。 Pixabay - パブリックドメイン画像 http://pixabay.com/ テキストボックスに単語を入れて検索ボタンを押すと…… こんな感じでずらっと写真やイラストが並びます。画像は新着順の他、人気順でも表示することが可能。 気になる画像をクリックすると…… 詳細ページへと飛びます。 撮られた日時や使用されたカメラの種類などと共に、
画像の一部をズームアップできるjQueryプラグイン「jqZoom」
画像の一部をズームアップできるjQueryプラグイン「jqZoom」を紹介します。 jqZoom １．概要 Amazonをはじめとする、オンラインショッピングサイトですっかり定着した機能として、画像のズームアップがあります。商品の質感やディテールなど、念入りに確認したいときに大変重宝します。 本エントリーで紹介するプラグインを利用すれば簡単に設置することができます。 画像ズームアップのプラグインはいくつか出回っているようですが、元画像を単に拡大するものが多く、商品の質感やディテールを見せるものとしては実用的ではありません。 その中でjqZoomプラグインは、元画像と別にズームアップ用の大きな画像を用意できるので使い勝手がいいと思います。また豊富なオプションも用意されています。 ２．サンプル サンプルを作りました。 もっともシンプルなサンプル サムネイルで切り替えられるサンプル ということで
人気ブログから学ぶAdsenseの効果的な配置
Adsenseで指標となる３つの数値 まずAdsenseを導入すると頻繁に使われる基本的な３つの指数のおさらいをしよう。 CTR / 広告の表示回数からクリックされた数の割合を示す数値。 CPC / １クリックあたりの収益。 RTM / ページが１０００回表示された時に得られる見積り金額。 Adsenseを設置するにあたり効果が出る配置 では本題のAdsenseを配置するにあって今回は人気ブログサイトでよく使われる２カラムと３カラムのレイアウトを紹介する。 個人ブログなどでよく見られる２カラムレイアウトの場合 個人ブログなどではこの２カラムの配置が定番。この図を見て「たしかに良く見る」と思われる方も多いと思う。タイトル下のレクタングルは個人的にはあまり好みではないがいろんなサイトが導入しているという点でいうとCTRが高いのかもしれない。 情報量の多いサイトでよく見られる３カラムレイアウトの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
最新動画PARK
