追記: このエントリを投稿してから3日後に Google から AMP が発表されました。AMP は 既存の HTML/CSS/JavaScript の機能を制限することで、ページの表示パフォーマンスを改善するものです。AMP で書かれたページは Google 検索ランキングにおける特典が受けられるといった情報もあります。AMPの実装方法
HTML の a 要素に target 属性をつけて、リンク先の文書をどこで開くのかを指定できますね。 デフォルトは _self で、元のドキュメントと同じフレーム。無指定だとこれになるので、わざわざこれを書くことは少ないと思うけど。 一番よく使うのは target="_blank" じゃないでしょうか。リンク先のドキュメントを新しいタブやウィンドウで開くやつですね。 これ、以前はよくつかってました。ルールとして サイト内リンクは target 指定なし 外部サイトへのリンクは target="_blank" というのが多かったんじゃないかな。 でも最近、これはもうリンク先がどこであろうと指定しない方がいいんじゃないか、と思ってます。 もちろんサイトによってそれぞれ使いわけはあると思うんだけど、少なくともほとんどの手元のサイトの場合はいらない。 target="_blank" を使ってきた
すりゴマです。 今日もいい感じにすり潰していきますね。 会社をもう一つ立ち上げたりと色々忙しかったので、ブログ更新がご無沙汰してしまってました。 (´・ω・`) 最近色々書きたいネタはたくさんあって、Evernoteとかに貯めてるんですが、どこぞのブロガーさんに先に記事にされたり、そもそも旬を逃したりとか、忙しいということを言い訳に、悶々とした日々を過ごしておりましたw MBAを使ってて、CPUが高止まりしたりメモリ食いまくりとか気になってたんですよ。 で、アクティビティモニタでChromeが原因なのは分かっていました。 しかも「平均エネルギー影響」でも断トツトップだったので、Chromeでたくさんのタブ開きっぱなしでMBAを常に持ち歩くすりゴマとしては、大問題なのです!! ただ、Chromeの中の何が原因なのかがわかっていなくて。。。 あ!Chromeのタスクマネージャーがあるじゃないか
推奨ブラウザ:Firefox2.0, Internet Explorer 5.5以降 注意:比率の計算上、割り切れないので誤差が発生します。
HOME ブログ webデザイン , フォトショップ , マーケティング , 画像加工 知っといて損はない、魅力的なヘッダーデザインを作成するための目的・用途別の指南書。(photoshopなどを使用するデザイナー向け) 知っといて損はない、魅力的なヘッダーデザインを作成するための目的・用途別の指南書。(photoshopなどを使用するデザイナー向け)2014.01.29 ホームページやブログ・コンテンツサイトに欠かすことのできないヘッダー(アイキャッチ)が果たす役割はとても重要です。 ユーザーがサイトに訪れた瞬間に嫌悪感を抱けば即離脱します、その判断は3秒以内だとか・・、どれほど手の込んだ有益なコンテンツを創造しようともユーザーに届く前にブラウザを閉じられてしまえば何の意味もありません。 ウェブサイトにおいてどうすれば効果的にユーザーの視覚に訴えることができるのだろう? クライアントに「
CSS、スタイルシート。初心者のころには CSS のスタイルがうまくいかなくて、半日や丸一日悩んだこともいっぱいありました。最近では、やっとひと通り覚えて、思うようにできるようになったかなーという感じです。今回は初心者だったころ、ちょっと悩んだことなどをいくつかまとめてみました。 Webサイトの見た目をデザインしていくのに欠かせない CSS。度々これってどうやるんだろうとか、どうしてこうなっちゃうの?というものに遭遇します。また、今までは IE6 をターゲットに含めてましたけど、そろそろ IE7 からをターゲットにすればいいのかなーと思うこともあって、過去のスタイルシートの書き方の習慣を変えようかなとも思っています。 スタイルシートを書いていて、今まで遭遇した不具合やその回避方法、また今まではこうしてたけど、これからは変わるかもしれないなーといものをまとめてみました。もうそんなことしてない
こんにちは、モモコです。 ページを作っている際に、想定していたコンテンツ量よりも原稿が短く、フッターの下にブラウザとの隙間が空いてしまう事がありました。 このスカスカ感を埋めるべく、フッターをウィンドウ下部に固定する方法を調べたので備忘録も兼ねてご紹介します。 positionを使い、フッターをコンテンツ下部に固定する方法 【HTML】 <html lang="ja"> <body> <div id="wrap"> <header>ヘッダー</header> <div id="contents">コンテンツ</div><!-- contents --> <footer id="footer">フッター</footer> </div><!-- wrap --> </body> </html> 【css】 html,body{ height:100%; } #wrap{ width: 100%
影を入れる方法(背景画像) 影を表現して、ページ内に立体的に見える範囲を作成する方法です。 影を表現するには、 影のある画像を背景として配置 影に見える色のブロックを背後に配置 の2種類を行う事で可能になります。 今回は、1番目の『影のある画像を背景として配置』する方法で行います。 使用する画像は下記の3種類使用して、 テーブルを使用する方法 スタイルシートを使用する方法 の2種類の方法を説明していきます。
Web制作を少しでも効率化しよう と思って(今更)いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding 話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding(本家) HTMLコーディングが3倍速くなる?「Zen-Coding」 秀丸Zen- Codingマクロ コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法 WP Zen-Codingが凄く便利 初期設定とかTipsとか 制作前に知っておくと便利なコードとかTipsいろいろ。 css書く前にチェック。 もう、cla
【画像あり】IEの擬人化wwwwwwww 悲しすぎワロタwwwwwwwwwwwww Tweet 1: 頭突き(岡山県):2013/11/24(日) 20:13:56.46 ID:V87JMtlE0 久々に起動してもらったIEちゃん https://twitter.com/kngtr/status/404478911368531968 https://twitter.com/kngtr/status/404480598875443200 https://twitter.com/kngtr/status/404493378257055744 https://twitter.com/kngtr/status/404522930844880896 6: ムーンサルトプレス(東京都):2013/11/24(日) 20:23:13.63 ID:Aps4qg2x0 これはあるあるw 3: ダイビングヘッ
2013/11/26追記:久々にやってきたらこんなネタにすごい量のストックが。恐縮。ちなみにIE10は普通にいいと思いますよ(これ書いた時ってIE最新はまだ9で、表示のバグも多くぐぬぬしてたもので。)といっても、実質辛いのはCSS3のほぼ使えないIE8以下。WindowsXPのIEは8でストップなので当分怨嗟は止まらんのでしょうな 結論-IEを判別してアラートを出し、モダンブラウザのダウンロードページに移動させる そのためのコードがこちら。headタグ直下にでも配置しましょう。 <script language="javascript"> var isMSIE = /*@cc_on!@*/false; if (isMSIE) { if(confirm('〇〇〇〇*はInternet Explorerに対応しておりません。本サイトを閲覧するためにはGoogle Chrome,Mozilla
The Polaris Dawn crew is back on Earth after a historic mission
1:以下、名無しにかわりましてVIPがお送りします:2011/08/30(火) 12:57:00.26ID:zZOdlLWY0 需要があれば 3:以下、名無しにかわりましてVIPがお送りします:2011/08/30(火) 12:57:43.54ID:QQpsyaDL0 服は着たままでいいか? 7:以下、名無しにかわりましてVIPがお送りします:2011/08/30(火) 12:58:28.87ID:aXZZKgRQ0 逆立ちして待ってる 10:以下、名無しにかわりましてVIPがお送りします:2011/08/30(火) 12:59:22.48ID:8TJY0PQU0 早くしろ 18:以下、名無しにかわりましてVIPがお送りします:2011/08/30(火) 13:02:12.34ID:zZOdlLWY0 じゃあ紹介していく ・用意するもの ・firefox6 最初のアドオンが何も入ってない状
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く