【第2弾】少しのコードで実装可能な20のCSS小技集はるか6年前に書いた記事「少しのコードで実装可能な20のCSS小技集」の第二弾です！（スパンながっ）簡単なコードで素敵な効果が得られる小技をダダっと紹介してみます。前回に引き続き、初心者さんからベテランさんまで参考にしてみてください！ 少しのコードで実装可能な 20 の CSS 小技集 目次画像を丸く表示1 本線のテーブル1 本線の水平線線色を指定しなくても文字色と同一色になる複数の背景画像背景画像のサイズWeb フォントを使う画像をモノクロやセピアにするリストマーカーの色を変更グラデーショングラデーションボーダーフラットだけど立体的ボタン画像をぼかすレスポンシブに対応した動画要素を真ん中に配置カンマで分けたリスト文字を縦書きフォーカスすると伸びるテキストボックスiOS でボタンのスタイルをリセット線のオフセット設定HTML・CSS の全

最近 Stop using tail -f (mostly) や 「tail -f」を使うのは情弱、情強は「less +F」を使う などless押しな記事が幾つか上がっているんだけど、タイトルが煽り気味なのか若干反感を呼んでいるようなのでless派が職場で肩身の狭い思いをしないようにもう少し便利な使い方を紹介したい。 tail -fの様なScroll forward less +Fで起動またはless起動中にF 元記事にもあるtail -fと同様の振る舞い。正直この機能と検索だけでいいのであればtailで十分。lessの便利なところは様々な機能との組み合わせにあって、これから紹介する機能は基本的にこのモードと組み合わせが可能だ。あと、less開いてFのほうがタイプが面倒くさくないのでおすすめ。 1行で表示する (改行しない) less -Sで起動またはless起動中に-Sr(-Sでモード切

とあるお仕事で、jQueryなどのライブラリー利用不可というものがありました。その際利用した、jQuery的に使える便利なメソッドをメモしておきます。（※ 昔使っていたものを引っ張りだして改善したものなので、どこかで公開されている可能性があります） 更新 addClass,removeClassを修正致しました。 元記事 下記エントリの転載になります。 jQueryがNGな時に備えて、用意しておきたい便利なメソッド イベントリスナ jQueryでいうところの、.on() に該当するものです。 "addEventListener" か "attachEvent" かを判定し、addEventメソッドを定義しています。 var addEvent; if (window.addEventListener) { addEvent = function (target, name, fn) { if

色塗りサービス あなたの頭を整理する。 データの見える化に地図を活用。 気づかなかった発見が生まれる。 ウェブサイトで白地図に色を塗れます。 白地図に色を塗る ※塗った地図は1年間保存されます。 2024年5月15日 : 日本地図の離島を修正しました。 頭の中を書き出そう。 頭の中で考えているだけ？ それでは見過ごしていることがたくさんありますよ。 わかりやすく、地図に書き出してみませんか。 今まで気づいていなかったことに、きっと出会えるはず。 使用例 ： 四色定理の地図を見る

障害発生の際など、やむをえず自宅で就寝中の社長を起こさないといけないことがある。インターネット時代においても遠隔地にいる人間の意識を強制的に遮る有効な方法は一つである。電話だ。 普通の人間なら順番にただ電話すれば良いのだが、我々は電話恐怖症を患うエンジニアである。過去のトラウマから誰かに電話をかけることが不安で仕方ない。 さらにはリモートワークの環境だと、アメリカ西海岸にいる社員が日本の電話番号に電話するのは色々と敷居の高さがある。素早く簡単に社長に電話し不機嫌にすることなく即座に目覚めさせる方法が必要だ。 このような課題を、我々が対処する方法はただひとつ「自動化」である。機械に電話させればよい。行末スペースをただひとつも許せないほど繊細な心を持つ我々と比べて、機械は感情がないので不機嫌な人間に当たられても何も感じない。 今回は、感情のないロボットに社長に電話させる方法を紹介する。 Twi

メインを作り置き！ 簡単おかずレシピ16選 忙しい日や食事を作るのが面倒な時に役に立つ、作り置きできるおかずのレシピをご紹介します。多めに作って冷蔵庫や冷凍庫に保存しておけば、夕食の献立がパッと決まってストレスフリー。お弁当のおかずにもお役立てください。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 非デザイナーエンジニア(Rubyist)の私が、一人でこんなWebアプリを作ってみました。 まだβ版ですが、Pocketやfeedlyの未読コンテンツの中から、 重要度が高いものだけをリマインドしてくれるサービス「Reminderr」です。 Reminderr：http://www.reminderr.me/ 要するに、私自身のPocketとかRSSがカオスになっているので、 その中で重要なものだけ教えてほしかったので、 自分で作っちゃえ！って思って作りました。 そのときに使った便利ツールたちをまとめておいたら便利そうだったので、 今回

けっこう反響のあった鶏胸肉コンフィについてまとめました。胸肉とは思えないほどしっとりしていてジューシーで、和洋中全てに応用できる便利な料理です。興味があればぜひ。

「Snippet Repo」はコードやコマンドの断片=スニペットを共有することができる開発者のためのサイト。 プログラミング言語ごとに便利なスニペットがいろいろまとめられているので、眺めているだけでも新たな発見があるかもしれません。例えばphp / javascript / C# / ruby / python など人気のプログラミング言語ごとにタグで分類されています。 プログラミング言語だけではなく、gitに関するスニペットなんかもあります。上は「よりよいgit logを実現するためのスニペット」で、フォーマットや色がカスタマイズされていて見やすくなっています。 ただし残念なことに、スニペットを新規登録できるのは招待されたメンバーのみに限定されています。投稿されたコードの品質を高く保つためらしいのですが、自分で好きなコードを投稿できないと面白みが少ないかもしれません。アイデアとしては面白

CocProxyというツールがあります。名前の通りプロキシサーバーなのですが、用途が開発用です。置換プロキシと言うらしいですが、これがとっても便利です。例えば、クローラーの開発や、HTML,CSS,JavaScriptの修正をする際に、このCocProxyを利用するとダウンロード待ちのイライラが解消され、効率アップ間違いなしです。ローカルのみで完結するのと、Webへのアクセスが必要とするのでは、スピードが数十〜数百倍違います。一回だけでみたら、数百ミリSecの差ですが累積で考えると大きいですよ。 CocProxyとは？ Ruby製のProxyServerです。かつ標準ライブラリで動くことを目標としているので、Rubyの環境があれば、ダウンロードして直ぐに使えます。また基本的には1ファイルで完結するので、導入も簡単です。Ruby1.9をベースにしていますが、Ruby 2.0でも特に問題なく動

まだ使いこなせていない人必見、「Apple Intelligence」を使うべき3つの理由。オリジナル絵文字で自慢しちゃお

PythonのcollectionsモジュールにはdefaultdictやCounterなどの便利なデータ構造があります。 いくつかメモ代わりに紹介しておきます defaultdict 辞書にキーが含まれない場合のデフォルト値を指定できます。 リストをデフォルトで持つ辞書などが作れます。 defaultdictへの引数としては初期値のものを返す関数を与えます from collections import defaultdict d = defaultdict(list) d['Hello'].append('World') 変わった使い方としては以前別の記事でも紹介しましたが単語にIDを割り振るのに便利です 単語などをIDにマッピングする - 唯物是真 @Scaled_Wurm 以下のようなコードを書くと未知の単語が辞書に与えられたら、その単語に新たなIDを振っていくことができます。 w

iPhoneでSafari、でもPCはChromeという人へ：メニューバーからデバイスごとのiCloudタブを表示できる『CloudyTabs』 Mac：あなたがiPhoneもしくはiPadユーザーであれば、iCloudがコンピューター間で全てのSafariを同期してくれる便利さを知っているでしょう。しかし残念なことに、MacでSafariを使わない場合はiCloudはそれほど便利でもありません。 『CloudyTabs』なら、メニューバーに留まり、異なったデバイスで開いている全てのタブを表示してくれます。タブの一つをクリックすれば、Mac上のいつも使うブラウザで開くことができるのです。 一旦CloudyTabsがインストールされると、iCloudを用いて開いている全てのデバイス上のタブリストが表示されます。そのうちの一つをクリックすると、全ての規定ブラウザ上でそれが開きます。 これは携帯

さて今回は東京在住の方が週末移住（セカンドハウス生活）をするのに適したエリアについて書きたいと思います。関西エリアについては知識が無いので、こんな考え方で選んだのかという程度に読んでいただけると幸いです。 ※セカンドハウスは賃貸で5万円/月程度で借りることを前提に考えています。 セカンドハウスは家賃5万くらいの賃貸（＝初期費用20万）で始めるのが良いと思う話 - 賃貸で週末だけ移住してみた 前提として、セカンドハウスには電車でいくよという話 セカンドハウスの良さというのは”好きな場所に金曜の夜に行って日曜の夜に帰ってくる”という生活ができるところです。これが土曜の朝ではないのがちょっとしたポイントで、週末”旅行”だとついつい金曜の夜の宿泊代を勿体なく思って土曜の朝に移動してしまうところを、週末”移住”だと躊躇なく、土曜の朝に海辺で目覚めるという過ごし方ができます。 で、金曜の夜に移動するた

マッチングアプリ女「お仕事何してるんですかー？」僕「ドーナツ屋さんで販売してますよ」女「…そうなんですね…」

クローズドなアプリの内部解析やメモリ解析を行うソフトウェアは幾つかありますが、一般的に各プラットフォームに分かれて提供されるものが多いです。さらに大抵は状態を見るソフトウェアが多いのですが、Fridaはひと味違います。 FridaはPython製のソフトウェアなのですが、アプリケーションにインジェクションされるのはJavaScriptのコードとなっています。利用できるプラットフォームはWindows/Mac OSX/LinuxそしてiOSとなっています。 使い方は簡単でeasy_installでインストールできます。 $ sudo /usr/bin/easy_install frida そして使う際には次のようなコマンドを打ちます。 $ frida-trace -i 'recv*' Skype 実行中。データが続々と流れていきます。 生成されたコード。これを変更することで内部動作が見えるよ

Macを使っているだけで作業効率がグンと上がる！ただ、設定次第ではさらに便利になる可能性を秘めている！ これまで発見する度に都度紹介してきたMacを便利にする小技や便利Tips全47個をまとめてみた！中には知っているだけで日々の作業スピードが向上するものもあれば、最近困っていたことの解決方法になるものもあると思うので、参考にしてみるべし！ ユーティリティ系の小技や便利設定 Macでファイルの拡張子を常時表示する方法 OS X 10.8 Mountain Lionでスクロールバーを常に表示する方法 MacのデスクトップにMacintosh HDや外付けハードディスクのアイコンを表示する方法 MacのFinderで複数選択したファイルを含んだフォルダを一発で作る方法 「OS X Mountain Lion」のホットコーナーの誤動作を防止する方法 OS X Lionでトラックパッドやマウスのスク