隠しテキストは Google のウェブマスター向けガイドライン違反です
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
いつもと違うよりリアルなドロップダウンシャドウを描画するPhotoshopチュートリアル:phpspot開発日誌
いつもと違うよりリアルなドロップダウンシャドウを描画するPhotoshopチュートリアル。 Photoshopのレイヤー効果などで描画した影は以下のように、これはこれでよいのですが、面が宙を浮いているようにみえます。 ということで、レイヤー効果をつけた後、レイヤーをラスタライズし、次のように円形選択ツールで４つの辺を削ってみると、すこし硬めの紙を平面に置いたようなよりリアルな感じを出すことができます。 これは微々たる違いではありますが、比較するとこっちのほうがリアルに感じますね。 実際に写真を当てはめてみた図が以下です。 以下のエントリを参照してください。 Better Drop Shadows in Photoshop | Design Reviver 関連エントリ プロレベルのPhotoshopチュートリアル集 ボタン作成のPhotoshopチュートリアル集 飛び出る立体グラフィックを
iPhoneブックマーク用のアイコンを作成しよう:phpspot開発日誌
今更、かもしれませんが、iPhoneブックマーク用のアイコン作成法のエントリがあがっていたので参考にやってみました。iPhoneユーザ用のアクセシビリティ向上に使えます。 次のような 57x57 ピクセルのPNG画像を作ります。 作ったらサーバにアップロードします。 そして、HTMLタグを追記します。 アイコン画像を光らせたい場合 iPhoneにはボタンを立体的に光らせる機能がありますがこれを実装するためのHTMLです。 <link rel="apple-touch-icon" href="/path/to/icon.png" /> アイコン画像を光らせたくない場合 自分で光る部分もデザインしたいという場合は以下のコードが使えるみたい <link rel="apple-touch-icon-precomposed" href="/path/to/icon.png" /> 実際にコードを仕込
やったことがないプロジェクトに取り組むときの大事なこと | nanapi[ナナピ]
やったことがないプロジェクトに取り組むときの大事なこと に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。はじめに サークルや友人とで楽しいイベントを企画する 会社で新規プロジェクトのメンバーになる 起業する お店を開く といった、やったことがない新しいプロジェクトに取り組まなければならない時があります。 ここではそんな「やったことがないプロジェクト」に取り組むときのコツを書いています。 やるからなにはできるだけ上手にやりたいですものね！ 今回の内容は、主に「プロ野球チームを作る」というプロジェクトを実施した際の経験に基づいています。詳しくはnanapi内にある記事 誰でも簡単にできるプロ野球チームの作り方(新規編) に記載しましたが、プロ野球チームを作るというのは前例がほぼないため、書籍を参考にしたり経験者に教えていただくということ
基本は『三段構成』――今さら聞けないビジネスメールの書き方 - はてなニュース
メールのやり取りなしにビジネスをするのは難しい時代になりましたが、ビジネスメールの書き方に自信が無いという人も多いと思います。そこで今回は、ネット上のビジネスメール記事を参考にしながら、ビジネスメールの書き方の基本について簡単に確認してみましょう。 さて、一口にビジネスメールと言っても、「相手に自分から送信するのか、返信するのか」、「社内向けか、社外向けか」、「初めての相手か、二度目以降なのか」など、状況に応じて様々な書き方が存在します。とりあえずここでは、最もフォーマルな書き方が要求される「社外」の「初めての相手」に向かって「送信」するという状況を想定して紹介します。 さて、ビジネスメールは、基本的に以下のような3つのブロックによって文章が構成されます。 1. 前文 2. 本文 3. 末文 前文では「相手への挨拶とメールを送った目的の説明」、本文では「メールの用件の具体的内容」、末文では
プリティなURLを実現するための分かりやすい.htaccessサンプル:phpspot開発日誌
プリティなURLを実現するための分かりやすい.htaccessサンプル。 要は、http://site/photo.php?id=hogehoge&page=2 を http://site/photo/hogehoge/page/2/ のようにするためのmod_rewriteの設定になります。 随分前から、その真偽について色々議論されつつもSEOの常識として言われているpretty url。SEO云々もありますが、一目見て分かりやすいという点でも覚えておきたい部分ですが、その実装記述例が公開されています。 いざ実装するとなると参考になる分かりやすいサンプルまでたどり着くのが大変だったりするので覚えておいてもよいかも。 公開されている.htaccessコードは以下で、RewriteRule 部分で正規表現を使ってマッチングさせて、$1 とか $2 とかで値を渡してます。 RewriteEng
6つの力が身に付く「図解思考」って？
左のメモを見て、あなたはどのようなことが理解できたでしょうか？ 「そもそも読む気がしない……」、そう感じた人もいるでしょう。 ビジネスパーソンや学生に限らず打ち合わせや講義、セミナーなどの発表内容などをメモすることは大変重要なことです。しかし、実際にメモのとり方を観察していると、ほとんどの人は個条書きでメモをとっています。自分が聴いた内容のキーワードのみ、あるいは大事だと思ったキーフレーズを、淡々と記録しているだけです。みなさんはどうですか？ 自分の記録したメモを取り出して、いま一度確認してみてください。自分が聴いたこと、理解したことがすぐに思い出せましたか？ 個条書きメモは多くの問題を抱えています。すべて「文字」で書かれているために、一見してその内容や要素、関係性などをつかむのが容易ではありません。そのため、中身に含まれている問題点や解決策を発見しづらいという難点があります。さらに、記憶
| test
yellow-fellowさん ともみ日記 atashipukoさん アタシの生活 bananasakanaさん 犬系男子のワンダフルライフ sonnawakanaさん 山下若菜ブログ「山下若菜の☆そんな若菜ー！！！」Powered by Ameba officeblackさん ヨーヨー世界チャンピオンBLACKオフィシャルブログ「BLACK’s Yo-Yo life」 Powered by Ameba asobiba-makibaさん 渋谷のカフェ＆麻雀・あそびば★まきば★スタッフブログ usagitabetaiさん のんたん日記 mikagamireiさん れぃの日記 amora-chanさん アモラちゃんのメンタルヘルスライフ dabo-blogさん DABO Official BLOG『PAPER MOON MAN』powered by アメブロ fankypankyさん ふぁんき
9 Most Common IE Bugs and How to Fix Them | Envato Tuts+
Internet Explorer - the bane of most web developers' existence. Up to 60% of your development can be wasted just trying to squash out IE specific bugs which isn't really a productive use of your time. In this tutorial, you are going to learn about the most common IE bugs and rendering disparities and how to easily squash them or deal with them. 1. Centering a Layout Centering an element is probabl
会社の経営状態を見抜く5つの秘訣：日経ビジネスオンライン
今回からシリーズでスタートするこのコラムは、会計の素人のための財務分析講座です。財務分析といっても流動比率や自己資本比率などの財務分析指標を説明するものではありません。財務諸表から会社の状態を読み解くコツを説明するものです。つまり、財務諸表のどこを見れば何がわかるのかを説明していきます。 素人でも財務諸表は読み解ける 今回の第1回と次回の第2回は財務分析の基礎的な方法論の説明ですが、第3回からは話題の企業を例にとって実際に財務分析をしていきます。 このコラムは会計に苦手意識を持つ人のためのものです。会計分野に深い知識がなくても財務諸表を読み解くことは可能です。このコラムを執筆する私自身が元々機械エンジニアですし、いままでに仕訳の勉強をしたこともありません。そんな会計の素人でも財務分析のポイントさえわかっていれば、財務諸表から会社の状態を読み解くことができます。 ではこれから財務諸表が読める
言葉尻一つでユーザに与える印象が「ころっ」と変わる表現いろいろ - Feel Like A Fallinstar
ウェブライティング、ともちょっと違うのですが、まったく同じものを表現する場合でも表現をちょっと変えるだけで相手に与える印象が180度ひっくり返ってしまうケースがあります。 たまにはそんな表現を色々と紹介してみたいと思います。 ※消費者をだますための表現の紹介ではありません。どっちかというと騙されないためにご利用ください（汗 1. 単位を変えて量が多いように見せかける まったく同じ分量を表現する場合でも、単位を変えるだけで与える印象が全然違います。 例えばビタミン。 10,00mgと書くとなにやらたくさん入っているように見えます。 では、下の2つではどうでしょう？ ビタミンC 1g配合 ビタミンC 1,000,000μg配合 1gだとなにやら少なく見えるし、μg表記にすると今度は多すぎて何か不気味（過剰摂取っぽい）です。 健康食品には多用される手法ですね。 もっとも、健康食品の場合は経口
JavaScriptを高速化する6つのテクニック | エンタープライズ | マイコミジャーナル
Thomas Fuchs, author of the script.aculo.us user interface JavaScript library, a member of the Prototype core team and a Ruby on Rails core alumnus. Thomas Fuchs氏が6 easy things you can do to improve your JavaScript runtime performanceにおいてJavaScriptの実行パフォーマンスを改善するための6つのテクニックを紹介している。Thomas Fuchs氏はscript.aculo.usの開発者であるとともにPrototypeコアチームのメンバーも務めている。またRuby on Railsでコアチームで開発を担当していたこともある。 JavaScriptエンジン
A Roundup Of 25 Advanced CSS Tips And Tutorials | The Web Squeeze
Web-design has evolved greatly in the past couple years, thanks to all the great CSS tutorials out there. Of course now that browsers like Safari/webkit and Firefox/moz support some CSS3 properties, we’re seeing more and more designers use those newer techniques. Today I’d like to share with you some great CSS (and CSS3) tips, techniques and tutorials. I hope you enjoy this post! Please make sure
ウェブデザインの見栄えをよくするための7つのキーワード | コリス
7 Key Principles That Make A Web Design Look Good下記、そのポイントを意訳したものです。1. バランス2. グリッド3. カラー4. グラフィック5. タイポグラフィ6. ホワイトスペース7. コネクションおわりに1. バランスバランスで一番大切なことは、デザインが一方向に偏らないことです。対称あるいは非対称のものでもウェイトにはバランスをおくようにします。実例： Subtractionこのグラフィックの重要なポイントは右のクロスです。このクロスはビジュアルのウェイトに大きな影響を与えています。 この小さなクロスがどれだけグラフィックのバランスに効果があるかは、あなたの手でクロスを隠して見てください。これが非対称のバランスと呼ばれるものです。ビジュアルのサイズやカラーをコントロールし、ウェイトを調整することができます。 仮にクロスのカラーがオ
とっても使えるoverflowプロパティ。その使い方色々。
光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色んな事に使ってるなぁ～と思ったので自分が良く使うのをまとめてみました。 あんまoverflowプロパティを使った事が無い方は、ビックリですよ！ これで、ソコの可愛いアナタもoverflowプロパティの虜になる事間違い無し！！（わかんないけど サンプルとかは以下よりどうぞ。 サンプルサイトを見る サンプルをダウンロード 基本的に、全てoverflow: hidden; の指定を足す事で解決したり実現出来る感じです。 01 clearfixみたいに使う まずは以前の「clearfixを使わないでやるに
めざせ、理想の管理職! チームを成功させるマネージャになる7つのコツ | 経営 | マイコミジャーナル
既報のように、マネージャというものはなかなか難しい仕事である。かくいう私もマネージャのはしくれ、良いマネージャになるコツのようなものがないかとさまざまな本や記事を読んだりしているのだが……。今回は「HRM Today」というビジネスサイトの「成功するマネージャの7つの秘密(原題: 7 Secrets of Successful Managers)」という記事を参考にしてみよう。 第1のコツ: 自分に満足している 自分自身の強みと弱みを自覚していて、それらに満足している、ということ。無理に強がらず、また、弱気にもならず、自然体でチームと接しよう。 第2のコツ: チームに自信を与える あなたのチームはあなたや彼らが思っている以上にデキるチームなのだ。そのポテンシャルを引き出し、彼らが思いきり仕事ができるようにバックアップするのがマネージャの役目である。 第3のコツ: 高い目標を掲げる ここでい
The Mystery Of The CSS Float Property — Smashing Magazine
Without the CSS float property, table-less layouts would be, at worst, impossible, and, at best, unmaintainable. Floats will continue to be prominent in CSS layouts, even as CSS3 begins to gain prominence. Years ago, when developers first started to make the transition to HTML layouts without tables, one CSS property that suddenly took on a very important role was the float property. The reason th
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブックマークから delicious に移行する方法 | nanapi[ナナピ]
css-lecture.com
http://www.designwalker.com/2009/07/photoshop-blend-mode.html
