池田 泰延 @clockmaker ウェブ制作会社ICS代表。筑波大学非常勤講師。HTML/CSSのフロントエンド技術が専門、TypeScript/WebGLによる3D表現やクリエイティブコーディングが得意。著書『JavaScriptコードレシピ集』など解説書12冊を執筆。ウェブ業界の最新情報と、現場で役立つ技を発信します。趣味でタイムラプス撮影。 ics.media/entry/staff/ik…
池田 泰延 @clockmaker ウェブ制作会社ICS代表。筑波大学非常勤講師。HTML/CSSのフロントエンド技術が専門、TypeScript/WebGLによる3D表現やクリエイティブコーディングが得意。著書『JavaScriptコードレシピ集』など解説書12冊を執筆。ウェブ業界の最新情報と、現場で役立つ技を発信します。趣味でタイムラプス撮影。 ics.media/entry/staff/ik…
シェアウェア(という表現はおいておいてのやつ。https://anond.hatelabo.jp/20230124045812)の記事が面白かったので、自分の得意分野の領域でいろいろ紹介します。 基本的に、SaaSのサービスは便利だけど、あれもこれもと契約していったらサブスク破産するので、 ものによってはセルフホストした方がいいと思ってる派。 Dropbox/GoogleDrive/box代替 NextCloudもともとownCloudっていうDropbox代替があったんだけど、そこから分派して今も機能開発が続いている。 興味深いのはLAMP構成なので、VPSや自宅サーバーじゃなくても、レンサバで動くのがいいよね。 データ保存領域はオブジェクトストレージ(S3互換)も利用できるので、例えばWasabiなんかと契約してお安く済ませてしまうのも全然アリかと。 Trello代替 Wekan最近は
Flexboxも、margin: auto;も、CSSでよく使うプロパティです。 このFlexboxとオートマージン(margin: auto;)を組み合わせると、さまざまなレイアウト・配置ができます。例えば、ナビゲーションのアイテムを配置する際に、ロゴだけ左端に、検索を右端に、といった配置もオートマージンが活躍します。 オートマージン(margin: auto;)の仕組み、CSS Flexboxとオートマージンの効果的な使い方を紹介します。 Flexbox: Aligning with Auto Margins by Samantha Ming 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Flexboxにおけるオートマージンの役割 マージンについて理解する オートマージンが常に優先される オートマージンの効果的な使い方 F
元スレ:http://hayabusa3.2ch.net/test/read.cgi/news/1376286719/ 1: ファルコンアロー(チベット自治区):2013/08/12(月) 14:51:59.88 ID:WZZF3UE1T● http://labaq.com/archives/51799531.html 2013年08月12日 13:07 「値段は高かったけど、買って良かったものを教えて」参考になる回答いろいろ 高いけど価値のあるもの00 少し前に「「安いのに便利に使っているものがあったら教えて」」という海外掲示板の投稿を紹介しましたが、世の中安い ものばかりではありません。 そこで、今度は「高価だけど、それに見合った価値のある製品だったものがあれば教えて」という質問&回答がありました ので、ご紹介します。 ●キングサイズのベッド。快眠型ので3000
この記事は賞味期限切れです。(更新から1年が経過しています) 「Modernizr」や「html5.js」等、 モダンな環境の為の便利なスクリプトは多々ありますが、 「headjs」はそんな彼らの仕事を一気に引き受けてくれる働き者のスクリプトです。 使い方 Head JS :: The only script in your HEAD 謳い文句はhead要素に読み込む唯一のスクリプト ダウンロードして読み込むだけ。おしまい。 <script type="text/javascript" src="head.js"></script> その多彩な機能 環境の判別 CSS3のプロパティの対応状況、画面のサイズ、ブラウザなどの情報を Modernizrと同じ手法でHTML要素のクラスに出力してくれます。 こんな感じに… <html lang="ja" id="test-page" class="
Blackbird Pie は Twitter の公式貼りつけサービスです。 私が最近ブログに Twitter へつぶやきを貼り付ける場合はこちらを利用させて頂いております。 Blackbird Pie – Twitter Media 使い方は至って簡単で以下のページが詳しく解説しておられます。 twitterの新機能発表!個別つぶやきのブログなどへの貼り付け方 | ついーたーTweeter.jp 私から簡単に説明させて頂きますと、個別のつぶやき URL を取得し、それを入力欄に入れて enter でソースが表示されます。それを記事内にコピーすれば OK です。 追記: もっと便利な Bookmarklet を紹介して頂きました。 Blackbird Pieより簡単にツイートをエンベッドするブックマークレット登場
最近リリースされたものを中心に、デザイン、スタイルシート、ワイヤーフレーム、データベースなどに役立つオンラインサービス・ウェブアプリケーションを紹介します。
無料とは思えないほど便利なGmail( http://gmail.com )。だけど、今まで使っていたEメールがあるために使ったことがない人も少なくない。そんなあなたのために、Eメールの管理が便利すぎるGmailの紹介です。一度使えば、もう他のメール機能は使えないかもしれない。この解説は、既にGmailに登録済の方が対象です。 ●Gmailを使う5つのメリット ・あらゆるメールアドレス(プロパイダメール・MSNメール・yahooメールなど)を一元管理で、送受信できる。 ・メールに色ラベルを表示して、指定した条件のメールを色分けして見やすくできる。 ・普通の携帯からGmailを利用できる。 ・迷惑メール機能がすごくかしこい。 ・メールを削除せずに、見えなくするアーカイブ機能 ひとつずつ解説していきます ●あらゆるメールアドレス(プロパイダメール・MSNメール・yahooメールなど)を一元管理
入力最大値に達したら自動で次の要素に移動させられるjQueryプラグイン「Autotabindex」 2010年05月24日- Autotabindex Example 入力最大値に達したら自動で次の要素に移動させられるjQueryプラグイン「Autotabindex」。 例えば、携帯番号を入力する場合など、一定の文字数以上になった場合に、TABキーを押すなどせずとも、次のフィールドにカーソルを合わせることができます。 TABキーを知らないライトユーザーな方々はマウスでいちいち移動していたりもしますが、このプラグインでユーザビリティを上げられそうです。 JavaScript で1から実装するとなると、少し面倒な上に、要素ごとにonkeydownを入れたりしてコードが汚くなったりしますが、jQueryプラグインなので1行で次のように初期化できます。 $(document).ready(fun
PCの操作を記録して動画として他の人に見せる方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。はじめに 人にソフトウェアの使い方を説明するときに、言葉じゃどうしても説明しづらいことってありますよね。画面を見せたり、実際やってみせればすぐに伝わったりすることも、いちいち言葉にして説明すると、思うように伝わらないことがあります。 隣にいる人なら画面を見せてあげて実際にやってみせることができます。プレゼンのときなら聴衆の前で実際にデモをしてあげることができます。ですが、隣にいない人やプレゼンの場にいない人には実際に操作している画面を見せることができません。 画面上の操作を記録するWink そんなときは、Winkというフリーソフトの出番です。Winkは、画面上の操作をキャプチャして、Flash形式のファイルとして出力してくれます。出力された
Twit Delay サービス停止のお知らせ 各所で報道等されておりますが 2023/2/9 より Twitter API が有料化される予定です。 API 有料化の詳細については 2/6 に発表されるとのことですが、現在聞き及んでいる内容では当サービスの継続は困難であること、また開発者平日多忙のため、詳細の発表に先行して 2023/2/5 23:09 をもって Twit Delay はサービスを停止させて頂きました。2/6 1:15 時点でデータベースも削除しております。下記のコンテンツも後日更新予定です。 長年のご利用ありがとうございました。 Twit Delay は指定時刻に Twitter へつぶやきを投稿するウェブサービスです。 告知とかに合わせてつぶやけるようなのが欲しいなと思って作りました。続きもののつぶやきとかを予めすべて登録しておくような用途にも使えるかと思います。 他に
<BODY> <P>このページをご覧いただくにはフレーム対応のブラウザが必要です。。。と一応書いたりしましたけど、フレーム対応ではないブラウザってあるんでしょうか?</P> </BODY>
エクスプローラの右クリックメニューをファイルやフォルダなどの種類ごとにカスタマイズできる「FileMenu Tools」v5.1.2が、4月15日に公開された。Windows 98/Me/2000/XP/Vistaに対応するフリーソフトで、現在作者のホームページからダウンロードできる。なお本ソフトは英語版だが、日本語化させる言語設定ファイルが作者サイトで公開されている。 「FileMenu Tools」は、エクスプローラの右クリックメニューから不要な項目を削除できるソフト。ファイル・フォルダ・ドライブでそれぞれ個別に削除できるのが特長。特定のアプリケーションをインストールした際に、強制的に右クリックメニューへ追加されてしまった項目を整理したい場合などに便利だ。 不要な項目を削除するには、まずメイン画面上部の[他アプリケーションのコマンド]タブをクリックしよう。ファイル、フォルダ、ドライブな
iPhoneは毎日持ち歩くものだ。 それゆえ、立ち寄った先にうっかり置き忘れてしまったり、どこかで落としてしまう可能性はゼロではない。 もしiPhoneを紛失してしまったら…きっと気分はまさにこうに違いない。 ガッデム!(AA Clipa!より) Appleの有料サービス「MobileMe」には「iPhoneを探す」機能が用意されていて安心だが、これだけのために入会するのも気が引けるという向きも少なくないのでは。 そんな場合におすすめなのがこのSonic Phone Finder というアプリ。このアプリをインストールしたiPhoneを紛失した場合、ウェブサイトからiPhoneにアクセスして警告音を鳴らし、メッセージを表示させることができるのだ。 起動すると「Instructions」(説明)、「Settings」(設定)というボタンが表示されるので、「Settings」の方をタップ。自分
「Twiangulate」は自分のフォロワー状況を調べてくれるサイトです。 以下のことができます。 ・フォロー中のユーザでフォロワー数が多い人50人を抽出 ・複数人(最大3人)を入れて共通フォロワーを抽出 ・複数人(最大3人)を入れて共通フレンドを抽出 ・フォロー中のユーザでフォロワー数が少ない人50人を抽出 さらにそれぞれ「フォロー数」「フォロワー数」「ID」「名前」「現在地」でソートできます。 なかなかサクサク動いて便利なサイトです。 共通フォロワーも最大3人選べるところがいいですねー。 また、テーブル表示とマップ表示モードがあります。 詳細は以下より。 「Twiangulate」にアクセスします。 調べる項目がタブで分かれています。 アクセスしたときは共通フレンドのタブになっていますが、一番左側から紹介します。 「Biggest followers」は自分をフォローしているユーザラン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く