CSSは奥が深い！セレクタの書き方・命名や管理を改善する5つの原則
CSSは簡単なコードで書けます。しかし、プロジェクトの規模が大きくなるにつれ、コードが重複したり、未使用のコードが増えたり、!importantでの上書きが増えたり、読みにくいコードになります。 CSSのセレクタの書き方・命名や管理を改善する、シンプルで非常に効果的な5つの原則を紹介します。 Improve your CSS with these 5 principles by Adrian Bece (@AdrianBDesigns) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSを改善する命名の原則 CSSを改善する詳細度の原則 CSSを改善するDRY原則 CSSを改善する単一責任の原則 CSSを改善する開放/閉鎖原則 CSSを改善する方法のまとめ はじめに CSSは簡単で分かりやすいのに、CSSを書く時に
Linuxでプロセスが何のポート使っているかを調べる - Qiita
Linux（CentOS）で何のプロセスが何のポート使っているかを調べることがあったので。 大抵のことは以下のコマンドでどうにかなるのではないでしょうか。 lsof プロセスが使用しているポートを表示する
キャッチコピーってどう作ればいいの？ WEBライターがコピーライターに聞いてみた - ライブドアニュース
WEBライターは文章が下手だ、という批判が話題になったことがある。何をもって下手とするかは置いておいて、確かに新聞社などで教育を受けてない人も多い。そこで、より文章を上達させるために、WEBライターがプロのコピーライターに習ってみることにした。 挑戦するWEBライターは地主恵亮氏だ。 妄想を得意とし、彼女がいる風に自撮りした記事がイギリスの新聞で「世界でもっとも気持ち悪い男」として紹介されるなど、日本を代表するWEBライターの一人だ。 教えていただくのは、「こやま淳子」さん。 「13歳で結婚。14歳で出産。恋は、まだ知らない」（公益財団法人プラン・ジャパン）、「人生の谷間だって、美しくしたい。」（ワコール人間科学研究所）、「エールフランスなら、 飛行機のなかからフランスです。」（エールフランスKLM）などを生み出したバリッバリのコピーライターである。 頼んでおいてなんだが、よく受けてくれた
＠IT：DNS Tips：ゾーンファイルの書き方について教えてください
この中で、「クラス」にはいくつかの種類が存在しますが、「IN」（Internet） 以外を利用することはまずありません。また、リソースデータはタイプの違いにより複数の値が必要な場合があります。例えば「SOA」なら7つの値が、「MX」ならば2つの値が必要になります。 以下にBINDによるゾーンファイルの書き方を具体的に説明します。BIND以外の実装のネームサーバの場合は、ゾーンに含まれるデータは同じでもゾーンファイルの書き方は異なるものとなりますので、注意してください。 example.jp のゾーンファイルを例2に示します。example.jp.で始まる行がヘッダに当たる部分で、それに続いてns1.example.jp.等のexample.jpドメインに属する情報が記載されています。 この例ではリソースレコードが省略なくすべて記載されています。実際に管理者が作成するゾーンファイルではもっと
SPF（Sender Policy Framework） : 迷惑メール対策委員会
センドメール株式会社 (Sendmail, K.K.) 末政 延浩 2010年1月 1. SPFの背景 2. SPFの標準化 3. SPFの仕組み SPF送信側の設定 4. SPFレコードの記述法 5. SPF受信側の処理 6. SPF認証結果 7. SPFにおける課題 転送問題 第三者サーバ利用問題 8. Sender ID とSPF spf2.0とspf1 9. SPFの実装 10. SPFレコードの記述例 11. SPFレコードの間違い 有用な参照先 電子メールの送信者偽称を防ぐ送信ドメイン認証技術には、ここで説明する「Sender Policy Framework（SPF）」のほかに、「DomainKeys Identified Mail（DKIM）」、「Sender ID」など様々な方式が標準化されている。その中でもSPFは、他の方式に比べて既存システムに影響を与えず早期に導入で
現役アフィリエイターがWELQのSEOが強い理由を解説しよう - welqseoのブログ
DeNAが運営するデマサイトキュレーションサイトのウェルク(WELQ)がSEOのハッキングをやりすぎて、絶賛炎上中みたいですね。 ただどうも、はてな界隈はブコメを見ていても、SEOに関しては情弱が多いようで、なぜWELQのSEOが強いのかを詳細に語ったコメントやエントリーがあまり上がってこないなと言う印象を受けました。 そこで、普段ははてぶロム専の現役アフィリエイターがWELQのSEOが強い理由をただで解説してあげようかなと思ったわけです。 どっかのコンサルタント(笑)みたいにアドブロックをブロックするみたいなけちくさいことはやらないんで、安心して読んでくれればと思います。別にこの記事で1円も稼ぐ気はないんで。 WELQのSEOが強い5つの理由とは？ 最適化された内的SEOのサイト構造 WELQはSEOを極限まで高めるために、サイト構造を最適化させています。例えば、タイトルをh1タグ、小見
全部知ってる？今後のサイト制作で押さえたいCSSの最新プロパティ9選
CSSの登場から20年。この間、CSSはものすごく進化していました。「それって昔のやり方ですね」なんて言われないように、今後のサイト制作でチェックしておきたい最新のプロパティ（と関数）が学べる記事を9つ、厳選して紹介します。まだまだドラフト段階の仕様もありますので、各自記事の解説をチェックしてください。 1.グリッドレイアウトが捗るGrid Layout Module 『CSSレイアウトの常識が変わる！Grid Layout Moduleが胸アツ』（WPJ） CSSのレイアウトといえば、伝統的にはfloatプロパティ、最近ではFlexboxをよく使いますよね。仕様策定中の「Grid Layout Module」なら、もっと効率が上がりそうです。 2.テキストの回り込みが簡単に！ CSS Shapesプロパティ 『CSS Shapesでテキストを回り込ませるレイアウトを表現』（Webクリエイ
とほほのBootstrap 3入門 - とほほのWWW入門
このページは 「Bootstrap 3」について説明しています。Bootstrap 4 については、「Bootstrap 4入門」を参照してください。 Bootstrap は、スマートフォンなどのモバイル端末にも対応し、レスポンシブデザインを採用した HTML, CSS, JavaScript フレームワークです。 Twitter 社で開発され、最初は「Twitter Bootstrap」と呼ばれていましたが、現在は「Bootstrap」となりました。 ライセンスは MIT License で、商用利用も可能です。 現時点(2018年5月6日)の最新バージョンは 4.1.1 です。 Bootstrap 2 と Bootstrap 3 以降では一部互換性の無い機能があります。 2018年1月に Bootstrap 4 も正式リリースされました。
社長『サイト運営しないからドメインを削除して』→ 中古ドメイン屋に買われ風俗サイトにリニューアル→ 元に戻せ - すしぱくの楽しければいいのです。
公開日：2013年1月18日 カテゴリ：アレな話題 先日、ツイートした "7年くらい運営したサイトの会社から『もうサイトの運営しないから、ドメインとサーバーは削除して』っと連絡があったので、再三保有してたほうがいいと忠告したのだけど削除したら、即中古ドメイン屋に買われデリヘルサイトにリニューアル・・・それ見て元に戻せと電話キタ" が程よくRTされていたので、簡単ですが事の成り行きとかを書いてみました。('A') 戻せと言われてもね・・ 小生、リアル仕事でお客様のドメインやサーバーの運用を任されておりまして、客先より長年運営していたサイトをやめるという連絡をもらい、この事故が発生したわけでございます。 7年くらい運営したサイトの会社から『もうサイトの運営しないから、ドメインとサーバーは削除して』っと連絡があったので、再三保有してたほうがいいと忠告したのだけど削除したら、即中古ドメイン屋に買わ
有料写真が無断使用されたアマナイメージズ勝訴 クリエイター側の損害賠償のハードル下げる画期的判決
アマナイメージズが、自社で販売する有料写真がボストン法律経済事務所のWebサイトで無断使用されたことについて、損害賠償を請求し勝訴しました。裁判日は4月15日で、著作権、著作者人格権、独占的利用権の侵害が認められての判決。加害者に故意や過失があったかどうか立証しなくても、無断使用した事実さえ証明すれば勝訴できたという重要な例になります。 有料の写真素材を販売するアマナイメージズ 有料写真が無断使用されて損害賠償を求めた場合、使用者が「ほかのサイトから入手した」と主張して応じないことが多いとアマナイメージズ。従来ならこうした加害者に著作権侵害の故意や過失かあったか立証する必要があり、被害者の立証責任のハードルを高くしていました。 しかし今回の裁判では無断使用した従業員に、Web制作経験があったという経歴、事務所のWebサイトを作成する立場にあったことを照らし合わせ、著作権侵害の可能性があるこ
特定のロボットのみクロール許可するrobots.txt記述 - ヲレサイト
特定のロボットのみクロール許可するrobots.txt記述 久しぶりにアクセスログを見てみたら意味不明のアクセスがここ数日ドカンと増加していた。 うーむ。混乱に乗じてなんとか、ってやつかは分かりませんが（￣▽￣|||） 脆弱性（MTのじゃないんだけど）を突いて改ざんしようとしてるようなクエリの付いたアクセス何かの情報をひっかき集めてるような絨毯爆撃ページクロール概ねこの2種類。今んトコ被害らしいものはないですが･･･ウザい。 htaccessで対応するんですが、クロールの方はrobots.txtを読みに来てる奴もいるのでこのご時世無駄なトラフィックを増やさないように書き方を工夫してみる。 従来はこんな書き方。 User-agent: * Disallow: /検索エンジンといえどダメなディレクトリ/ User-agent: 変なロボットA Disallow: / User-agent: 変
IPアドレスで日本国外(海外/外国)からのアクセスを制限する.htaccess CGI's
日本に割り当てられているIPアドレスをAPNICより取得して、日本国外(海外/外国)からのアクセスを制限する（禁止する）.htaccessファイル又は一覧を作成します。 「IPアドレス表示」ボタンをクリックすると、日本への割り当IPアドレスの一覧が表示されます。 「.htaccessダウンロード」ボタンをクリックすると、日本へ割り当られているIPアドレスのみアクセスを許可する.htaccessファイルをダウンロードできます。 少し時間がかかります（数秒～数十秒程度）。 ブラウザやOSによって.htaccessをダウンロードするとファイル名の後ろに[1]と付いてしまったり、先頭のドットが消えたりするようです。その場合、お手数ですがサーバへ設置の際などファイル名を修正してください。 日本への割り当IPアドレスはAPNIC（アジア・太平洋地域のIPアドレス割り当てを行なう機関）にて現在公開してい
IT業界で横行する恥ずかしい英語発音 - Qiita
プログラマやデザイナと話してるとしょっちゅう変な英語発音に出くわします。 例えばheightを「ヘイト」と発音したり。 そういう時、私は心では「ヘイトじゃないよハイトだよ！」と呟きつつ、口では「そうですね、ではヘイトは80pxにしましょう！」なんて言ってるのであります。 まあ、所詮我々が話しているのは英語ではなく、日本語の中に出てきた英単語をカタカナで発音しているに過ぎないですし、テレビのテロップでmainをメーンと表記する時代ですので正解などは無いと思っています。 ですから、何でもかんでも正しい英語っぽく発音するべきなどとは思っていませんが、やはり「こいつ適当にスペルを日本語読みしてるだけだろ！」ってのが明らかな場合は、聞いているこっちが恥ずかしくなってしまうものです。 というわけで、この業界で横行してる妙な発音をまとめてみました。 間違って発音すると恥ずかしい英語 これらは間違って発音
4.5Pさん「『ホームページが作れて、チラシとかも作れる人が欲しい』っていうけど、ホームページそのものがいくつの技術を内包してると思ってるんだよ」から始まる新入社員教育論
きく_いけ_そう @so_harunohi 「ホームページが作れて、チラシとかも作れる人が１人ほしい」という会社があったのだけど、「職能として別物ですよ？」という話をしてもなかなか伝わらなかったので放っておいたら先日新人が入ってた。が、技術的には可能な範囲という感じで絶望的。彼、多分すぐ辞めると思う。
クラウドソーシングで提案し、キャンセルになったデザインが使われている - 沖縄ホームページ制作工房「株式会社wEVA」社長日誌
2014-08-19 ランサーズで提案し、キャンセルになったデザインが使われている Web制作 GW過ぎぐらいに開始になり、いろいろとデザインを提示させていただいたのですが、クライアントさんが気に入らなかったようで「デザイナのセンスが無い」などといろいろ言われたのでお断りさせていただき、ボツデザインとしてポートフォリオに載せていたページデザインが勝手に使われているのを発見。 顔が見えない相手のサイトつくるって怖いなぁと思った今日この頃です。 こちらから「あなたの相手は無理」とお断りさせていただいたデザイン、勝手に使っていいものなんでしょうか？ 会話のメールも残してありますが、「私の思い描いている色を提案しなさい」などのまるで色当てクイズで、外れると怒られるという感じでした。 webcrafts 2014-08-19 22:39 Share on Tumblr インターンシップ/OJTメンバ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Maps API無償版のポリシー変更、猶予期間が10月12日で終了、地図が突然表示されなくなる可能性も 
自社のWEBサイトで脆弱性が見つかった！？脆弱性の指摘を受けた場合に注意すべきポイント
ぱくたそ - フリー写真素材・無料ダウンロード
Webアプリケーションは難しい
無料ホームページ作成 | ホームページの作り方 | Wix.com
