サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
![サービス終了のお知らせ - NAVER まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/d339183efeb28bdc67eee612854e7fab2919070c/height=288;version=1;width=512/https%3A%2F%2Frr.img.naver.jp%2Fmig%3Fsrc%3Dhttps%253A%252F%252Fimages-fe.ssl-images-amazon.com%252Fimages%252FI%252F61RGKOdI1SL.jpg%26twidth%3D1200%26theight%3D1200%26qlt%3D80%26res_format%3Djpg%26op%3Dr)
このコラムでは、煽っていると思われても仕方がないくらいに、HTTPSの重要性と普及度を頻繁に伝えている。こうした勢いに押されて常時HTTPSへの移行の準備にとりかかっているかもしれない。 そんなあなたのために、グーグルのジョン・ミューラー氏がHTTPS移行によくある質問とその回答をGoogle+でシェアしてくれた。全部で13個ある。 Q1Search Consoleで何かを設定する必要があるか? HTTPSのサイトを登録するだけでいい。それ以外には特にSearch Consoleで行うべき設定はない。HTTPからHTTPSへの移行にはアドレス変更ツールは使えない。 Q2A/Bテストはどうやったらいいか? Googlebotを特定したクローキングをやってはいけない。HTTPSをテストするがインデックスさせたくないのなら、302リダイレクトとHTTPに向けたrel="canonical"を使う
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
Photo by Marcy Leigh こんにちは。谷口です。 現在、Webデザイナーとして働いている皆様はどんな書籍を読んでいますか? 最近は、基礎的なデザインの勉強をしてきた方だけでなく、もともとITエンジニアとしてWebサービスの開発をする中で、Webデザインもすることになったという方も多くいらっしゃるかと思います。 今回は、Webデザインの仕事をしている方々が、デザインをするに当たってジャンルごとに役立つ書籍を17冊ご紹介いたします。 目次 ・IA、UI、UX ・レイアウト ・配色 ・HTML/CSS ・CMS組込み ・デザイン技法 ■IA、UI、UX ◆1.IAシンキング Web制作者・担当者のためのIA思考術 IAシンキング Web制作者・担当者のためのIA思考術 作者: 坂本貴史,宮崎綾子,長谷川恭久出版社/メーカー: ワークスコーポレーション発売日: 2011/03/29
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
css3でアニメーションを使用するサイトが近頃増えてきました。背景としては、css3アニメーションのプロパティにほぼ対応しているスマホ端末の普及や、animationプロパティ未対応のIE9(IE6~IE8を含む)のシェアが低下してきていることが挙げられると思います。 つまり、css3アニメーションの対応ブラウザは「増加中」ということに他ならず、実装するサイトは更に増えていくのではないでしょうか。 今回は、そんなcss3アニメーションの実装時に参考できる22サイトを集めてみました! 1:丸型オブジェクトにピッタリのアニメーションギャラリー 丸型オブジェクトに対して、様々なホバーエフェクトを実装しています。 何気なくマウスオーバーした時にこんな動きがあれば、注意を引きつけられそうですね! http://tympanus.net/codrops/2013/05/30/simple-icon-h
主要ブラウザで使うことの出来る「CSS3」ですが、IE8に対応していないためにCSS3の基本や使い方は知っていても実務等では使う機会が少なかった(クライアントワークではIE8が対応ブラウザに含まれていたため)方もいらっしゃると思います。そうするとふと「あれ、あのプロパティはどう使うんだっけ?」とか「この要素だけにスタイルを適応するCSS3は何だっけ…?」など忘れてしまうこともしばしば…。 最近ではIE8のシェアは低くなり、またスマホサイト制作の機会も増えたためクライアントワークでもCSS3を活用したWeb制作が増えてきました。そこで今回は、まず覚えておくと便利な機能の復習とそれを応用し「これCSS3だけで作れるの!?」というような驚きの作品の数々をまとめてみました! CSS3とは そもそも「CSS3」とは何のことでしょうか。改めてその定義を確認してみましょう。 「CSS」は、ウェブページの
今回は東京で行ってみたい、老舗洋食屋さんの名店をご紹介します!オムライスにナポリタン、ハンバーグにタンシチューなど美味しそうなのが一杯♪ 1.グリル佐久良 :つくばエクスプレス 浅草駅 浅草にある洋食屋さんです。このエリアには老舗のお店が多く、全体的にレトロチックな下町の雰囲気。グリル佐久良は1967年創業、地元の人が通うお店です。全体的にやや高めの価格設定ではありますが、どれも文句なくおいしい。 おススメはタンシチュー(上の写真)。とろとろでコクがあり、洋食の命デミグラスとタンのうまさがガツンときます。 ■ 基本情報 ・名称: グリル佐久良 (グリルサクラ) ・住所: 東京都台東区浅草3-32-4 ・アクセス:つくばエクスプレス 浅草駅 徒歩8分 東京メトロ銀座線、東武伊勢崎線 浅草駅 徒歩9分 ・営業時間: 11:30~14:00 17:00~20:30 ※1/1よりお正月時間に
photo credit: kouyuzu via photopin cc 少し冷たい風が気持ちの良い秋は、特に鎌倉を歩いていて楽しい季節。赤や黄色の綺麗な紅葉を眺めながら、ぶらぶら歩いて、美味しい甘味を食べたり、お茶を飲んだり。それだけで日頃の疲れが取れる気がする。秋に歩きたい「鎌倉」のおすすめ紅葉スポットなどについてまとめました。 ◆鎌倉の紅葉の見頃は? 例年の傾向だと11月の下旬〜12月下旬。 ◆鎌倉で綺麗な紅葉を見るなら 鎌倉の中でも特に紅葉が綺麗と言われている主要なおすすめスポットについてまとめました。特に「獅子舞の谷」は穴場ながらも、鎌倉の中でも一番紅葉が綺麗、と言う人もいるほどで是非一度行ってみてほしい場所。 ■鶴岡八幡宮 photo credit: itchys via photopin cc 鶴岡八幡宮 ■明月院 photo credit: jmsmytaste via
Web制作時に、あれ?なんだっけな?って時に役立つ便利サイトを紹介します。 HTML5やCSS3の各ブラウザのバージョンごとのサポート状況、スクリーンサイズやデバイスごとのMedia Queriesの書き方、Bootstrap, Foundationなど各フレームワークの対応ブラウザやライセンス、ブラウザの各バージョンごとのCSS Hackなど、いざという時に役立つサイトばかりです。 Can I Use...Support tables for HTML5, CSS3 Can I Useは先月くらいにUIを刷新し、より使いやすくなりました。デスクトップ・モバイル用の各ブラウザでのバージョンごとのHTML5, CSS3のサポート状況がそれぞれ詳しく分かります。
WordPressの売りの一つである豊富なプラグイン。でも、個人的には、プラグインにはなるべく頼らないようにしています。理由は下記のとおり。 WP本体のバージョンアップで、使えなくなる可能性がある 相性が悪く、併用できないプラグインがある プラグインに不具合があった場合、自分で対応するのが難しい WPが下火になった場合、プラグインの開発が滞る このため、テーマをいじるぐらいで実現できる機能はプラグインを使わない方針で運営しています。その他あってもなくてもたいして変わらないような機能はなるべくつけないようにしています。ここでは、現在使用中・使用経験あり・使用を検討したプラグインについてまとめていきます。
作成:2014/06/9 Web制作 > トレンド感のある動きや、洗練された見え方を実現するために、知っておきたいことや方法など。Web制作の現場で知っておくべきことをまとめました。全部取り入れるのは無理ですが、押さえておくことで今以上に見栄えのするサイトを作れると思います。ここ最近のトレンドをおさらいしたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ファーストビューで使いたいエフェクト 1.ロングシャドウ 2.ポリゴン 3.ラージフォトスタイル 4.ブラーエフェクト 5.フルスクリーン動画 6.画像シーケンス 脱ビットマップ画像 7.SVG 8.Webフォントを円で囲む 配色・フォント 9.配色(フラットデザイン) 10.タイポグラフィ(フラットデザイン) 11.フォント(フラットデザイン) 効果 12.Infinite Scroll(無限スク
Illustratorでウェブデザインをおこなう人が増えてきましたが、やはりPhotoshopをベースにしているデザイナーさんが多いと思います。そんなPhotoshopを更に便利にパワーアップするプラグイン・機能拡張を紹介します。 ここで紹介するものは、当方の日本語環境(Win/Mac, CS6/CC)で利用しています。 面倒なガイド引きをパワーアップする強力な味方 等間隔ではないガイド引きを簡単に設定できる 選択範囲やオブジェクトを元にガイドが引ける さまざまなオブジェクトのカラーを一元管理できる 要素のサイズやエフェクトやフォントなどの情報を書き出す PNG画像をより美しく、より軽量に書き出す 黄金比、黄金螺旋、黄金三角形、1/3ルール、対角線などを簡単に描く Subtle Patternsのテクスチャ素材をPhotoshopから利用できる flat iconのアイコン素材をPhoto
最近のウェブやスマフォのページで使われている効果的で面白いさまざまなアニメーションを実装できるスクリプトを紹介します。 スクロールに連動してさまざまな要素がアニメーションで表示されたり、ページを表示する時にふわっとさせたり、画像にSVGでブラーをかけてテキストを載せたり、物理演算エンジンで慣性を楽しんだりなど、デモを見るだけでもかなりいい刺激がもらえるスクリプトばかりです。 Agile Agile -GitHub SVGやWebGLを使用せず、JavaScriptでCSS3アニメーションを生成するライブラリ。デスクトップの各ブラウザ対応だけでなく、スマフォやタブレットにもパフォーマンスが最適化されています。キーフレームやトゥイーンを使ったアニメーションが得意です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く