【第2弾】少しのコードで実装可能な20のCSS小技集
2019年5月17日 CSS はるか6年前に書いた記事「少しのコードで実装可能な20のCSS小技集」の第二弾です！（スパンながっ）簡単なコードで素敵な効果が得られる小技をダダっと紹介してみます。前回に引き続き、初心者さんからベテランさんまで参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 目次 画像を丸く表示 1本線のテーブル 1本線の水平線 線色を指定しなくても文字色と同一色になる 複数の背景画像 背景画像のサイズ Webフォントを使う 画像をモノクロやセピアにする リストマーカーの色を変更 グラデーション グラデーションボーダー フラットだけど立体的ボタン 画像をぼかす レスポンシブに対応した動画 要素を真ん中に配置 カンマで分けたリスト 文字を縦書き フォーカスすると伸びるテキストボックス iOSでボタンのスタイルをリセット 線のオフセット設定 HTML・CSSの全
Lessの便利な使い方
最近 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はNGと言われた時の便利なメソッド - Qiita
とあるお仕事で、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日 : 日本地図の離島を修正しました。 頭の中を書き出そう。 頭の中で考えているだけ？ それでは見過ごしていることがたくさんありますよ。わかりやすく、地図に書き出してみませんか。今まで気づいていなかったことに、きっと出会えるはず。
hubot + Twilioで寝ている社長を無理矢理起こす - Qiita
障害発生の際など、やむをえず自宅で就寝中の社長を起こさないといけないことがある。インターネット時代においても遠隔地にいる人間の意識を強制的に遮る有効な方法は一つである。電話だ。 普通の人間なら順番にただ電話すれば良いのだが、我々は電話恐怖症を患うエンジニアである。過去のトラウマから誰かに電話をかけることが不安で仕方ない。 さらにはリモートワークの環境だと、アメリカ西海岸にいる社員が日本の電話番号に電話するのは色々と敷居の高さがある。素早く簡単に社長に電話し不機嫌にすることなく即座に目覚めさせる方法が必要だ。 このような課題を、我々が対処する方法はただひとつ「自動化」である。機械に電話させればよい。行末スペースをただひとつも許せないほど繊細な心を持つ我々と比べて、機械は感情がないので不機嫌な人間に当たられても何も感じない。 今回は、感情のないロボットに社長に電話させる方法を紹介する。 Twi
非デザイナーエンジニアが一人でWebサービスを作るときに便利なツール32選 - Qiita
非デザイナーエンジニア(Rubyist)の私が、一人でこんなWebアプリを作ってみました。 まだβ版ですが、Pocketやfeedlyの未読コンテンツの中から、 重要度が高いものだけをリマインドしてくれるサービス「Reminderr」です。 Reminderr：http://www.reminderr.me/ 要するに、私自身のPocketとかRSSがカオスになっているので、 その中で重要なものだけ教えてほしかったので、 自分で作っちゃえ！って思って作りました。 そのときに使った便利ツールたちをまとめておいたら便利そうだったので、 今回使ったもの＋αを全てまとめてみました。 紹介するツールたちを駆使すれば、 非デザイナー＆デザインセンス0の私が、 1週間程度でこれくらいのアプリをリリースできるので、 他のエンジニアにも便利なツールがいっぱいあると思います。 Bootstrap系 Boots
便利なスニペット共有サイト「Snippet Repo 」 | ソフトアンテナ
「Snippet Repo」はコードやコマンドの断片=スニペットを共有することができる開発者のためのサイト。 プログラミング言語ごとに便利なスニペットがいろいろまとめられているので、眺めているだけでも新たな発見があるかもしれません。例えばphp / javascript / C# / ruby / python など人気のプログラミング言語ごとにタグで分類されています。 プログラミング言語だけではなく、gitに関するスニペットなんかもあります。上は「よりよいgit logを実現するためのスニペット」で、フォーマットや色がカスタマイズされていて見やすくなっています。 ただし残念なことに、スニペットを新規登録できるのは招待されたメンバーのみに限定されています。投稿されたコードの品質を高く保つためらしいのですが、自分で好きなコードを投稿できないと面白みが少ないかもしれません。アイデアとしては面白
開発用プロキシ、「CocProxy」が便利 - プログラマでありたい
CocProxyというツールがあります。名前の通りプロキシサーバーなのですが、用途が開発用です。置換プロキシと言うらしいですが、これがとっても便利です。例えば、クローラーの開発や、HTML,CSS,JavaScriptの修正をする際に、このCocProxyを利用するとダウンロード待ちのイライラが解消され、効率アップ間違いなしです。ローカルのみで完結するのと、Webへのアクセスが必要とするのでは、スピードが数十〜数百倍違います。一回だけでみたら、数百ミリSecの差ですが累積で考えると大きいですよ。 CocProxyとは？ Ruby製のProxyServerです。かつ標準ライブラリで動くことを目標としているので、Rubyの環境があれば、ダウンロードして直ぐに使えます。また基本的には1ファイルで完結するので、導入も簡単です。Ruby1.9をベースにしていますが、Ruby 2.0でも特に問題なく動
Pythonのcollectionsモジュールが地味に便利 - 唯物是真 @Scaled_Wurm
PythonのcollectionsモジュールにはdefaultdictやCounterなどの便利なデータ構造があります。 いくつかメモ代わりに紹介しておきます defaultdict 辞書にキーが含まれない場合のデフォルト値を指定できます。 リストをデフォルトで持つ辞書などが作れます。 defaultdictへの引数としては初期値のものを返す関数を与えます from collections import defaultdict d = defaultdict(list) d['Hello'].append('World') 変わった使い方としては以前別の記事でも紹介しましたが単語にIDを割り振るのに便利です 単語などをIDにマッピングする - 唯物是真 @Scaled_Wurm 以下のようなコードを書くと未知の単語が辞書に与えられたら、その単語に新たなIDを振っていくことができます。 w
開発環境の情報共有会でDash,SourceTree,Alfredの話をした - Glide Note
社内で開発環境についての情報を共有する会を開催した。 参加者全員が発表のスタイルで、ただ聞いてるだけの人がいないようにしたら いろいろな情報を共有出来て大変参考になった。 私は1日のほとんどをターミナル上で過ごすので、ここ数年GUIアプリにはあんまり関心が 無かったんですが、最近導入して便利だったやつを共有したら好評だったのでまとめておく。 Dash Dash - Documentation Browser, Snippet Manager - Kapeli ドキュメントブラウザ、スニペット管理ツール。ドキュメントをローカルにダウンロードして 利用するので高速。今日(2014/03/29)時点で130以上のドキュメントとAPIに対応していて、 プログラミング言語に加えて、MySQL、MongoDB、Puppet、Vagrantなどのドキュメントもある。 自作ドキュメントを追加することも可能
iPhoneでSafari、でもPCはChromeという人へ：メニューバーからデバイスごとのiCloudタブを表示できる『CloudyTabs』 | ライフハッカー・ジャパン
Mac：あなたがiPhoneもしくはiPadユーザーであれば、iCloudがコンピューター間で全てのSafariを同期してくれる便利さを知っているでしょう。しかし残念なことに、MacでSafariを使わない場合はiCloudはそれほど便利でもありません。 『CloudyTabs』なら、メニューバーに留まり、異なったデバイスで開いている全てのタブを表示してくれます。タブの一つをクリックすれば、Mac上のいつも使うブラウザで開くことができるのです。 一旦CloudyTabsがインストールされると、iCloudを用いて開いている全てのデバイス上のタブリストが表示されます。そのうちの一つをクリックすると、全ての規定ブラウザ上でそれが開きます。 これは携帯デバイスでSafariを使用している場合や、デスクトップ上でChromeまたはFirefoxを使う場合に大変便利です。Chromeは長年この機能を
エリアの選び方ガイド - 賃貸で週末だけ移住してみた
さて今回は東京在住の方が週末移住（セカンドハウス生活）をするのに適したエリアについて書きたいと思います。関西エリアについては知識が無いので、こんな考え方で選んだのかという程度に読んでいただけると幸いです。 ※セカンドハウスは賃貸で5万円/月程度で借りることを前提に考えています。 セカンドハウスは家賃5万くらいの賃貸（＝初期費用20万）で始めるのが良いと思う話 - 賃貸で週末だけ移住してみた 前提として、セカンドハウスには電車でいくよという話 セカンドハウスの良さというのは”好きな場所に金曜の夜に行って日曜の夜に帰ってくる”という生活ができるところです。これが土曜の朝ではないのがちょっとしたポイントで、週末”旅行”だとついつい金曜の夜の宿泊代を勿体なく思って土曜の朝に移動してしまうところを、週末”移住”だと躊躇なく、土曜の朝に海辺で目覚めるという過ごし方ができます。 で、金曜の夜に移動するた
Frida·アプリケーションハックに活躍するPythonライブラリ MOONGIFT
クローズドなアプリの内部解析やメモリ解析を行うソフトウェアは幾つかありますが、一般的に各プラットフォームに分かれて提供されるものが多いです。さらに大抵は状態を見るソフトウェアが多いのですが、Fridaはひと味違います。 FridaはPython製のソフトウェアなのですが、アプリケーションにインジェクションされるのはJavaScriptのコードとなっています。利用できるプラットフォームはWindows/Mac OSX/LinuxそしてiOSとなっています。 使い方は簡単でeasy_installでインストールできます。 $ sudo /usr/bin/easy_install frida そして使う際には次のようなコマンドを打ちます。 $ frida-trace -i 'recv*' Skype 実行中。データが続々と流れていきます。 生成されたコード。これを変更することで内部動作が見えるよ
日々の作業が超快適に！Macが超便利になる小技や設定47個まとめ | ゴリミー
Macを使っているだけで作業効率がグンと上がる！ただ、設定次第ではさらに便利になる可能性を秘めている！ これまで発見する度に都度紹介してきたMacを便利にする小技や便利Tips全47個をまとめてみた！中には知っているだけで日々の作業スピードが向上するものもあれば、最近困っていたことの解決方法になるものもあると思うので、参考にしてみるべし！ ユーティリティ系の小技や便利設定 Macでファイルの拡張子を常時表示する方法 OS X 10.8 Mountain Lionでスクロールバーを常に表示する方法 MacのデスクトップにMacintosh HDや外付けハードディスクのアイコンを表示する方法 MacのFinderで複数選択したファイルを含んだフォルダを一発で作る方法 「OS X Mountain Lion」のホットコーナーの誤動作を防止する方法 OS X Lionでトラックパッドやマウスのスク
TLで集めた顔文字
最終更新日：2015-09-04 19:45:09 1 2 3 4 5 6 7 » Last でもね〜今日は金曜だからそんな事忘れちゃおっ☆（＾Ｏ＾）ƪ(•◡•ƪ)"ょぃょぃ(∩'-'⊂)ꉂ'､з)っ⌒っꉂ `o´ )₍₍ ( ‾᷄꒫‾᷅ ) ₎₎੯ੁૂ‧̀͡u\ꉂꉂ ( ˆᴗˆ )Wake Up!(❀╹◡╹)ﾉ☆眩しい日差し浴びて(˶‾᷄ ⁻̫ ‾᷅˵)今胸の希望が君と重なる(灬ºωº灬)Stand Up!(❀╹▿╹)ﾉ☆開けない夜はないから(๑•̀ㅂ•́)و✧明日の笑顔信じるんだ٩( ´◡` )( ´◡` )۶いくぞ!٩(ˊᗜˋ*)وがんばっぺ!╭( ･ㅂ･)وWake Up, Girls!(✿╹◡╹)ﾉ☆大きく大きくチェンジ✧ヾ(❀╹◡╹)ﾉﾞそれは楽じゃないけど(*≧o≦)b❤だって☆｡ヾ(*'∀`*)ﾉ♡*キミがそばにいるから(／≧∇)／＼(∇≦＼)／♪ﾟ+｡:.♡勇気出して
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ - NAVER まとめ
メインを作り置き！ 簡単おかずレシピ16選｜All About（オールアバウト）
簡単・おいしい・便利・応用広い。 #鶏胸肉コンフィ
iPhoneの内蔵辞書に好きな辞書やオンライン辞書を追加できる「Dictionary.appender」 - isuta（イスタ） -私の“好き”にウソをつかない。-
ソニック速報