knagaharuのブックマーク (121)

  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
    knagaharu
    knagaharu 2015/08/21
  • quusookagaku.com - quusookagaku リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    quusookagaku.com - quusookagaku リソースおよび情報
    knagaharu
    knagaharu 2015/08/05
    jQuery, webサービス, アプリなどなど
  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
    knagaharu
    knagaharu 2015/07/26
  • 他人事じゃない!WEBサイトに対する10の攻撃パターンと対策方法まとめ | CodeCampus

    他人事じゃない!WEBサイトに対する10の攻撃パターンと対策方法まとめ更新日: 2017年5月22日公開日: 2015年7月22日 Web 制作初心者にとって、web デザインやサイト構成など考えることがたくさんある中で、さらに追い打ちをかけるように「セキュリティ」に関しても一応の知識が求められます。「Web サイトといってもブログだから大丈夫」「簡単な商品紹介のサイトだから大丈夫」と安易に思っていると、知らない間に自分の作ったサイトが誰かに作り変えられて、知らない間に加害者になっているという事例もあります。 せっかく一所懸命作るサイトを悪意ある人に邪魔されないためにも、基的なセキュリティー対策を講じておく方が賢明と考えられますよ。 Web サイトとセキュリティ 引用:Symantec’s 2015 Internet Security Threat Report 2015年に入って世界の

    他人事じゃない!WEBサイトに対する10の攻撃パターンと対策方法まとめ | CodeCampus
    knagaharu
    knagaharu 2015/07/23
  • jQueryを使ったスライダーの作り方とその仕組み

    Webサイトでは必ずと言っていいほどよく見かけるスライダーUIですが、どういった仕組みで動いているか知っていますか? いまや便利で高機能なjQueryプラグインがたくさんあるため、わざわざイチから作る機会は少ないと思います。しかし、仕組みを知っておけばプラグインで対応できない場合に作ることができますし、プラグインをカスタマイズして実装することもできるようになります。 自分で作ることができるようになると仕様をプラグインに縛られることがなくなるため、わがままな要求にも応えられるようになります。なにより自分で作って動いてるものを見ると楽しいこと間違いなしです。 そういったものでバグが見つかったときの焦り具合も尋常じゃありませんが。 ということで、スライダーの作り方と仕組みを初心者向けに解説していきたいと思います。 (ここでいう初心者とはHTMLCSS・jQueryの基がわかる程度です) ※I

    jQueryを使ったスライダーの作り方とその仕組み
    knagaharu
    knagaharu 2015/07/23
  • 感覚で作るクリエイターはもういらない――新しいアドクリエイティブの方法論

    今日、加速していくアドテクノロジーの進化と次々と登場する新しいメディアに合わせて、さまざまなクリエイティブの表現手法も研究されています。その中でも特に注目されているのが、プランナーとデザイナーを融合したポジションで活躍できるアドクリエイターです。ユーザーの属性、感情の変化を想定して緻密な表現設計ができるクリエイターといってもいいでしょう。 このようなスキルが市場で求められるようになったのは、下記のような理由があるからです。 関連記事 訪問客の7割が購入する「ネット流」ショールームの作り方 ネット限定販売のブランドがリアルに店舗を展開する事例が国内外で見られるようになっている。その中でも興味深いのは、オフィス内に併設されるショールーム型ストア。注目の事例を紹介する。 セブン&アイ初のネットスーパー専用店舗にクラウドサービスを導入 伊藤忠テクノソリューションズとセブン&アイは2015年6月8日

    感覚で作るクリエイターはもういらない――新しいアドクリエイティブの方法論
    knagaharu
    knagaharu 2015/07/21
  • WEBサイトのコンバージョン改善に役立つ必須の無料分析ツール7選

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEBマーケティングでは、全てのデータを数字という最も具体的な形で計測することができる。 そして、その数字をもとに地道な分析と改善を繰り返すことで最終的に大きな結果へと繋がる。 しかし、WEBサイトのパフォーマンス改善や、ランディングページのコンバージョン率UPに役立つデータを得る方法を知らないという方は意外なほど多い。 そこで、日は私自身も使っていて、効果を実感している7つの無料分析ツールをご紹介する。 これらのツールを使うことで、あなたは喉から手が出るほど欲しかった貴重なデータを得ることができる。そして、そのデータをもとに、改善していくことで大きな結果を出すことができるようになる。 1.User Heat User Heat 登録ペ

    WEBサイトのコンバージョン改善に役立つ必須の無料分析ツール7選
    knagaharu
    knagaharu 2015/07/19
  • 3ヶ月で検索上位を独占するために、注意すべきSEOキーワード対策20の視点

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. SEOキーワードマーケティングは、ソーシャルメディアの台頭してから、その効果を軽視されることが多くなった。 しかし、SEOから集まるアクセスは、「目的意識」の高い人なので、ソーシャル経由のアクセスと比べて、高いコンバージョンが生まれる。 従って、ソーシャルメディア対策だけではなく、検索エンジン対策にも力を入れることによって、より大きな結果を出すことができるようになる。 幸いなことに当ブログは、立ち上げてから2ヶ月目あたりから、「キャッチコピー」などの単一キーワードや、「Wordpress ブログ」などの複合キーワードなど、検索数の多いキーワードで、検索上位に表示されるようになってきた。 そこで、今回は私がSEOキーワードマーケティングを行

    3ヶ月で検索上位を独占するために、注意すべきSEOキーワード対策20の視点
    knagaharu
    knagaharu 2015/07/19
  • ブログを作ったら最初にチェックすべきブログSEOの12のポイント

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. 突然だが、あなたのブログはしっかりとSEO対策を施しているだろうか? SEOと言うと、被リンクや、キーワードのみに目が言ってしまいがちだが、その前に、あなたのブログがSEOに最適化された構造になっているかという点が非常に大事だ。 なぜなら、ブログをSEOに適した構造にすることで、より検索エンジンに評価されやすくなり、リンクの獲得戦略やキーワードの最適化から、最大の効果を得られるようになるからだ。 そこで、日は、ブログを作ったら最初にやっておきべきブログSEOの12の設定項目をご紹介する。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PV

    ブログを作ったら最初にチェックすべきブログSEOの12のポイント
    knagaharu
    knagaharu 2015/07/19
  • フォーク曲げについてです。フォークの先端の一本を横に曲げたり、フォークの先端の一本をねじったり、首の部分をねじったり、柄の部分... - Yahoo!知恵袋

    使用するのは100円ショップのフォークです。 ・首の部分をねじる まず、フォークの首の部分を90°まで曲げる。曲げるのもねじるのも、テコの原理。次に、曲がったフォークの先端の部分を左手の人差し指,中指,薬指(左利きの場合は右手)で包み込むように握り、親指で表面をおさえる。 力を入れてしっかりと支える。この状態でフォークの柄の全体を右手(左利きの場合は逆)でしっかりと握り、思い切り下に引くようなイメージでねじる。そして最後に90°に曲がった部分を元にもどす。 すでにねじれているこの状態のフォークを、手の中で起用に動かして見せると、まるでフォークがひとりでに動き出してねじれたように見える。 ・先端の1をねじる ねじるのは先端の4のうち、真ん中の2のどちらか。(両端の2は固い) まず、ねじる1だけを根元から外側に90°まで曲げる。次に、この1の真ん中あたりをさらに90°まで曲げる。(

    フォーク曲げについてです。フォークの先端の一本を横に曲げたり、フォークの先端の一本をねじったり、首の部分をねじったり、柄の部分... - Yahoo!知恵袋
    knagaharu
    knagaharu 2015/07/18
  • 時間は流れてはいない。止まった状態で現在・過去・未来が同時に存在している。「スポットライト理論」(米研究) : カラパイア

    時間は人間の感覚から独立して実在するのか、それとも実在しないのか?時間に関しての概念は実に興味深く多くの研究者たちを魅了している。 マサチューセッツ工科大学の哲学助教授、ブラッド・スコウ博士は、時間は流れていない。むしろ止まっていると考えている。 相対性理論をもとにすると、「現在・過去・未来は同じ時空間に広がっていて、それが散在しているといる状態にある。なので、流れるという表現は間違いだ」。ということのようだ。

    時間は流れてはいない。止まった状態で現在・過去・未来が同時に存在している。「スポットライト理論」(米研究) : カラパイア
    knagaharu
    knagaharu 2015/07/16
  • わたしたちは何を見ているのか――写真とサイエンス 視野を拡張するビジュアル表現/SYNAPSE Lab. - SYNODOS

    SYNODOSとSYNAPSEのコラボ連載の第3回です。 SYNAPSEは様々な異分野と出会うことでサイエンスの情報が流れる新しい回路を構築することをその設立の目的としています。そのため、前回のレポートのように主体となってイベントを開催するだけでなく、他のメディアとコラボして科学にまつわるイベントを開催することもあります。 このことで、SYNAPSEだけでは届けることが出来ない層まで私たちの考えを届けることができます。そこで、今回は他メディアとSYNAPSEがコラボしたイベントをレポートしたいと思います。 Living with Photographyをテーマに、 様々なフォトグラファーによる展覧会の紹介や、写真のあるライフスタイルの提案など、写真にまつわる情報を幅広く発信するIMA CONCEPT STOREにおいて、SYNAPSE Lab. メンバーである塚田有那が中心となって、連続ト

    わたしたちは何を見ているのか――写真とサイエンス 視野を拡張するビジュアル表現/SYNAPSE Lab. - SYNODOS
    knagaharu
    knagaharu 2015/07/14
  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
    knagaharu
    knagaharu 2015/07/14
  • [保存版] ITリテラシーが高くない地方の経営者に強く強くおすすめしたい!最新デジタルツールまとめ|まだ仮想通貨持ってないの?

    高知に来てから、地元の経営者の方々に「こんなサービスあるんですよ〜」と話す機会が増えてます。地域のITリテラシー向上も兼ねて、ブログでも紹介しておきます。保存版記事ということで、随時更新していこうかと。 1枚ペラのウェブサイトを簡単に作れる「ペライチ」 スマートフォンに対応した「1枚ペラ」の簡潔なホームページを、超カンタンに作れるウェブサービスが「ペライチ」です。利用料金は無料。一般的なサービスと同様、追加機能を利用する場合は月額料金がかかります。 同種のサービスに「Strikingly」がありますが、こちらは海外のサービスなので使い勝手は「ペライチ」に劣るかもしれません。ぼくは使い慣れているので、なんとなくStrikinglyを使ってます。サクッとイベント用のサイトを作る程度なら、正直どっちでもいいと思います。 チラシや名刺データを無料で制作できる「Picky-Pics」 神サービスです

    [保存版] ITリテラシーが高くない地方の経営者に強く強くおすすめしたい!最新デジタルツールまとめ|まだ仮想通貨持ってないの?
    knagaharu
    knagaharu 2015/07/09
  • jQueryでレスポンシブ対応のブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを設置する実験|BLACKFLAG

    半年ほど前にここで、「jQueryでブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを設置する実験」と題して、画面幅めいっぱいでのコンテンツスライダーを紹介しましたが、当時紹介したスクリプト構成だとレスポンシブには対応していませんでした。 同じ、画面幅めいっぱいでのコンテンツスライダー構成でレスポンシブ対応させたパターンを必要に駆られて作成してみたので、ここでも紹介してみたいと思います。 【2014/01/15】 スライダー部分にフリック動作を追加しました。スクリプト内の設定でフリック動作のON/OFFを設定が可能です。 このスライダーはなかなか言葉では説明しずらいのでまず動作サンプルから。 「jQueryでレスポンシブ対応のブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを設置する実験」サンプルを別枠で表示 スライダー中心にメイン表示エリアを設置して、その

    jQueryでレスポンシブ対応のブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを設置する実験|BLACKFLAG
    knagaharu
    knagaharu 2015/07/08
  • おしゃれなシェアボタンをCSS&Webフォントで作ってみた【はてなブログのPC&スマホ用】 - 技術を磨くだいぱんまん

    2017/9/22更新 はてなブログのシェアボタンカスタマイズ第3弾は以下の記事から。とにかく動作を軽くしたい方は是非お試しあれ。 はてなブログでめっちゃ動作の軽いシェアボタン作った! - 技術を磨くだいぱんまん こんにちは、だいぱんまん(@donchan922)です。 はてなブログ用のシェアボタン作成第2弾です。第1弾はこちら。 はてなブログでCSSのみを用いてフラットデザインのおしゃれなスマホ用シェアボタンをつくってみた - 技術を磨くだいぱんまん 第1弾からの主な変更点は以下の3つです。(それ以外にも、いくつか微調整を加えています。) PC用にも対応 Pocketのアイコンを修正 丸デザインだけでなく、角丸や四角にも対応 Webフォントインポート PC用 スマホ用 完成! おまけ 角丸 四角 左寄せ まとめ Webフォントインポート 各シェアボタンのアイコンを読み込むために、Font

    おしゃれなシェアボタンをCSS&Webフォントで作ってみた【はてなブログのPC&スマホ用】 - 技術を磨くだいぱんまん
    knagaharu
    knagaharu 2015/07/08
  • デザイナーなら常にチェックしておきたい!Webデザインギャラリーまとめ - デザインメモ

    私が常にRSSなどに入れてチェックしているWebデザインのギャラリーサイトを並べてみました。 ときどきギャラリーサイトをチェックしている方は、新たなギャラリーサイトを見つけてみたり。全然チェックしてない方は、これを機にブックマークへ追加してみたり。ぜひお役立てください〜! < 目次 > 国内のまとめサイト 総合 縦長・ランディングページ スマホ・レスポンシブ パーツ別 海外のまとめサイト 総合 アワード形式 スマホ・レスポンシブ 国内のまとめサイト 総合 AnotherBookmark™ http://www.anotherbookmark.com/ straightline bookmark http://bm.straightline.jp/ I/O 3000 | Webデザインギャラリー http://io3000.com/ Web Design Clip | Webデザインクリップ

    デザイナーなら常にチェックしておきたい!Webデザインギャラリーまとめ - デザインメモ
    knagaharu
    knagaharu 2015/06/30
    Webデザインギャラリーまとめ
  • フリー写真素材サイトまとめ15選

    こんにちは。学生ライターの池澤章太です。 Webで記事を書くときや資料を作るときに、フリー写真素材をよく使うと思います。しかし、イメージに合う写真や素材を見つけるってなかなか大変です。場合によっては商用利用できるか調べるなければいけませんし。 そんなときに、商用利用ができて、無料で使える素材サイトがまとめてあると便利ですよね。 ちなみに動画素材については送別会、結婚式に!映像制作に使える無料動画素材サイトまとめをご覧ください。 今回は、23個ほど素材サイトをまとめました。この記事をブックマークしておけば素材に困ったときに役立つはず! 【こちらもおすすめ】 無料で商用利用OKのサイト特集 商用利用できるフリー写真素材サイトまとめ23選 ここでひとつ注意を。「フリー」という単語は、なにかと誤解を招きやすいですが、著作権がフリーだったり、クレジット表記が不要だったりする意味ではありません。各素材

    フリー写真素材サイトまとめ15選
    knagaharu
    knagaharu 2015/06/28
  • ユーザ・インターフェースのためのイージングカーブをつくる | POSTD

    フラットデザインの導入以来、アニメーションの質が、今までにないほど、優れたインターフェース作成のために必要不可欠なものとなっています。モーションデザインを通して、製品の総体的なブランドエクスペリエンスを左右するようになり、製品を、市場の他のものと差別化する要素となりました。アニメーションは複雑なインタラクションを簡素化し、優れたデザインを記憶に残るユーザエクスペリエンスにしました。では、質の高いアニメーションはどのように作られるのでしょうか? イージングカーブは多くの要となるコンポーネントの1つで、適切なアニメーションをとり、素晴らしいものに作り上げます。 問題なのは、イージングカーブがどのように機能するかについての理解が、少々難しいということです。 前回の記事 After Effects to CSS で触れたタイミング関数への興味の派生としてこの記事を書きましたが、この記事を読むことで

    ユーザ・インターフェースのためのイージングカーブをつくる | POSTD
    knagaharu
    knagaharu 2015/06/27
    イージングカーブ
  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
    knagaharu
    knagaharu 2015/06/26
    結構重要なポイントがまとめられている。