リリース前に再チェック！つい見落としがちなサイト制作物まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
LIGの背景画像になって以来、いつ街で声をかけられるのかソワソワしていましたが、いつもと変わらない日常を送っているディレクターの鮫島です。 お客さんとの打ち合わせで「セクハラですね」と言われたのはいい思い出です。 そんなセクハラ画像はこちら さて、今回はサイト制作をする上で、油断しているとつい忘れてしまいがちな制作物（404ページなど）をまとめました。 今では見落とすことはありませんが、ディレクターを始めた時は、メインの制作物に気がいってしまい、つい・・細かいページを忘れてしまって、リリースの直前に気づいて慌てて制作する。。というとても恥ずかしい失態をしていたのを思い出します。 制作物といっても幅広いので、ページやパーツ毎にまとめてみました。 必ずしも制作するものばかりではないので、制作物毎にチェックするといいと思います。 ページ編 404ページ 存在しないURLが打ち込まれた場合に表示さ
[WordPress]パーマリンクの変更方法とパターンの考察 | バシャログ。
こんにちは Latin です。 バシャログ。には、WordPressの記事が少ないな～と感じてたので今後増やして行きたいと思っています。 今回はWordPressの基礎的な分野でもあるパーマリンク設定について簡単にまとめてみます。 例として、「果物」のカテゴリーに「リンゴ」の記事を投稿すると仮定します。 【デフォルトパーマリンク】 http://example.com/?p=1 カテゴリーや投稿スラッグなどの識別要素がなく、記事の投稿IDのみになっていますね。 せっかくなのでSEOに有効なパーマリンクに書き換えます。 【パーマリンク設定変更画面】 サイドメニューの「設定」→「パーマリンク設定」で設定画面を開きます。 「カスタム構造」にチェックをして、パーマリンクタグを任意のものに書き換えます。 【利用可能なパーマリンク構造タグ】 %year% 投稿年・4桁 （例）2004 %monthnu
![[WordPress]パーマリンクの変更方法とパターンの考察 | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/b53dec6a802a8894496962b618bea8a7e8829438/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_wordpress.png)
表示が崩れてる!?そんな時の原因発見方法
ブラウザで確認をせずにコーディングに没頭していると、いつの間にか崩れてしまっているなんてことが結構多くあるのですが、その原因となる部分を見つけるのは、慣れるまではかなり時間がかかってしまう。自分もコーディングを覚えたてのころは、数時間も原因となる箇所を見つけることに悩んだりした時期もありました。 初心者などは、問題となる箇所を見つけるのに苦労したりすると思います。問題を解決させるために、CSSをどんどん加えていったり、important!をつけたりなんてことで解決させようとする人もいると思いますが、今回はその問題となる箇所を見つけるために、しておくといいことを、いくつか紹介します。 まず、あわてないこと 表示が崩れていたりすると、ものすごくあせってしまったり、解決しないとすごくイライラがたまってしまうなんてことがあるのですが、まず最初は落ち着くことですよね。あせったりイライラすると、結構簡
はてなブックマークとRSSを１つのアプリでまとめてチェック『FeedDrop』 - リニューアル式
降りそそぐ良記事！FeedDrop（フィードロップ） 1.0.0（無料） カテゴリ: ニュース, ソーシャルネットワーキング 販売: Mays Creative Office（6.5 MB） 今までありそうでなかったアプリが新登場。 407個目の原石アプリは「FeedDrop」。はてなブックマークとRSSを１つのアプリでまとめてチェックできるリーダーアプリだ。 RSSの登録方法は、いつも読んでいるブログを検索するだけなのでカンタン。 記事のシェア先も必要十分。 Google Readerは終わるけれど、僕の情報源はほぼこの２つなので、今までよりもむしろ捗りそうだ。 オススメ度 ★★★★★ ここからは作者さんへの要望。ぜひ！ ・はてなブックマークの新着記事も見られるとうれしい ・文字サイズを変更できるとうれしい ・広告なしを選べるとうれしい 高橋モトシ(@Motoshi_t）でした。
あなたのサイトがレスポンシブデザインかどうか確認できるサイト「Am I Responsive?」 | ライフハッカー・ジャパン
「Am I Responsive?」はあなたのサイトがレスポンシブデザインかどうか確認できるサイトです。URLを指定すると様々な大きさのディスプレイでどのように見えるかをチェックできますよ。レスポンシブになっているかどうか確認したい方には重宝するサイトです。 以下に使ってみた様子を載せておきます。まずAm I Responsive?へアクセスしましょう。 確認したいサイトのURLを指定しましょう。「GO」ボタンを押します。 このように様々な大きさの画面で閲覧したときの表示具合を確認できます。それぞれページをスクロールすることもできますよ。レスポンシブデザインかどうかひと目で確認できて便利ですね。ウェブデザイン系のお仕事をされている方には重宝するサイトかと思います。ぜひご活用ください。 Am I Responsive? （カメきち）
FacebookもLINEも連携予定！ 複数SNSアカウントを一元管理できる『SNSManager』 | ライフハッカー・ジャパン
企業のSNS担当者にとって、複数のSNSを管理するのは大変。特にFacebook（FB）ページの管理人は、毎回ブラウザからアカウントを切り替えて投稿しなければならず、面倒な時もあるでしょう。間違って別のページに投稿（誤爆）してしまう...なんてリスクも無いとは言い切れません。「もし複数のFBページをひとつのツールで管理できたら便利なのに...」と思ったことのある人もいるはず。 私も複数ページを管理しているので、「SNSを一元管理できるツールはないかなあ」とネット上を探していたところ、『SNSManager』というツールを見つけました。まだ出来て間もないツールのようですので、今回はこれを取り上げてみたいと思います。以下に、使ってみてわかったことを列挙してみました。1. 複数のFBページを登録できる SNSManagerを使えば、自分が管理人になっているFBページを1つのツールに集約できます。
そっくりな曲を並べて比較、実際に自分の耳で聞いてどれだけ似ているか確認できる「Sounds Just Like」
旋律や雰囲気がよく似た曲を見つけ出してきて、並べて比較しているサイトが「Sounds Just Like」です。比較ページではアルバムのカバー写真をクリックすると、AmazonのCloudFrontに保存された音楽が再生できるようになっており、ワンクリックで実際の曲を聴いて自分の耳でどれだけ似ているかをすぐに確かめることができるようになっています。 Songs that sounds like other songs | | Sounds Just Like http://soundsjustlike.com/ 「Sounds Just Like」にアクセスしてみるとこんな感じのページが表示されます。 アルバムジャケットの上にある再生マークを押す曲の似ている部分を再生することが可能。画面左側にあるのが新しい曲で、右側にあるのが古い曲となっており、偶然なのかわざとなのかはさておきそっくりな雰
株式会社DXディライト｜Salesforce導入コンサルティング
DXディライトは、見込み客の獲得から顧客化、受注後の業務フローの構築など、Salesfoceを中核にあらゆる部門の業務環境・フローの構築をご提案いたします。Salesforceの認定パートナー。
デスクトップでもスマフォからでもHTTPステータスコードを簡単にチェックできる -httpstatus.nl
複数サーバーのHTTPステータスコード、レスポンスヘッダ、リダイレクト先とチェインをチェックできるオンラインサービスを紹介します。 チェックしたものはCSV書き出しにも対応しています。 HTTP Status Code Checker 使い方は簡単です。 入力欄にチェックしたいURLを入力し、「Submit」ボタンをクリックするだけです。 google.comとcoliss.comをチェック！ URLは一行につき一つで、複数のURLを入力できます。 チェックすると、左からURL、ステータスコード、リダイレクトで表示され、それぞれソートが可能です。 「Submit」の下の「Settings」ではUA、Basic認証、リクエストヘッダを設定できます。 結果はCSV書き出しにも対応しており、エクセルなどで開くことができます。
ウェブサイトの制作に必ず役立つブックマークレットのまとめ
ウェブサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなるのがイヤな人にぴったりです。 レスポンシブの確認はこれが一番便利 コードとアクセシビリティをチェック ページに柔軟なグリッドを表示 デザインの確認がピクセル単位でできる CSSの変更をリフレッシュ無しで確認 要素のスタイルを確認 CSSのセレクタを確認 ページで使用しているカラーを抽出 CSS3をサポートしていないブラウザでの見え方 ページの見出しを抽出 ページの構造が正しいか確認 ページをワイヤーフレーム化 コードをシンタックス化して読みやすく スマフォやタブレットでもコードが見たい レスポンシブの確認はこれが一番便利
Webサービスを作ったらチェックしておきたいリスト『Web Developer Checklist』 | 100SHIKI
便利そうだったのでエントリー。 Web Developer Checklistは、Webサービスを作ったらチェックしておきたいリストだ。 もちろん人によっては過不足があるだろうが、たたき台としては使えるのではなかろうか。 なお、チェックする際に使えるツールなどもあわせて紹介している点も素晴らしい。 リリース前にちょっと見るのもいいですな。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
地味だけどかなり便利！指定したカラーにホワイトとブラックを加えてカラーパレットを作成するサービス -HEXCOLORTOOL
TechCrunch | Startup and Technology News