タグ

webとtipsに関するyo-illのブックマーク (30)

  • 身につけておきたいWebサイト高速化テクニック #3|画像形式の基礎知識 | DevelopersIO

    こんにちは、ご無沙汰しています。 Web担当の野中です。 前回の第2回「検証ツールとそもそもHTTPって何だ編」から少し時間が経ってしまいました。 というのもテクニックを紹介するために予想以上の予備知識の説明と検証・調査が必要になり、さらにどう順序立てて解説すべきか悩み時間がかかってしまいました。 ちなみに第2回では、Webサイト高速化に関連してくるHTTPについて基的なことを紹介しています。 より詳しくHTTPについて解説したCodezineさまに寄稿している連載も是非チェックしてみてください。 題 さて、今回から実践編ということでフロントエンド側のWebサイト高速化対策の1つ、画像の最適化について紹介します。 初学者向けに細かく基的なことまで解説しますので、記事を3つに分けます。 画像最適化1回目の記事では、画像に関する基礎知識について紹介します。 未だにWebサイト高速化の具

    身につけておきたいWebサイト高速化テクニック #3|画像形式の基礎知識 | DevelopersIO
  • Tumblrをこれから始める人へまず読んでおきたい記事10選 | A!@attrip

    Tumblrをはじめようかな?と思うんだけど、 ぜんぜんわからない!とか メモなの?とか twitterとどう違うの?とか いろんな質問をされるのですが、まずこの辺を読んでみるとなんとなくどんなものかがわかるかもしれない。 なぜ?Tumblrがまた注目されているか? http://b.hatena.ne.jp/entry.parts?url=http%3A%2F%2Fzen.seesaa.net%2Farticle%2F221943738.html http://b.hatena.ne.jp/entry.parts?url=http%3A%2F%2Fmatome.naver.jp%2Fodai%2F2131331863351860401 ・有名なユーザが使い始めた事 ・WordPressよりサイトが多い事 ・もう無視ができないよっ!って事とか http://b.hatena.ne.jp/e

    Tumblrをこれから始める人へまず読んでおきたい記事10選 | A!@attrip
  • 3大「WordPressに慣れていない人がやってしまいがちだけど、こっちのほうがいいのになぁ」って思うこと

    どーもどーも。最近めっきりネタストックの出来ていないマイペースたんです。 この記事は12/1~12/25の期間、毎日ブログ記事を数珠つなぎにしていく「WordPress Advent Calendar」の第19日目として書いております。 18日目の@kamiyamさんから引き継いでの記事でございます。 とはいえ、最近これはいいなぁと思ったネタはもうすでに先月書いてしまったし、V3.3はまだ全然触れてないし、最近理解を新たにしたループについての話はkzさんがさらっとスマートに書いてしまっていたりで、、、困った困った。でも考えました。 ここ最近、ありがたくも自サイトからWordPress関連のちょっとした作業依頼をいただく機会が増えました。 ご依頼内容としては、「デザインやプレーンなサイト構築についてはこなれているけれど、どうもWordPressに組み込んだ時に言うことを聞いてくれないからなん

    3大「WordPressに慣れていない人がやってしまいがちだけど、こっちのほうがいいのになぁ」って思うこと
  • 知らないと損するFacebookファンページの作り方(1/3)- @IT

    プロモーション活用で注目を集めるFacebookのファンページ。簡単に作れるので、この機会にファンページを開設してみよう!(2011年2月5日にファンページの名称がFacebookページに変更になりました) ビバ Facebook! 世界最大のユーザー数を誇るSNS(ソーシャル・ネットワーク・サービス)の「Facebook」。 2010年夏には「ユーザー数が5億人を突破」というニュースが流れましたが、日でもユーザー数を伸ばし、約180万人が利用しています。 また1月15日から日でも、Facebook創業者の自伝映画「ソーシャル・ネットワーク」が公開となり、注目度はさらに高まっています。 Facebookのプロモーション活用術! まずは、Facebookを使ったプロモーション事例をいくつか紹介しましょう。 ■ FacebookのAPIを活用 外部サイトとFacebookの情報を結び付けて

  • 使用中のおすすめWordPressプラグイン15個

    2014年9月7日 Wordpress このサイトや私のポートフォリオサイトで使用中のWordPressプラグイン一覧です。結構この手の記事を見かけることが多いので記事にしていませんでしたが、何度かリクエストを頂いたので書いてみます。有名どころを多数使用しているので、日語であまり紹介されていないプラグインのみ使用方法を紹介し、残りは参照リンクをご覧ください! ↑私が10年以上利用している会計ソフト! どのサイトでも使うプラグイン 自分のサイトでもクライアントのサイトでも、必ず使っているプラグインです。 Akismet AkismetのプラグインWebサイト

    使用中のおすすめWordPressプラグイン15個
  • 40+ Best Photoshop Tutorials for Creating Buttons and Badges | Naldz Graphics

    Creating Buttons and Badges in Adobe Photoshop is easy. There are different kinds of tutorials related in making buttons and badges on the web that can help enhance your photoshop skills. We collected some of the best sources so you can bookmark them in a single place. This post will teach you how to create your own buttons and badges for your website and more. Throughout these tutorials, you will

    40+ Best Photoshop Tutorials for Creating Buttons and Badges | Naldz Graphics
  • 39 Photoshop Button Tutorials You Should Have in Your Arsenal

  • 50 SocialMedia Tacticsを日本語に訳してみた « Archit -Train Of Thought

    市川さんのつぶやいてた50 Social Media Tactics For Non Profitがなかなかよくまとまっているので訳してみた。NPOだけでなくて営利企業でもそのままToDoとして使えそう。 このスライドはサウスキャロライナ州でNPOのみをクライアントとするコンサルタント会社、BlackBaudが11月に行ったカンファレンスで発表されたもの。発表者のChadNormanはBlackBaudの社員であり、GoGreenCharleston.orgの運営者でもある。 50 Social Media Tactics for Nonprofits View more presentations from Chad Norman. わかりやすくするために意訳加えてます。 1枚目 NPOが自身のミッションを達成するためのソーシャルメディアの賢い使い方。 2枚目 tweetするときは

    yo-ill
    yo-ill 2010/11/01
    使えそうなのに、だれもブックマークしてないな。
  • WordPress 3.0対応のとっても便利なプラグイン集

    [ad#ad-2] 下記のプラグインは常に使用しているものをはじめ、適宜使用するものや以前使用していて別の機会に使用しそうなものも含まれています。 1. 管理画面(ダッシュボード)関連 2. データベース・システム・セキュリティ関連 3. コンテンツ・エレメント関連 4. Twitter 関連 5. Google 関連 6. テーマ・生成ページ・URL関連 1. 管理画面(ダッシュボード)関連

  • [SEO]10分でできる、あなたのウェブページが検索エンジンにきちんとインデックスされているかどうか | コリス

    あなたが作成したページがGoogleなどの検索エンジンになぜインデックスされないのか、なぜランキングされないのか、ペナルティを課せられていないか、重複コンテンツの問題はないかを確認できる方法を紹介します。 10-Minute Missing Page Audit [ad#ad-2] 下記は各ポイントを意訳したものです。 各見出しの左は時間の目安です。 [0:00-0:30]インデックスの確認(ドメイン) サイトがGoogleにインデックスされているか確認します。フォームに「site:」コマンドを使用して、検索してください。 コマンドを使用する時はルートのドメイン名(site:example.com)を入力してください。 [0:30-1:00]インデックスの確認(ページ) 次に、ページがインデックスされているか確認します。前述の結果、Googleがそのサイトの存在を知っていると想定し、問題の

  • 非デザイナーのためのデザイン基本テクニック その1 | 07design.blog

    デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で

  • http://moto-mono.net/2009/04/16/using-wordpress-as-cms.html

  • WordPressでWebサイトを構築するまでの手順リスト - かちびと.net

    私的なメモです。WordPressで個人的にWebサイトを構築したり、受注した際の手順リストをメモ。自分用のチートシートです。いつも何かしら忘れている気がするのでいつもやる事をぱっと見で分かりようにリスト化しておきます。※個人的な主観が入っています。 Todoソフト等はあまり使わないので当に私的なメモですが、これが誰かのお役に立てたら幸甚です。プラグインなども好みが有ると思いますのでご参考までに。。 [note]情報が古くなったので改正版としてアップデートしました。[/note] インストールDB作成WP最新版をダウンロードwp-config.phpDBに合わせて変更接頭語も変える(wp_ → example_)FTPソフトでサーバーにインストールログインして管理者権限のユーザーを作成作成したユーザー名で再ログインadminユーザーを削除ダッシュボードの不要なコンテンツを非表示にパーマ

    WordPressでWebサイトを構築するまでの手順リスト - かちびと.net
  • WEBサイトデザインのフィードバック作業が超便利になりそうな「Notable」:phpspot開発日誌

    WEBサイトデザインのフィードバック作業が超便利になりそうな「Notable」。 Notableは、サイトのスクリーンショットを撮ってからNotable上のサーバにアップロードし、そのスクリーンショットに、ビジュアルに色々書き込むことが出来るサービスです。 この仕組みがあれば、デザインが完成した後、クライアントさんが、「こことここを直して」っていう作業をWEB上で迅速に、便利に行えて作業の効率化が図れそうです。 画面にNotableのサイト上で注釈をどんどん入れていってる例。 Notableの使い方 それではどうやって使うかを簡単にご紹介。 まず、どうやってキャプチャを撮るか、ですが、Firefox3用のアドオンが公開されていて、インストールするとボタンがブラウザのツールバーに追加されます。 IEやChrome、Safariなどの他のブラウザでも、URLを入力するだけで簡単にキャプチャが取

  • SEO業者からの営業電話対応マニュアル | 京都のSEOコンサルタント松尾茂起のブログ

    SEO業者からの営業電話対応マニュアル:京都のSEOコンサルタント松尾茂起のブログ 京都のSEOコンサルタント松尾茂起のブログTOP > > SEO業者からの営業電話対応マニュアル 「SEO業者」という言葉が「SEO会社」より使われている気がする昨今。 なぜ「web制作会社」は「web制作業者」ではないのか。 「業者」と「会社」という、二つの言葉の間に隠された社会の謎を解明する、京都のSEOコンサルタント松尾です。 いきなりですが、先週、他社SEO業者さんからの電話がかかってきました。 その営業さんの語り口調がなかなか流暢で、一時、メールのやりとりをする仲となりました。 ただ、サービスの詳細を聞いたところ、自社と属性が合わなかったので導入を辞めましたが、営業担当の人に対して「おおっ」と思ったのは久々かもしれません。 そんなことがあり、今回は「SEO業者の営業電話対応マニュアル」を取り上げて

  • CSSclip | Web Design Inspiration and Gallery

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。

  • 商用サイトでも無料で利用できる日本語のフリーフォント集

    商用サイトでも無料で利用できる、ひらがな・カタカナ・漢字などが含まれている日語のフリーフォントを紹介します。 最新版を公開!フォントの数が大幅に増えています。 2019年用、日語のフリーフォント 366種類のまとめ

  • ウェブデザインのクオリティをアップする7つのポイント | コリス

    ウェブデザインのクオリティをアップする7つのポイントをFunction Web Design & Developmentから紹介します。 How to Spot Quality within Web Design: Examples & Tips 以下、その意訳です。 1. Spacing スペースは、デザインされたエレメントの間に使用される巧妙なテクニックです。素晴らしいイメージを配置することも大切ですが、そのエレメントにどのようにスペースを与えるか充分に考慮する必要があります。 充分なスペース

  • 全てのネットサービスを構成する「サービスの3原色」とは? - livedoor Blog(ブログ)

    2009年04月12日 全てのネットサービスを構成する「サービスの3原色」とは? 「光の3原色」という言葉を聞いたことがある人は多いと思います。全ての色は「赤」「青」「緑」から構成され、この3つの色を構成する比率を変えることで、どんな色でも作り出せる、という概念です。 ネットサービスのコンセプトを「そもそも論」で点検する12の質問をガイドラインに、池邉CTOと、私とで、ライブドアのメディア事業部の各サービスについて責任者を、個別に呼んで、「そもそも、どうよ」からの議論をやる中で、「光の3原色」に似たような、ネット上のサービスを構成する「ネットサービスの3原色」的な概念を思い付きました。 ネットサービスを構成する「サービスの3原色」 ほとんどのネット上のサービスは、「Media」なのか「Community」なのか、「Tool」なのか、の3者択一のうちのどれかを基に置きながら、この3要素がカ

  • パンくず詳解 | コリス

    パンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイント、クラシックなものや進化したパンくずのショーケースなどをSmashing Magazineから紹介します。 Breadcrumbs In Web Design 以下、その意訳です。 パンくず ナビゲーションは、大量のページを保持するウェブサイトで、ナビゲーション機能を拡張することができます。 パンくずの大きな有用性は、ウェブサイトの訪問者が上の階層に移動する際、少ないアクションで実現させることです。 このことはウェブサイトのセクションやページのファインダビリティ(見つけやすさ)を改善するものとなります。 また、ランディングページ(検索などから訪れた最初のページ)にも非常に効果的で、ユーザーの現在の場所を明示するだけでなく、文脈のヒントとなるインフォメーションも提供します。 What is a bre