レスポンシブコーディングのスニペットいろいろ - やっぱりWebが好き - Writing Mode
コーディングを自身でやることは少なくなってきたけれど、勘が廃れないように今でも時々デザインしたり、コーディングしたりってのも大事にしてます。たまにデザインやコーディングをするのは気分転換にもなるし、新しいテクニックを知っておくことだってまだまだ大切だと思うし。 今の僕は、作る仕事はできる限り任せる立場だと思うので、あくまでもやり過ぎない程度に、って考えてますけど。というわけで、最近覚えたスニペットまとめ。 レスポンシブでサイトを作ることが増えています。 予算やスケジュール、または技術的な問題など、レスポンシブで構築するのが難しいケースもありますが、今の僕はできる限りレスポンシブ優先で考えたいと思っています。 ワンソースで考えたほうが運用は効率的だと思うから。 Writing Modeは僕にとってレスポンシブデビューだったサイトで、今思うと「こうしておけばよかった」ってところはいっぱいありま
HTML の q タグが日本語のサイトではカギ括弧を出すようになってた
HTML に q という要素がありますね。 Quotation の Q ですか。 <q> について 文書内で引用をしたいとき、 ブロック要素を含むような場合には <blockquote> ですが 一言とか一行とかそれくらいのときには <q> を使うのがいいみたいです。 q 自体がデフォルトでインライン要素だしね。 こんなぐあい。 <q>ここは引用ですよー。</q> 多くのブラウザでは、この <q> で括った部分が ダブルクォーテーションで挟まれて表示されます。 上記の例だとこう。 “ここは引用ですよー。” カギ括弧になってた 「表示されます」って書いたんだけど、 本当は「と思ってました」でした。 こないだふと気づいたら、 日本語のページではこれがこうなってました。 「ここは引用ですよー。」 クォーテーションマークじゃなくてカギ括弧になってる。 知らんかった。いつの間に。 <q> を初めて使
【ためになる】元アップルストア店員が教えるiPhoneバッテリー節約術 「すぐに電池が減るのはFacebookアプリのせい」 | ロケットニュース24
» 【ためになる】元アップルストア店員が教えるiPhoneバッテリー節約術 「すぐに電池が減るのはFacebookアプリのせい」 特集 「さっき満タンだったはずのバッテリーが、もう半分以下……」そんな現象に困っているiPhoneユーザー注目！ 元アップルストアの従業員が、こういった「すぐに電池が減る現象」の原因を突き止め、ネットで公開したことが話題になっているのだ。 その原因とは……ずばり「Facebookアプリ」にあるらしい!! 人気アプリでもある「Facebookアプリ」を省エネで使う設定方法や、バッテリー節約術も公開しているので、あわせて紹介したい。 情報を公開した元従業員は、仕事で対処した数々のトラブルや経験を参考にするだけでなく、自身もアップルの開発ツールなどを使い、電池が急速に消費される直接的な原因を調査した。その結果、もっとも電池を消費することが多かったのが「Facebook
Webデザインが3倍速くなる！Photoshop神速テク4つ
カンプのデザインやパーツの作成など、Webデザインにも欠かせないPhotoshop。もっとラクに、もっと速くWebデザインするために、すぐに役立つ4つの時短テクニックを紹介します。 サイズ違いのバナーはまとめて使い回し Photoshopでよく作るモノの1つといえば、バナー。掲載場所や配信先によってサイズが異なるバナーをバラバラに作成すると使い回しが面倒だし、写真や文言に変更があったときにいちいち直すのが大変ですよね。 いろんなサイズのバナーを1つのPhotoshopファイルにまとめて作成し、写真やロゴをスマートオブジェクトで一元化しておくと、バリエーションをスピーディに作れ、修正にも対応しやすくなります。 例として、大中小の3つのバナーを一気に作ってみましょう。作成する最大サイズのバナーが収まるように新規ドキュメントを作成し、大きいサイズのバナーから作成します。 レイヤーに素材を配置して
英作文に時間をかけるな！英語圏のWEB制作現場でよく使われる英語表現テンプレート集！【オフィス編】 | バンクーバーのうぇぶ屋
例えば、カナダで郵便番号と言えば『V6E 1G6』のように、6桁の文字と数字で表現するんですが、電話で『郵便番号を教えてください。』とか言われる場面に遭遇する事はよくある。ましてや英語初心者の内は特に『V』と『B』の区別なんて付かない場合も多いですよね。 その時の話を例に取ってみます。 例えば、『V6G 2V3』を説明する場合、 V as in Victor, Six, G as in Golf, Two, V as in Victor, Three. （V6G 2V3） といった具合ですね。 オフィスで使用頻度が高い表現色々 では、続いて体感的にオフィスで使用頻度が高いなーと思うからご紹介していきます。 メールの返信が遅れた場合はシンプルに最初にこの表現です。”the”を忘れない様に。 メールの返事が遅れてすいませんでした。 Sorry for the late reply. Make
RSS配信はSEOに有効？ | 正しいSEO相談室
［質問］RSS配信はSEOに有効ですか？RSSで配信しているコンテンツにも依存するのですが、基本的に有効です。 RSSはウェブサイトやブログの更新情報を配信するフィードですが、この中には更新されたページの概要（あるいは本文）とリンクが記述されています。従って、もしこのRSSのリンクが検索エンジンにクロールされる環境におかれていれば、それはリンク評価として加算されるためSEOとして効果を発揮することになります。 RSSがSEOとして有効に機能するケースとして主に次の2つのケースが考えられます。 （1）コンテンツシンジケーション情報の充実を図るために他サイトのRSSを取り込んでウェブサイトに表示させるケースです。RSS取得側は情報の充実を図れますし、RSSを利用された側も（ヘッドラインと概要程度の表示であれば）、他サイトの訪問者を自サイトに誘導できるコンテンツを他のユーザーにも見てもらえる機会
【デザイン】安易にドロップシャドウかけるのやめ隊 – 宇都宮ウエブ制作所
ふぅ、あとはここにドロップシャドウをONと…。てな感じで安易にドロップシャドウかけてやしませんか？ 使い勝手の良すぎるドロップシャドウに警鐘！シャドウだって色々あるよってことで今回はシャドウアイデア集です。 その1：黒じゃなくって補色をつかう デフォルトで#000000に設定されているドロップシャドウ、この色を変えるだけでもグッと洗練された雰囲気に。 たとえばハイライト部分がピンクならシャドウにブルー、という具合に。 この方法はイラスト一日体験教室で教えてもらった手法なのですが、補色関係ってこう使うのか！と目から鱗でした。 その2:シャドウに空の色＆地面の色を足してみる 屋外を想定したシーン、窓際のシーンでは、空の色をブラスした色を使用してみましょう。晴天ならブルー、夕焼けならオレンジ、夜なら深いブルー。さらに地面も光が照り返して反射します。 サンプルでは芝生なのでグリーンを追加。ドロップ
Firefoxを便利にする魔法の呪文「about:config」を使った裏ワザ10選 | ライフハッカー・ジャパン
最近では話題になることの少なくなったFirefoxですが、いまでも、「もっとも自分好みにカスタマイズできるブラウザ」であることに変わりはありません。 そして、この多様なカスタマイズを可能にしているのが、「about:config」にある数々のオプションです。この記事では、1度は試してみたいFirefoxの裏ワザを10個ご紹介します。「そもそもabout:configって何？」という方がいるかもしれませんね。Firefoxのアドレスバーに「about:config」と入力してみてください。すると、Firefoxの動作を変更できる「隠し設定」がたくさん表示されます。 中には、何だかよくわからないものや未設定のままのものもありますが、それ以外は、Firefoxがデフォルトで使用している種々のパラメータを変更できます。 どの項目も、ダブルクリックで変更できます。ただし、変更することによって、「動作
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
