![ファイルのサイズや数に制限なくユーザー登録等も不要で無料利用できるセキュアなリアルタイムファイル転送サービス・「DirectShare」](https://cdn-ak-scissors.b.st-hatena.com/image/square/5f71dfc71e055bf947169263850305a3bc4e1c0d/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2021%2F04%2Fdirectshare01.jpg)
ResponsivelyはRWDの開発に特化したWebブラウザです。オープンソースとしてソースコードも公開されています 各スマホのデバイスやタブレット、PCなど異なるデバイスでどのように表示されるかを一括確認できる、というもの Electronベースとなっています。試しに使ってみました こんな感じで設定した各デバイスで指定したWebページが表示されます。スクロールやページの移動は全ウィンドウで連動しています。 ↑ インスペクタもついており、その場で編集、表示確認等を行う事が出来ます ↑ また、全デバイスのフルスクリーンショットもワンクリックで可能となっています。もちろん各デバイス単位でも撮影可能。撮影されたSSはドメイン、日付、撮影した時間を名前としたファイル名やフォルダ名で保存されますので上書きする心配もありません 尚、デバイスはかなりの量が用意されているのでお好みに合わせてウィンドウを
Design Passwordはデザイナー向けに開発された長い文字でパスワードを作ってくれるジェネレーターです どこがデザイナー向けなのか、ですが、こちらで生成されるパスワードはある程度意味が通るようになっています という訳で実際に使ってみました Example 生成されたパスワードです。パスワードは以下となっています LightCyanRaleway37TraditionalLightCyan(ライトシアン)でRalewayのフォント、サイズが37でキーワードはTraditional、というように色の名、フォントの名、フォントサイズと任意のキーワードを組み合わせたパスワードが生成されると同時に、実際にこれらを組み合わせたテキストを表示させる事で視覚的に覚えやすくする、というものになります こちらはデザイナー向けとして実験的に作られたパスワードジェネレーターですが、同じように自分に合った、
MDB BuilderはBootstrapベースのWebページをブロック追加だけで作成、ダウンロードできるオンラインエディタです Bootstrapのテーマやリソース、チュートリアル等を紹介するMDBが提供しているアプリで、ユーザー登録すれば無料で利用可能、ダウンロードする事が出来ます 直感的に操作出来て編集も可能、さまざまなコンポーネントも用意されています 使ってみる 試しに使ってみました。右ペインからブロックを選んで左ペインで編集する、という流れです。テキストや画像、カラーの変更も可能です Awesome icons等もその場で任意のキーワードで検索、変更、色の編集も可能です 個人的には簡単な操作で品質高いWebページを手軽に作成できる、という感じで良アプリな印象でした。ユーザー登録必須以外はデメリット無い感じです。とはいえBootstrapはこの手のアプリは山ほどあるので選択肢の一つ
lightgallery.jsは高機能で非依存型のlightbox実装のためのスクリプトです。レスポンシブWebデザイン対応、タッチデバイス対応、自モジュール型、YoutubeやVimeo、HTML5 Video等のサポート、iframeやGoogle Mapのサポート、20種から選べるCSS3 transitionsによるアニメーションエフェクト、各SNSへのシェアボタン、ハッシュプラグイン対応、フルスクリーン化対応などなど、よくあるlightboxの機能を詰め込んだようなもので且つ、jQuery等のライブラリに依存せず単体で動作してくれるのが特徴です。モジュールはオートプレイ、動画、フルスクリーン化等がデフォルトでビルトインされているみたいです。ファイルサイズは非圧縮の状態で42KB、圧縮版で24KBほどです。なかなか良いのでは。ライセンスはApache 2.0。 lightgalle
TailorはWordPressの管理画面内でレイアウトをD&Dで作成出来るWordPressプラグインです。テーマカスタマイザーで要素をドラッグし、そのまま各所を編集出来るようになっています。テーマカスタマイザーはレスポンシブなプレビューも可能ですが、本プラグインもRWDに対応しており、知識があまり無い方でもレイアウトを設計出来る、というもの。なかなかすごいですねこれ。公式プラグインディレクトリにも公開されていますので管理画面から検索、インストールも可能です。便利そうだし個人的にも日本語化しておこうかなと思っています。 Tailor ※本記事は事前に予約投稿してあります。 ※筆者は現在出張で国外にいるため連絡が取れません。
PillsはRWD対応のシンプルで軽量なグリッドシステムです。4kbほどのファイルサイズでモバイルファーストな設計となっています。よくあるフレームワークのような.col-md-6といったclass名が分かりやすいとは思えないそうで、.whole(全体)、.half(1/2)、.three-quarters(3/4)のように直感で分かるような人間に優しいclass名にしているそうです。また、.twelve、.sevenといったclass名でも使えるそうです。この辺りは好みとは思うのですが、始めて使いはじめる、という場合はとっかかりやすい気はしますね。ライセンスはMIT。 Pills
Elementor Page BuilderはWordPressで作成した固定ページや投稿をD&Dでレイアウト出来るプラグインです。どんなテーマでも利用可能です。コーディングせずともボタンやアイコン、タブやあコーディオンなどのUIを好きな場所に挿入出来るだけでなく、アーカイブやメタ情報、カテゴリなどのWordPressの機能も任意のページ内に挿入する事が出来ます。実際に利用してみましたが、慣れは多少必要なものの、かなり便利そうでした。動作にはPHP 5.4以上が必須になります。ライセンスはGPLとなります。個人的に日本語に変更してテスト的に利用してみようと思います。 Elementor Page BuilderOn WordPress.org Plugin Directory
昔からあるWPのプラグインみたい ですが、先日知ったばかりで、と ても助かったので感謝も込めて ご紹介。WordPressのウィジェット 単位で簡単に条件分岐する事が 出来ます。 ウィジェット単位で条件分岐できるプラグイン。結構前から存在してるんですね。初めて知りました。かなり便利ですねこれ。 先日、クライアントさんの要望でTwitterアカウント名とツイート数を指定してツイート表示を簡単に管理できるように、上記のようなウィジェットを作成しました。 そのウィジェットをページ毎に表示したりしなかったり出来ないか、という追加要望を頂きました。スタッフの紹介ページ毎にそれぞれのツイートを表示したい、というものです。 簡単に出来ないか方法を探したところ、見つかったプラグインがWidget Logicだったんですが、結構前から存在してたみたい・・知らずに損した。 ウィジェットにコンディショナルタグを
Webサイト作成に便利な色々な 用途のエディタまとめです。 フリーのソフトウェアのみに絞りました。 Webクリエイターの方も多少は作業工程 を短縮できるのでは無いでしょうか? 私は凄く助かってます(笑) cssやメディア関連など14個集めました。 画像エディタ画像の編集、加工エディタです。 GIMP 言わずと知れたフリーの中では最強と思える画像エディタ。 Photoshopのブラシも使えたりします。日本語で使用可能。 今度こそフリーの画像編集ソフト『GIMP』をマスターしようという人の為のまとめが 凄く参考になります。 Photoscape 一番使用頻度が高いです。日本語で使用でき、操作もシンプルです。 Pos Free Photo Editor シンプルで動作も軽いので、簡単な加工のときはGIMPではなくこちらを使っています。 テキストエディタテキスト編集エディタです。 Terapad
レスポンシブなナビゲーションのパターンをまとめているResponsive Navigationのご紹介です。選択肢が複数あるとコンテンツにも合わせやすくなるので覚えておきたいところです。 レスポンシブWebデザイン対応のWebサイト向けのナビゲーションです。ブレークポイントに応じて、そのデバイスで使いやすいナビゲーションに変化してくれる、というものが中心のようですね。
ちょっと気になったので備忘録。jQueryやMootools、ZeptなどのJavaScriptライブラリとほぼ同じ機能で、且つ軽量なライブラリのようです。一覧表を見る限りでは完全互換では無いようです。 jQueryやMootoolsなどの人気ライブラリと似た機能で、軽量さを追及した、みたいな感じ。バージョンによって多少前後しますけどjQueryが非圧縮で90KB、圧縮して29KBほどなのに対して、Minified.jsは非圧縮でも9KBほど、圧縮版で5KBを切っていますのでかなり軽量と言えそうです。 ライセンスはパブリックドメイン(著作権放棄)なので自由に利用する事が出来るのも大きな特徴です。 軽量でIEにも6から対応しているとの事なので一部の方には需要がありそうです。ちょっとしたDOM操作だけならこんな感じのものでもいいかもしれないですね。 簡易的な物ではありますけど他ライブラリとの機
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く