タグ

webbingstudioのブックマーク (861)

  • 絵本の“がまくんとかえるくん”を描いた折り畳み傘 晴れの日も雨の日も二匹と一緒 - はてなニュース

    アメリカの人気絵「ふたりはともだち」シリーズに登場するカエルの“がまくんとかえるくん”をデザインした晴雨兼用の折り畳み傘が、5月に発売されます。ネイビーの生地に描かれているのは、絵の表紙にもなっている二匹の仲むつまじい姿。価格は3,200円(税別)です。はてなニュースは、このかわいらしい傘を抽選で3名様にプレゼントします。 ▽ http://www.character-mall.jp/gama-kaeru/ 雨の日にぴったりの“がまくんとかえるくん”の折り畳み傘が、キャラクター雑貨などを展開するベネリックの通販サイトで販売されます。紫外線カット率と遮光率99%以上の素材を使用しているので、日差しが強いこれからの季節にも活躍しそうです。広げた際のサイズは91cm×50cm。専用の傘袋にも“がまくんとかえるくん”がデザインされています。 Frog and Toad Copyright(c)

    絵本の“がまくんとかえるくん”を描いた折り畳み傘 晴れの日も雨の日も二匹と一緒 - はてなニュース
    webbingstudio
    webbingstudio 2016/04/08
    プレゼント欲しい。かえるくん&がまくん…!
  • レンタルサーバに『WP-CLI』をサクっと入れるシェルスクリプト作ってみたよ

    以降は過去記事アーカイブです。すでに無効となっている情報もありますのでご注意ください。 『WP-CLI Advent Calendar』3日目担当の @tecking です。 一度使い出したら超絶便利、プラグインのアップデートなどサイトメンテの効率もぐっとアップする『WP-CLI』。少しでも多くの人に使ってもらえたらなあ……ということで、レンタルサーバにサクッと導入するためのスクリプトを作ってみました。SSH接続できるレンタルサーバを契約してる方、これを機会にぜひチャレンジしてみてくださいマセ。 ちなみにこのスクリプト、国内でも比較的ユーザーが多いと思われる『さくらのレンタルサーバ』『ヘテムル(heteml)』への導入を想定して作りました。当ブログの過去記事 【Ver. 0.14版】『WP-CLI』をさくらのレンタルサーバ スタンダードにインストールしてみたよ 『WP-CLI』をhetem

    レンタルサーバに『WP-CLI』をサクっと入れるシェルスクリプト作ってみたよ
    webbingstudio
    webbingstudio 2015/09/28
    WordPressをシェルコマンドで操作できるようにする方法。root権限が必要な環境でなければ設置できないと思っていたが、SSHが利用できるサーバーであれば可能なようだ
  • AWSでS3とIAMを使う(ユーザの追加・パーミッションの設定・アクセスキーの取得) - 空飛ぶモンチッチ

    2014-05-07 AWSでS3とIAMを使う(ユーザの追加・パーミッションの設定・アクセスキーの取得) aws s3 iam AWSに登録 http://aws.amazon.com/jp/free/ 注意点 電話の確認がうまいくいかなかった。 「電話確認要求を処理できません。後でもう一度お試しください。」 このメッセージの通りにいつまで待っても処理してくれない。この記事の通りにやると電話の確認を取ることに成功できた -> AWSアカウント作成時に電話認証が出来ず困ったこと。: いろいろ備忘録 - ウェブ業界人の技術ブログ S3のBucketを新しく作る https://console.aws.amazon.com/iam/home#home のServicesよりS3を選択。 Create Bucketより新しいBucketを作る。 ユーザの追加 https://console.aw

    webbingstudio
    webbingstudio 2014/08/05
    Amazon S3は、ユーザーを追加してパーミッションやアクセスキー取得の設定をしなければならなくなったようだ
  • MT5.2のTinyMCEでsection要素などを挿入可能にするカスタマイズ

    Movable Typeを利用したサイト構築で悩んでいたことの1つに、リッチテキストエディタでsection要素などを気軽に追加できないことがありました。 私はソースコード画面に切り替えてsection要素等を追加していたのですが、これだとHTMLに詳しくない方が編集する場合に不都合が発生します。かといって、他社のように空のp要素のを連続させたりして代替することを許容できませんでした。 MT5.2のTinyMCEではなんとかできないかと探っていたのですが、TinyMCEのドキュメントにて「TinyMCE - HTML5 formats」を見つけました。早速試したところ、スタイルプルダウンメニューでsection要素の追加に成功しましたので紹介します。 カスタマイズのポイント(セクションの例) mt-static/plugins/TinyMCE/lib/js/adapter.jsに記述しても

  • MT5.2に搭載されたTinyMCEのカスタマイズ(「Extend TinyMCE」プラグインの紹介) | Another Sky

    MT5.2より、新しいリッチテキストエディタとしてTinyMCEが(プラグインで)搭載されました。今までのプロジェクトでは必要に応じてToi企画様のCKEditorForMTを利用してきましたが、新しく搭載されたTinyMCEがHTML5に対応していることから、TinyMCEに移行することにしました。 ただ、標準状態ではTinyMCEの機能が絞り込まれています。今まで利用していたCKEditorForMTにありTinyMCEに不足している(非表示になっている)のが下記4機能でした。 テーブル機能 スタイル付け機能 テンプレート機能 フォントサイズ指定機能 その他、画像パスをルート相対パスに変換するオプション設定も施してあります。 フォントサイズ指定機能は不要と思いますが、お客さまによってはどうしても...、ということで追加準備を兼ねてリストに加えています。 テンプレート機能は、例えば下記の

  • iOS 7 の隠しフォント, ヒラギノ角ゴ W1/W2 を CSS で指定する(追記:Yosemite でも可)

    論より証拠,というわけでまずは iOS 7 を搭載した iPhone/iPad/iPod touch で下記の文字列をご覧くださいませ. ※ 2014 年 10 月 24 日追記:OS X Yosemite でも表示されるようになりました. ヒラギノ角ゴ W1 ヒラギノ角ゴ W2 ヒラギノ角ゴ W3 ヒラギノ角ゴ W6 ※ ヒラギノ角ゴ W3/W6 は iOS 6 以前から存在するフォントですが,比較のために用意しました. iOS 7 端末をもってないという方は以下にスクリーンショットを用意しましたのでご覧くださいませ. CSS での指定方法は ヒラギノ角ゴ W1 font-family: ".HiraKakuInterface-W1"; ヒラギノ角ゴ W2 font-family: ".HiraKakuInterface-W2"; 以上です.クォーテーション("")と先頭のピリオド(.)

    iOS 7 の隠しフォント, ヒラギノ角ゴ W1/W2 を CSS で指定する(追記:Yosemite でも可)
    webbingstudio
    webbingstudio 2013/10/18
    iOS7の、ウェイトが細いヒラギノ角ゴをCSSで指定する方法について
  • ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン

    さて今回は、ズルいデザインテクニックの集大成ともいえる「ズルいボタン」です。これまでの連載で取り上げた数々のズルいデザインテクニック、「ズルいテキストシャドウ」「ズルいグラデーション」「ズルい角丸」、そして前回解説した「ズルいボックスシャドウ」を用いたズルいボタンの作り方を解説します。 今回のズルいボタンに関しては、以前にズルいデザインテクニックのスライドで紹介したものから大幅に改定を加えて、より汎用性があり、さまざまな場面で使い勝手の良いものに刷新しました。 改良のポイントは次の通りです。 文字サイズの変更、またそれに併せてボタンサイズの変更に対応しています iタグを使ったアイコン用のWebフォントに対応しました。今回はfont-awesomeを使って解説しています フラットデザインの流行に伴うデザイン傾向に合わせ、立体感やグラデーションをより控えめに、かつpaddingを大きめに取った

    ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン
    webbingstudio
    webbingstudio 2013/09/14
    これはズルいボタンや。mixinの使い方も併せて参考にしたい
  • Uploader for MT|ソフトウェア製品・無料ツール|アイデアマンズ株式会社(ideaman's Inc.)

    Uploader for Movable Typeは、テスト公開サーバーと番公開サーバーを分離するための機能を追加し、安全なサイト運営を実現するプラグインです。 テスト公開サーバー上に展開されて確認を経たコンテンツを、ボタン操作ひとつで番公開サーバーに送信し、Webサイトを同期することができます。 テスト公開サーバーと番公開サーバーが同一の環境であるケースにも対応し、その場合はより高速に同期を行うことができます。 発売キャンペーン中!25%OFF! ステージング環境でページを確認してから公開することができます。 ブログパス以下のファイルに対し、リモートサーバへのFTP転送、同一サーバ内でのrsync同期、圧縮ダウンロードが可能です。 cronを利用した予約配信ができます。

    webbingstudio
    webbingstudio 2013/09/04
    ステージングサーバーと公開サーバーを分離・同期するためのプラグイン。こういう使い方こそMovableTypeの本領のように思う
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
    webbingstudio
    webbingstudio 2013/08/29
    これはEvernoteに放り込まなくては。DummyImage.comは、CMSの動作テストでお世話になってます。
  • 竹取 JS

    画面をダブルクリックで縦書きと横書きを切り替えることができます。要素を指定して縦書きにしている場合は、次回アクセス時に同じ表示が引き継がれます。 どんなサイトでも縦書きにするブックマークレット。 ↓右クリックで「お気に入り」に保存するか、リンクをドラッグしてブックマークバーにドロップします。 「縦書きにする・iPhone 用リンク」 「縦書き可能にする・iPhone 用リンク」 「段組み縦書き可能にする・iPhone 用リンク」 iPhone に登録するには? とりあえずこのページを共有ボタンからブックマーク。 iPhone 用リンク を長押ししてコピー。 ブックマークを開いて、追加したブックマークを「編集」。 名前を「縦書き可能にする」などに変更し、URL 欄に上記コードをペースト。 最初の「http://」を削除。 注意! やや動作が重いです! うまく変換できなかったときは、画面をダブ

    webbingstudio
    webbingstudio 2013/08/19
    横書きのHTMLを縦書きに変換するライブラリ。ダブルクリックで元に戻したりできる
  • パララックスサイトを簡単に作成できるjQueryプラグイン8選

    twitter facebook hatena google pocket いまさらな気もしますが、パララックスなサイトを簡単に実現するためのjQueryプラグインを紹介します。 sponsors #1 Nikebetterworld Parallax Effect Demo | Ian Lunn 老舗な感じのところですね。 jQuery localscrollとか、jQuery scrollToを駆使しています。 URL:http://ianlunn.co.uk/articles/recreate-nikebetterworld-parallax/ demo:http://ianlunn.co.uk/plugins/jquery-parallax/ #2 JoelBesada/scrollpath GitHub 見えないパスにそってスクロールしていって気持ちいい感じです。 こんな記述が必

    パララックスサイトを簡単に作成できるjQueryプラグイン8選
  • Absolute Centering

    Perfect horizontal AND vertical centering in CSS, at any width or height! Works with percentage based width/height, min-/max- width, images, position...

    Absolute Centering
  • Schedule Post Changes: Unpublish, Delete, Change Status, Trash, Change Categories and Tags with PublishPress Future

    Schedule Post Changes: Unpublish, Delete, Change Status, Trash, Change Categories and Tags with PublishPress Future By PublishPress Description The PublishPress Future plugin allows you to schedule changes to posts, pages and other content types. On a date you choose, PublishPress Future can delete your post, change the status, or update the post categories, or make other changes. Here’s an overvi

    Schedule Post Changes: Unpublish, Delete, Change Status, Trash, Change Categories and Tags with PublishPress Future
    webbingstudio
    webbingstudio 2013/07/24
    記事の時限公開の他に、時限削除も可能にするプラグイン。
  • 表記規則:企業サイトで使用する「ひらく漢字」「ひらかない漢字」

    今まで、多種多様な企業サイトの表記規則を策定させていただきました。その際、策定時のベースとして使用する「ひらく・ひらかない漢字」の一部を紹介します。 最終的な表記規則のガイドラインでは、下記の「読み・正・誤」の項目のほかに「用例・備考」が加わります。 例:トキ「期間が確定していない場合はひらがな、確定している場合は漢字を使用」 また、表記規則は「ひらく・ひらかない漢字」以外にも「一般名詞」「固有名詞」「独自用語」「英数記号」などの項目を設けて策定しています。 ひらくことが多い漢字 ひらくことを検討する漢字 表記規則の策定にあたり ひらくことが多い漢字 読み 正 誤

    表記規則:企業サイトで使用する「ひらく漢字」「ひらかない漢字」
    webbingstudio
    webbingstudio 2013/07/03
    「あらかじめ」「いたします」など、漢字で記載することは勧められない用語のまとめ。
  • めっちゃ便利やねん find コマンドのオプションまとめ | バシャログ。

    こんにちは nakamura です。そういえば 4/1 から 神奈川県公共的施設における受動喫煙防止条例 が施行されましたね。今のところよく行くお店でそれらしい光景は見掛けませんが、先日行った居酒屋はものの見事に禁煙になっていて心なしか客足もまばらな感じでした。神奈川県の飲はこれから厳しそうですな。 さてさて思わず関西弁になってしまうほど便利な find コマンドを今日はご紹介します。比較的有名なコマンドですが、オプションが相当な数あり正直全てを把握するのは無理かもしれません。ただ、よく使うものだけでも頭に入れておくと何かと便利な優れものなのです。 基的なオプション まずは基的な使い方。 -type ファイルタイプの指定に使用するオプションです。スペシャルファイルや名前付きパイプ等様々な引数がありますが、よく使うのはディレクトリを示す d と通常ファイルを示す f でしょうか。 -n

    めっちゃ便利やねん find コマンドのオプションまとめ | バシャログ。
    webbingstudio
    webbingstudio 2013/06/20
    黒い画面で特定の条件に合致したファイルを検索したり、検索したファイルに対してパーミッション変更などの一括処理を行うためのTIPS。ただし-execよりもxargsコマンドの方が処理が早い
  • デザイナー必見!VPSで高速なMovable Type用サーバをゼロから構築する方法 - エンジニアブログ - スカイアーク

    まだGW中に間に合いますよ!という事で最近[個人的]にサーバを構築する機会が多いので、サーバ構築のノウハウを公開したいと思います。 Movable Type専用というわけではないですが、PSGIでのサーバ構築手順がほとんど公開されていないようなので なるべく初心者の人でも判るように解説したいと思います。 かなり検証を行ったので、素のCentOS6.4(64ビット)であれば、上から順番にコピー&ペーストでコマンドを実行するだけで、サーバが構築できるはずです。各コマンドについては細かく説明はしておりませんが、まずは構築してみる事から初めては如何でしょうか。わかりづらい箇所があればFBやTwitter等で質問を受け付けますので気軽にどうぞ。需要があれば一日かけてサーバ構築の勉強会でも実施しようかなと思っているので「いいね」と「はてぶ」お願いします! 目標 番でも使えるサーバ(最低限のセキュリテ

    デザイナー必見!VPSで高速なMovable Type用サーバをゼロから構築する方法 - エンジニアブログ - スカイアーク
    webbingstudio
    webbingstudio 2013/06/19
    PSGIに対応した高速なMovable Typeを構築する手順。初心者にPSGIは厳しいがcpanmによるPerlの導入部分だけでも参考になる。Perl::Buildで詰まったら "yum install -y perl-devel"
  • WordPressのセキュリティ対策に2要素認証を使う : candycane development blog

    WordPressのログインフォームへの攻撃が問題になっているみたいですが、ユーザー名とパスワードだけの認証という方式自体を見なおしてみるという方法があります。具体的にはユーザー名とパスワードに加えてスマートフォンに表示される認証コードを入力してログインする2要素認証がWordPressでも利用できます。 利用するには下記のプラグインを使います。 WordPressGoogle Authenticator « WordPress Plugins また下記のアプリケーションをスマートフォンにセットアップしてください。 Google 認証システムのインストール – Google アカウント ヘルプ プラグインを有効にするとアカウントごとのパスワード設定ページにアプリに読み込ませるQRコードが出てくるのでこれをアプリでスキャンします。またこの認証を使うかどうかはアカウントごとに有効かど

    webbingstudio
    webbingstudio 2013/05/29
    WordPressでGoogleの二段階認証ができるようになる。二段階認証アプリは、機種変すると登録し直しになってしまうのだけど、その場合はどう対応するのだろう。一応検証が必要そう
  • jQuery で ブラウザ、バージョン、プラットフォーム を判別する プラグイン

    インストール 通常利用 ダウンロードした js ファイル または zip ファイル中 //src/jquery.depend.js を、jQueryを読み込んだ後に読み込むようにします。 <script type="text/javascript" src="./jquery-1.9.1.js" ></script> <script type="text/javascript" src="./jquery.depend.js" ></script> 旧 jQuery プラグイン 互換モード 利用 古い実装の jQuery プラグイン と混在して利用する場合、うまく動作しないケースがあります。 そのような場合、以下のように __BACKWARD_COMPATIBILITY_ENABLED グローバルフラグ を有効にすると動作する可能性があります。 ただし、このフラグを有効にすると、 $.br

    webbingstudio
    webbingstudio 2013/05/28
    jQuery1.9から使用できなくなった「browser」サポートを引き続き使えるようにするライブラリ。
  • GitHub - alfasado/mt-plugin-belong-to-parent-categories: The entry belongs to the all parent categories.

    GNU GENERAL PUBLIC LICENSE Version 2, June 1991 Copyright (C) 1989, 1991 Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA Everyone is permitted to copy and distribute verbatim copies of this license document, but changing it is not allowed. Preamble The licenses for most software are designed to take away your freedom to share and change it. By contrast, t

    GitHub - alfasado/mt-plugin-belong-to-parent-categories: The entry belongs to the all parent categories.
    webbingstudio
    webbingstudio 2013/05/20
    ブログ記事の保存時に選択したカテゴリの上位カテゴリにも自動的にブログ記事が属するようにするプラグイン。階層での条件分岐を行うときに必要。
  • Custom Field Suite-複数フィールドのリピート可能 | WordPress 編

    Custom Field Suite は、Advanced Custom Fields からフォーク(※1)したプラグインで、安定性・ハイパフォーマンス・大きくなり過ぎないことを目標に作られました。Advanced Custom Fields ほど拡張性はありませんが、ウェブデザイナーやノンプラグラマーが使うには十分な機能を備えています。 Custom Field Suite は、Advanced Custom Fields では有料オプションとなっている Repeater に相当するフィールドタイプ Loop が無料で使えます。Repeater や Loop は、単一フィールドだけでなく複数フィールドの繰り返しができます。私が知っているカスタムフィールド系のプラグインで複数フィールドの繰り返しができるのは、Advanced Custom Fields と Custom Field Sui

    webbingstudio
    webbingstudio 2013/05/17
    WordPressのカスタムフィールドで多用する機能が整理されたプラグイン。管理画面のUIがわかりやすい。WP_Queryで値を抽出できないことがある