Qiita上の内容を集約し、大幅に修正・加筆したものを本として出版しました。 →ブログ:Bracketsの解説書を出版しました Bracketsのショートカットをまとめました。 (本記事は Brackets Advent Calendar 2014 7日目の記事です) →公式ドキュメント →基本的な使い方 →エクステンション集 基本 コマンド名 (コマンドID) ショーットカット
![Bracketsショートカット集 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/01da4ca927094da9246eebbc9eabeb8820d6edc3/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9QnJhY2tldHMlRTMlODIlQjclRTMlODMlQTclRTMlODMlQkMlRTMlODMlODglRTMlODIlQUIlRTMlODMlODMlRTMlODMlODglRTklOUIlODYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTY0ZWYzNjNiNzk1NWQxZGY3OTg0NzIwY2FiZTMxZmZh%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBhc3NpYWxpaG9saWMmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWI5MDkzNDVjNGVlMGU5MjI2M2FkNTZhMGQ4N2U2YTNm%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44Ko44Or44O744Ko44Og44O744K444O8%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D5da150a7d9a3fd993a604467e1f4a8ea)
あらまし 前回の「Kv Languageの基本」の使い方で、Kivyの基本的な使い方がなんとなくわかったかと思います。 今回は実際に簡単なアプリを作成してさらに理解を深めていきます。 作成するもの 作成するものは電卓アプリです。ボタンで数字と演算子を入力し「=」ボタンをおすと演算結果が表示されます。また切り替えを押すとデザインが変わります あらたに習得する内容 あらたに習得する内容は以下になります GridLayoutの使い方 ActionBar、およびその周りの使い方 get_color_from_hex()による色の指定の仕方 clear_widgets() とFactory(),add_widget()の使用方法 参考リンク Kivyで電卓アプリを作成することは海外のチュートリアルではよく取り合げられています。 参考にしたものをあげます。 Kivy Tutorial 3 : Kivy
Javascriptを使わず、CSSだけでimgやdivやiframeのアスペクト比を固定したままコンテナに合わせてリサイズする方法です。 レスポンシブなデザインの場合は端末の画面サイズに合わせて要素の幅を変える必要があるので、こういうテクニックを使ってアスペクト比を固定してやります。 imgの場合 HTML
はじめに 前回のエントリー「phantomjs/casperjsによるキャプチャー自動化」で簡単なキャプチャースクリプトを製作しましたがサイトによって背景色が黒くなってしまったりと、課題や改修すべきところがありましたので前回のスクリプトをベースに改修していきたいと思います。 (環境構築は既に済んでいる前提です。) 課題、改修点 ・サイトによっては背景が黒くなってしまう >jqueryを読み込んで背景色を書き換えます。 ・キャプチャーするファイルリストを外部ファイル化(csvファイル読み込みも) >jsonファイルの外部化だけだと簡単すぎるので、csvファイル読み込みのパターンも実装したいと思います。エクセルからキャプチャーリストを作成したり、website explorerからURLだけ引っ張ってきて連続キャプチャーしたりと使い勝手がよくなります。 ・キャプチャーした画像の保存先を変更した
ブラウザ開かなくてもスクリーンショットが取れたり、スクレイピングができたりするCasperJS。 PhantomJSの上に乗ってるらしい。 Windows環境にインストールするのも簡単なのでメモ。 http://casperjs.org/ http://casperjs.org/installation.html CasperJS on Windows 1)PhantomJSのインストール 1-1)PhantomJSをダウンロードしてくる。 http://phantomjs.org/download.html phantomjs-1.9.1-windows.zipをダウンロード→解凍。 1-2)移動→リネーム→PATHを通す。 ・フォルダごとC:\PhantomJSへ移動してリネームする。しなくても多分OK。 ・C:\PhantomJSなり、PhantomJSディレクトリへPATHの設定を
問題 TinyMCE 4.3.3以上(WordPress 4.5以上)においてテーブルの境界線を一度でも触ってしまうと、TinyMCEはTableタグに「width」と「height」を勝手に設定します。 <table style="width: 150px;"> <tbody> <tr> <td style="width: 10px;">テーブル</td> <td style="width: 118px;">テーブル</td> </tr> <tr> <td style="width: 10px;">テーブル</td> <td style="width: 118px;">テーブル</td> </tr> </tbody> </table>
2015.07.26 投稿 やることが多いのでコードベースで淡々とその方法を書きます。今回の要件は以下を想定 TinyMCE ビジュアルエディタに「テキストボックスを吐き出す」ボタンを追加 ボタンを押すとダイアログが開く ダイアログはこんな感じ バージョン WordPress 4.2.3 functions.php の編集 TinyMCE にオリジナルのボタンを追加するにあたっては、(WordPressではなく)TinyMCE のプラグインを作成する必要があるようです。ちなみにプラグインは js で作ります。 プラグインを WordPress に対応させるにあたってまずは、add_filter 'mce_buttons' でボタンを追加。add_filter 'mce_external_plugins' でプラグインとなる js を登録することになります。 <?php function r
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く