Webページのリンクになっている文字列をコピーするスマートな方法／選択するつもりがリンク先にジャンプしてイライラしてませんか？【やじうまの杜】
『セルクマ』をするべき３つの理由 - ゆとりずむ
こんにちは、らくからちゃです。 いつも皆様はてブを沢山つけて下さり、誠にありがとう御座います。わたしは、沢山はてブが貰えることを楽しみに文章を書いています。はてブが貰えると、『ああ、こんな風に読んでもらえたんだなあ』ということが分かりますし、アクセス数も増えてより多くの人に記事を読んでもらえ、大変有難い話です。 はてブとホットエントリー 『はてブ』が沢山つくと、『ホットエントリー』という『はてなブックマーク内の人気記事』として紹介して貰えます。ホットエントリーになると、アクセス数はその記事だけで3万から6万PVにまでなります。『ホットエントリーに入るのはとても大変なのでは？』と思われるかもしれませんが、コツさえ掴んでしてまえば、それほど大変な話では有りません。その辺の話は、下記にまとめてみました。 またわたしは、ブログで『お小遣い稼ぎ』をしていますが、ホットエントリーが発生すると、だいたい
WordPressで更新・お知らせ履歴を別ページで作る方法【大幅刷新】
WordPressで、更新履歴やお知らせ履歴をリスト表示したシンプルな別ページを作って、トップページやサイドバーからiFrameやphpのinclude等で呼び出したいケースがあります。 方法は色々ありそうです。私がクライアントさんのサイトで行った方法を紹介します。 ※当初はExec-PHPプラグインを利用した方法を紹介していたのですが、セキュリティ的に問題があるということで、ショートコードを利用した方法に変えました。http://memo.dogmap.jp/さん、情報ありがとうございます(2013/7/10) 固定ページを利用する 私が実施した方法は、固定ページ内に更新履歴やお知らせ履歴のループをショートコードで書いてしまう方法です。ショートコードを利用すれば、固定ページの記事内でPHPを動かすことができます。 そして、固定ページはページ毎にテーマを変えられます。リストだけを表示するシ
preg_matchで複数行の検索を行う | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
正規表現で文字列検索を行いたいときにpreg_matchを使うことがある。 $str = 'アストロデオのブログ'; preg_match('/ブログ/', $str, $result); //$resultの中身 array([0] => ブログ) このpreg_match、検索対象の文字列が1行なら特に問題ないのだけど、複数行にまたがるようなときは、上記の書き方だと上手く結果を返してくれない。 file_get_contentsなどでファイルの情報を取得し、さらにその中の一部の情報を取得したいようなとき、1行だけしか検索できないと、都合が悪いことがある。 <div> � � � <p>アストロデオのブログ</p> </div> 例えばsample.htmlに上のようなコードがあり、そこを丸々取得したいとする。 $data = file_get_contents('sample.html
line-height の値には単位なしが良いとされる理由
CSS で行ボックスの高さを指定する line-height 値に、em(length) や %(percentage) などの単位を付けて指定しているサイトを意外と見かける。それは間違いではないし、例えばナビゲーションとかでブロック要素の垂直センターに配置するために意図的に指定しているんであれば良いんだけれど、そうでないなら line-height 値には単位なし (number) で指定した方が良いのにとか思ったりする。その理由は Eric's Archived Thoughts: Unitless line-heights でも分かりやすく説明されているんだけど、ちと劣化コピーしてみる。 単位ありと単位なしの違い 手っ取り早く説明するために、サンプルを作ってみた。p 要素があって、その中にインライン要素の em で一部分を強調している。分かりやすいようにそれぞれの font-size
HTML5 でやりがちな間違い
HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 Avoiding common HTML5 mistakes ： HTML5 Doctor 翻訳といっても要約みたいな感じですので、書いてあることをそのまま日本語にしたものではあり
クロスブラウザ対応を助けるJSライブラリ"Modernizr" - ふろしき Blog
Modernizrは、HTML5やCSS3などの新しいWebの標準がWebブラウザに実装されているか、汎用的なインタフェースを通じて確認することができるJavaScriptライブラリです。 ▼公式サイト http://modernizr.com ▼ダウンロード http://modernizr.com/download/ ▼Developper版（動作を試してみたい方向け。） http://modernizr.com/downloads/modernizr-latest.js ※注：そのままでは機能が不足するため、1章〜4章の解説通りには動いてくれません！ 以下は、簡単なコードのサンプルです。WebブラウザにCanvasの機能が備わっているか、確認することができます。 <script src="./js/modernizr.canvas.js"></script> <script> if(
Facebookで友達になりたくない相手から、友達申請が来た場合の対処法 | 京都 ホームページ作成 WEB制作会社 ライフクルー
photo credit: miguelavg via photopin cc Facebookユーザーの6割、「承認したくない友達申請受けたことがある」 http://www.itmedia.co.jp/news/articles/1211/28/news097.html [ITメディアニュース] Facebookを使っていると、一度はぶつかる問題ですね。 セミナーなどの質疑応答でも「どうすればいいでしょうか？」と、よくいただく相談です。 対処する方法としては、 まず“承認しない”のか、それとも“承認する”のかで大きく別れますが、 いくつかあるので、以下順番にまとめて説明します。 まずは 友達リクエストを承認しない 知らない人からは友達リクエスト出来ないようにする でも、承認せざるを得ない場合は、 自分の投稿を見られないようにする 友達の投稿がニュースフィードに流れないようにする やっぱ
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
CSSの勉強中に困ったら
CSSの勉強中に色々困ることが起きて検索するのですが、だいたい同じところに行き着くので自分用のリンク集も兼ねてまとめておきます。 仕様を確認するとりあえずW3Cを見に行った方が早い。 そもそもプロパティや値について分かっていない場合はここで解決することが多い。 CSS current work & how to participate現在の状況と仕様書の目次。CSS3の日本語訳集 - 血統の森 web実験小屋日本語訳へのリンク集。W3Cの目次から探すのが面倒なときはGoogleで「w3.org プロパティ名」で探すと早い。「devs.w3.org」と「www.w3.org」を分けて検索するのもいいと思う。 ブラウザの対応と実装対応しているかどうかだけの場合は以下の2つのサイトで事足りる場合も多い。 When can I use… Support tables for HTML5, CSS3
Dreamweaverの便利なコマンドや拡張機能のまとめ
コーディングをするときに自分が主に使ってるのがDreamweaverです。そのままでもいろいろ機能があって便利ですが、コマンドや拡張機能を入れることによってさらに便利に使うことができます。 そこでDreamweaverのコマンドや拡張機能で見つけたものをまとめてみました。他にもこんな便利なものがあるよなど教えてもらえるとうれしいです。 使い方は、コマンドの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows → C:\Program Files\Adobe\Dreamweaver CS5.5\ja_JP\Configuration\Commands Mac → ライブラリ\Application Support\Adobe\DreamweaverCS5\ja_jp\Configuration\Commands 拡張機能はダウンロード
これは便利！コピペで使える実用的なCSSテクニックいろいろ
div.tucked-corners { background: #f6f6f6; height: 380px; margin: 50px auto; padding: 10px; position: relative; width: 580px; -webkit-box-shadow: 0 1px 7px hsla(0,0%,0%,.2); -moz-box-shadow: 0 1px 7px hsla(0,0%,0%,.2); box-shadow: 0 1px 7px hsla(0,0%,0%,.2); } ...詳細はリンク先を参照 /* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ * {margin:0;padding:0;} /* must
1円も使わずMacを高速化出来る8つの方法。 – 和洋風KAI
「人間のストレスのほとんどは、突き詰めていけば "遅い" ことのいら立ちである」といっていたのが、かの天才芸人松本人志。 言われてみれば、そのとおりだなぁと。 つまり裏をかえせばあらゆる事のスピードが上がればストレスはなくなっていくわけです。 というわけで、一日中ずっと使わざるを得ないMacを高速化すればストレスはガクンと無くなるに違いない! ってわけで、訳の分からない口上でございますが、ネットに散らばる1円も使わずMacを高速化出来るTipsをまとめてみたので、お役に立てれば幸いでございやす。 1.OnyXでMac内のゴミを掃除してもらおう。 「Macの不可視ファイル表示」というタイトルにしましたが、クリーニングやメンテナンスにも使える「OnyX」は本当に重宝しています。 .で始まるファイルを確認する | labs.yusukenakanishi.comというエントリーからトラックバック
WEB屋の“メンドクサイ”は多事多難！今年遭遇したメンドクサイの数々、そして対処法色々！ | バンクーバーのうぇぶ屋
なるべく口にしないようにしていますが、正直言って僕はかなりの頻度で”メンドクサイ”と思うことが多いです。何か面倒な作業が目の前に立ち塞がったら、とにかく”メンドクサイ”と思うように心がけています。 というのも、僕にとって”メンドクサイ”という言葉は口にしたらアウトですが、思う分には誰にも咎められることはありません。おまけに、その瞬間僕が“メンドクサイ”と感じたことは、解消できれば僕の作業効率は絶対に上がることを意味しているから、別に誰になんと言われても僕にとっての“メンドクサイ”は良い言葉です。 大事なのは”メンドクサイ”で終わらせないこと。”メンドクサイから解消しなきゃ！”で口癖（思い癖？）にできれば一番でしょうか？ というわけで、今日は僕自身が「あー、もうほにゃにゃらら（メンドクサっ）！！」と思った時に、そのメンドクサイを解消してきたサービスやツールなど、遭遇したシチュエーションにも分
CSS記述規則「プロパティ別整理法」の提案 : akiyan.com
2005-03-06 はじめに 2005-03-05 提案の目的 2005-03-07 必須ツール 2005-03-06 注意点 2005-03-11 多くのCSSは図書館方式で整理されている 2005-03-06 図書館方式の例 2005-03-07 図書館方式の利点 2005-03-11 図書館方式の欠点 2005-03-04 図書館方式の何が不満か 2005-03-06 プロパティ別整理法とは 2005-03-04 絶対規則 2005-03-04 推奨規則 2005-03-06 プロパティ別整理法の例 2005-03-11 プロパティ別整理法の利点 2005-03-04 プロパティ別整理法の欠点 2005-03-04 プロパティ別整理法に近い例 2005-03-04 機械との親和性 2005-03-04 Grep検索を活用する 2005-03-04 機械が完全に理解できる 2005-
3大「WordPressに慣れていない人がやってしまいがちだけど、こっちのほうがいいのになぁ」って思うこと
どーもどーも。最近めっきりネタストックの出来ていないマイペースたんです。 この記事は12/1～12/25の期間、毎日ブログ記事を数珠つなぎにしていく「WordPress Advent Calendar」の第19日目として書いております。 18日目の@kamiyamさんから引き継いでの記事でございます。 とはいえ、最近これはいいなぁと思ったネタはもうすでに先月書いてしまったし、V3.3はまだ全然触れてないし、最近理解を新たにしたループについての話はkzさんがさらっとスマートに書いてしまっていたりで、、、困った困った。でも考えました。 ここ最近、ありがたくも自サイトからWordPress関連のちょっとした作業依頼をいただく機会が増えました。 ご依頼内容としては、「デザインやプレーンなサイト構築についてはこなれているけれど、どうもWordPressに組み込んだ時に言うことを聞いてくれないからなん
少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TEST CORDING » Sassの@functionの使い方まとめ – プログラマブルな処理は@function
対迷惑メール - weemo*
この発想はなかった！Web屋向けのDropbox便利な活用術
