タグ

*web制作に関するkuraeqoogaのブックマーク (38)

  • Photoshopでの面倒な作業を簡単に!便利すぎるPhotoshopのアクションのまとめ | コリス

    グラデーションの縞々を取り除いたり、背景を削除したりする実用的なアクションをはじめ、カラーのバリエーションを生成したり、画像を幾何学模様やハーフトーンにしたり、テキストやオブジェクトを3DにするPhotoshopのアクションを紹介します。 no more banding フラットやソリッドなスタイルがトレンドでも、まだまだグラデも健在です。そんなグラデーションが汚く見えてしまう縞々(バンディング)を取り除いて、美しく仕上げるPhotoshopのアクション。 バンディングを取り除く仕組みは、以前の解説記事(グラデーションをより美しく滑らかにするPhotoshopのアクション )をご覧ください。

  • すごい無料HTMLテンプレート厳選30個まとめ 2014年5月度PhotoshopVIP |

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

    すごい無料HTMLテンプレート厳選30個まとめ 2014年5月度PhotoshopVIP |
  • 他人のブログのアクセス数・被リンクを調査できる無料分析ツール 5 選 | セオリコ

    ブログを運営していると、他人のブログ(競合サイト)のアクセス数はどれくらいあるのか、どんなキーワードで集客しているのか、気になってきますよね。 競合サイトを調査するメリットは以下の 3 点。 具体的な目標を設定するさいの目安にできる モチベーションを維持するきっかけになる 自分のブログに足りない点を見つけられる ツールを使えば調査はそれほど難しくありません。記事では、ライバルサイトを丸裸にする分析ツールを 5 つ紹介していきます。 競合サイトの分析に関する解説はこちら 他のブログのアクセス数が推測できる仕組み 他のブログのアクセス数を計測できるツールはいくつかあります。 独自のクローラーを走らせて分析していたり、主な検索キーワードの順位・CTR をもとに算出していたりと計測方法は様々。 なかには、無料で他サイトのデータを提供する代わりに、ユーザーの Google アナリティクスや Sea

    他人のブログのアクセス数・被リンクを調査できる無料分析ツール 5 選 | セオリコ
  • 他人の知識から学びとれ!Webディレクターに役立つ厳選スライド資料まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    勉強欲が強いディレクターの鮫島です。 普段みなさんは知識を得るためにどのような勉強をしていますか?? を読んだり、セミナーに行ったり、Facebookのタイムラインに流れてくる技術系の記事を見たりすることが多いかと思います。 私も大体そうなのですが、最近それ以外にも勉強する方法を模索しています。 その中の1つとして、ちょこちょこ目に付くオンラインの「スライド資料」がとても分かりやすくて、ちょっとした合間に勉強できます。そこで、私が最近見た中でも、見やすくて勉強になったスライドをいくつかご紹介します。 ちなみに、オンラインのスライド資料サービスについては、過去にディレクターの勢古口が「より美しいプレゼン資料を共有しよう。オンラインプレゼンツール7選」でまとめていますので、ご興味あればこちらもご一読ください。 ディレクター向けのスライド資料まとめ IAシンキングによるモバイル再設計 内容 I

    他人の知識から学びとれ!Webディレクターに役立つ厳選スライド資料まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Heartbleed脆弱性検査

    Heartbleed脆弱性(CVE-2014-0160)を容易に検査できるサービスを無償で提供致します。 以下フォームに、検査対象アドレスを入力し、検査することができます。 入力例:ssl.netagent.co.jp この脆弱性はどのようなもので、どのような影響があるのですか? 暗号化通信をしているプログラム内のメモリが読めてしまう脆弱性です。 暗号化通信で重要な「秘密鍵」が盗み出されてしまう可能性があり、過去に暗号化して通信した内容が解読できてしまいます。 また、この脆弱性で、その時利用していたユーザーの暗号化通信の内容が、暗号化されていない状態で見られてしまいます。 実際に公開されている事例としては、 米国の大手ポータルサイトのメールサービスで、ユーザーのID・パスワードなどが盗まれたようです。 ユーザーへの影響はありますか? 脆弱性を利用されて秘密鍵を持ちだされ、過去の通

  • わかりやすい文章の10大原則

    この記事では、LINEグループに招待できない・参加できない時の対処法や原因についてお伝えしていきたいと思う。 複数人で連絡を行う際にLINEのグループ機能は非常に役に立つ。学校でも職場でも利用されている事が多く、グループ内通話も出来るので簡単な打ち合わせ程度であれば、LINEでも可能になった。 グループの作り方も非常に簡単。 しかし、なぜか相手に招待が届かない…といったことも度々ある。 では、この招待が届かない時によくある原因について見ていこう。 LINEグループに招待できない時の対処法・原因 基的に以下の場合は、相手に招待を送っても届かない。 既にLINEを退会している(アカウントを変更している)場合 既に招待を送っている場合 相手にブロックされている場合 もしくは、招待しているけれど参加されない…といった場合は、相手側が参加を拒否している可能性もある。 上記の3点に当てはまらない場合

    わかりやすい文章の10大原則
  • WEBライティングでSEO効果を倍増させるために絶対やるべき17のこと

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEBライティングを正しく学び実践することで検索エンジンからの流入が加速する。 webを閲覧するユーザーにとって最適な形でライティングを施すとユーザーからの支持が得られ、それが結果として検索エンジンの評価に繋がるということだ。 スマートフォンの普及に伴って「読みやすいライティング」と「読みにくいライティング」の差が浮き彫りになっている。 あなたも、テキストがぎっしり詰まったwebページに遭遇した経験はないだろうか?たくさんスクロールしても、なかなか答えに辿り着かないストレスフルな経験を味わったことはないだろうか? このようなユーザー体験を損ねるライティングは最悪だ。ユーザーに嫌われるし、検索エンジンからも嫌われる。たくさんのユーザーに読ま

    WEBライティングでSEO効果を倍増させるために絶対やるべき17のこと
  • フォントやレイアウトで人にいい印象を与え好意的に文章を読んでもらう方法

    画像や文章のレイアウトはウェブサイトをデザインする時だけではなく、資料やポスターなどを作成する時にも必要になりますが、正しいフォントの選択やレイアウトは文章を読みやすくするのに加えて、人の脳に作用し読み手を心地よくさせます。ということで、以前記事化した「自分のアイデアをアプリ化するための予算を自動計算してくれるウェブサービス『How Much Does It Cost To Make An App?』」を提供しているooomfの創設者・Mikael Choさんが、すぐにでもできる効果的な文書の作成方法をまとめています。 The science behind fonts (and how they make you feel) | ooomf blog https://ooomf.com/blog/the-science-behind-fonts-and-how-they-make-you-

    フォントやレイアウトで人にいい印象を与え好意的に文章を読んでもらう方法
  • 2行追加するだけでWebサイトを高速化するInstantClick.io - atskimura-memo

    Before visitors click on a link, they hover over that link. Between these two events, 200 ms to 300 ms usually pass by (test yourself here). 引用:InstantClick — JS library to make your website instant リンクにマウスオーバーしてからクリックするまでには200msから300msほど時間がかかるそうです。実際このテストページでクリックしてみるとMacのトラックパッドだとさらに遅く500msくらいかかってました。 InstantClick.ioはその間に裏でリンク先ページをロードして勝手にリンクをpjax化してしまうという高速化ライブラリです。 やってることはRails4のturbolinksと似てます

    2行追加するだけでWebサイトを高速化するInstantClick.io - atskimura-memo
  • Flatis

  • 話題のスキル、グロースハックとは 〜オバマが選挙に苦戦した真の理由〜 - VASILY GROWTH HACK BLOG

    ▶こちらで最新版の記事を書きました。 「グロースハック」とは何か 〜グロースハックをマスターするための究極のガイド〜 Facebook、Twitter、Dropbox、Airbnb・・・ 今では誰もが知るところとなったこれらのサービス。 彼らの成功要因は何でしょうか? それぞれに固有の要因があるでしょうが、どのサービスにも共通している秘訣が一つあります。 それは、どのサービスも 驚異的な成長率を達成したということ。 今回は、第一回ということで、 「グロースハックとはそもそも何なのか」 「実際に何をすればグロースハッカーになれるのか」 を実際の成功事例を交えながら明らかにしていこうと思います。 Growth Hack(グロースハック)とは何か? 一言でいえば、 「数値やユーザーの声を分析し、ユーザーの数や質をGrowthさせる仕組みをプロダクトの中に組み込んでしまうこと」 分かりやすい例を挙

    話題のスキル、グロースハックとは 〜オバマが選挙に苦戦した真の理由〜 - VASILY GROWTH HACK BLOG
  • WebODF - JavaScriptでここまで!WebベースのODFエディタ MOONGIFT

    Open Document Format(ODF)と言えばOpenOffice.orgやLibreOfficeで使われているファイルフォーマットです。さらにGoogleドキュメントをはじめ、各種オフィススイートでもサポートされているフォーマットになります。 仕様はもちろん公開されていますのでその内容を解析すればエディターを開発することができる訳ですが、それは簡単ではないというのは容易に想像できます。という前提のもと、見て欲しいのがWebODF、WebベースのODFエディターです。 エディター画面です。変更履歴まで表示できてしまう優れもの! まさかここまで…というレベルです。ちゃんとツールバーまであって、ほぼローカルアプリケーションレベルの編集が実現します。 日語の入力もできます。 ODFファイルをアップロードして、そのまま編集もできます。画像の埋め込みもできるなど、ドキュメントエディタと

    WebODF - JavaScriptでここまで!WebベースのODFエディタ MOONGIFT
  • WordPressの便利なプラグイン一覧

    WordPress をより便利に使用するために用意されている拡張機能が「プラグイン」です。プラグインは多くのユーザーによって開発・公開されており、目的にあったプラグインを WordPress にインストールすることで手軽に WordPress の機能を拡張することができます。ここでは WordPress で多くの人に使われているプラグインを機能別にご紹介して行きます。

    WordPressの便利なプラグイン一覧
  • http://japan.internet.com/busnews/20140206/2.html

  • Dug.js - Web APIから取得して反映の流れをラッピング MOONGIFT

    確かに良くある処理ですね。 最近、外部のWeb APIを叩いてその結果をHTMLに埋め込んで表示といった処理が多くなっています。JavaScriptで行うならばJSONPを使うでしょう。jQueryでやるならば$.ajaxでとってきて、successでテンプレートエンジンに値を当てはめて実行といった具合です。 しかし同じような処理を毎回書くのは面倒です。一連の流れをラッピングしてくれるライブラリがDug.jsです。 Dug.jsの使い方 まずはコードを見るのが早いでしょう。 <div id="photos">Loading...</div> <script> dug({ endpoint: 'https://api.500px.com/v1/photos.jsonp?feature=user&username=garand&image_size=3&rpp=6&_method=get&sd

  • The Blog | Welcome to Adobe Blog

    The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

    The Blog | Welcome to Adobe Blog
  • 通知メッセージを実装する為のシンプルなjQueryプラグイン・notifIt!

    シンプルで使いやすそうだったので備忘録。アニメーションしながら表示される通知メッセージを実装するシンプルなスクリプト・notifIt!です。jQueryに依存します。 シンプルな通知メッセージ実装スクリプトです。 普通のメッセージ実装スクリプトです。軽量で設定も簡単なので導入しやすそうですね。 notif({ msg: "<b>送信成功:</b> あなたのメッセージは送信されました", type: "success" });メッセージ等のセッティングはオプションで設定します。HHTMLタグも利用可能なのでスタイリングも楽ですね。 軽量なのでスマフォサイトでも気軽に使えるかも。覚えておいて損は無さそうです。 notifIt!

    通知メッセージを実装する為のシンプルなjQueryプラグイン・notifIt!
  • あなたのサイトやブログのランディングページを見つけてPVを増やす方法|ユーザーフローの便利な使い方

    Analyticsを利用したサイト改善案シリーズ第2回です。 まず、ランディングページ自体、ブログにあまり必要ないと考えられていますが、実はそうではありません。 ブログも記事を書けば書くほど多くのランディングページが生まれているのですが、それらを単に無視しているだけであり、気付くことが出来れば、それなりに対処することが出来るのです。 ランディングページとは? Web制作やマーケティングに関わっていない、一般的なブロガーさんであれば、なんですかそれは?という言葉かもしれません。 簡単にいうと、制作したサービスや商品につなげるために、入り口的ページです。 多くの場合、広告をクリックした時の、最初のページに用いられます。 なぜなら、せっかく広告をクリックしてくれたにもかかわらず、興味を持ってもらえなければ、直ぐに離脱されてしまいます。そこで、ユーザーの興味を強く引くための、協力な入り口専用ページ

    あなたのサイトやブログのランディングページを見つけてPVを増やす方法|ユーザーフローの便利な使い方
  • 世界一うざい「ページTOPへ戻る」

    Web制作会社LIGが、世界一うざい「ページTOPへ戻る」を実装したと発表しました。 すでにちょっとうざい 一体どのようなものかとページ右下を確認してみると、「頂点へ」と記された奇妙なアイコンが表示されました。アイコンの方は同社エンジニアの段田さんというそうです。気になるアイコンをクリックすると……サイトがガタガタと揺れだし、その段田さんと連なる謎の物体が天高く登っていきます。な、なんなんだこれは。正直、「うざい」よりも「不気味」「怖い」といった表現が当てはまる感じがしますが、上昇する動作はスムーズでした。 ちなみにこのラピュタのような物体には広告バナーを表示する枠がぶら下がっています。定価35万円(1カ月)を特別価格の1万円(1カ月)で提供すると告知したところ、10分ほどで「奇跡的に広告が売れた」とのこと。引き続きこちらのページから広告主を募集しています。 なんかきたー バルスを唱えたラ

    世界一うざい「ページTOPへ戻る」
  • Pelfusion - All about technology

    The moments after your phone gets wet are crucial. Follow these steps to improve your chances of saving your device. … Read more