Photoshopで1クリックの時代がきた！Webページ用のグリッドも簡単に作成できる便利すぎる無料の機能拡張 -Bootcomp 2.0
Webページやスマホアプリのデザインカンプを作成する時に、大幅な時短になる便利な機能がたくさん詰まったPhotoshop CC2015.5対応の機能拡張を紹介します。 Bootstrapでつくる時はもちろん、それ以外のデザイン作業でも強力な機能を発揮します。 Web制作に携わるすべての人が、入れておいて損はない機能拡張です。 Bootcomp Bootcompの特徴 Bootcompのインストール Bootcompの使い方 Bootcompの特徴 先日当ブログで紹介したBootcompが昨日、CC2015.5にも対応してアップデートされました。1.0でも便利でしたが、2.0で更に便利になっています！ OS X, Win両対応で、日本語にも完全対応の無料の機能拡張です。
Chromeのデベロッパーツールが見やすくなる！デベロッパーツールのUIをダーク系に変更する方法
Readable テーマファイルの適用方法 テーマファイルを適用するには、Chromeの試験運用機能を使用します。 ※試験運用機能はサポート対象外のため、ご利用の際には十分ご注意ください。 テーマファイルをダウンロードします。 Chromeのアドレスバーに「chrome://flags/#enable-devtools-experiments」と入力し、試験運用機能にある「デベロッパー ツールのテストを有効にする」を有効化します。 Chromeを再起動。 デベロッパーツールを起動し、設定の「Experiments」タブを選択し、「Allow custom UI themes」をチェック。 これでデベロッパー ツールにテーマファイルが適用されます。 「Experiments」タブの「Allow custom UI themes」をチェック ※テーマ適用済みなので既に背景がブラックです。通常は
Wordpress初心者が間違いなくハマる7つの罠と回避方法
みなさん、こんにちは！ タカハシ(@ntakahashi0505)です。 2015年2月にWordpressでブログを初めています。 先人たちの知恵のおかげでなんとかまだ続けることもできていますし、記事数もまずまずカタチになってきたと思ってホっとしています。 WordPressは簡単に扱えるように設計されているのですが、初心者だと間違いなく落ちてしまう罠がいくつかあるのです。 私が実際にキレイにハマった罠とその解決法について紹介をします！ 記事がないのにサイトの公開 WordPressをインストールしたのが2015/2/12。その後テーマを入れたり、プラグイン入れたり…最初は何の記事を書こうかなぁ…などとボヤボヤしていて、最初の記事を公開したのが2015/2/16。 知らなったのですがWordPress…インストール時点で既に公開状態なんです。 当然、公開後すぐのブログで告知もしていなけれ
[JS]Twitterのツイートをブログやサイトに簡単に設置できるスクリプト -jTweetsAnywhere
Twitterでつぶやいたツイートをあなたのブログやサイトに簡単に設置できるjQueryのプラグインを紹介します。 jTweetsAnywhere デモページ [ad#ad-2] jTweetsAnywhereの設置は簡単で、数行のスクリプトで自分のブログやサイトにツイートを設置することができます。 jTweetsAnywhereの主な特長 指定したユーザー（複数可）のツイートを表示。 ユーザーのリストからツイートを表示。 Twitterの検索の結果を表示（パラメータは全対応）。 @Anywhereに対応。 エンドレススクロールを使ったページングをサポート。 自動更新でリアルタイムにツイートを表示。 ツイートボックスのカスタマイズが可能。 Follow me ボタンの設置が可能。 ネイティブのリツイートをサポート。 ユーザーのプロフィールを表示。 ツイート内のリンクを検出し、自動でリンク化
今っぽくなった！トレンドをおさえたjQuery プラグインまとめ
作成：2015/04/6 更新：2016/06/29 Web制作 > トレンドとなりつつある視覚効果や、細部にちょっとした動きを取り入れたいときに使えるjQuery プラグインをまとめました。ユーザーが使いやすくなるよう、ページにひと工夫したいときに。少し前のプラグインもありますが、今から使えそうなものもピックアップ。 エンジニア速報は Twitter の@commteで配信しています。 もくじ マイクロインタラクション １．粘性 ２．移動するプレースホルダー ３．滑らかにページ移動させる ４．パスワード強度を可視化 ５．オートコンプリート ６．テキスト入力 ７．Google Map（吹き出し・マーカー） ８．オートページャー ９．プログレス12パターン １０．ノーティフィケーション レタリング １１．１文字ごとに指定 フルスクリーン １２．モーダルウィンドウ（全画面） １３．フォーム（全
[JS]シャドウをふんわりとアニメーションで変化させるスクリプト -Shadow animation
CSS3のbox-shadowで適用したシャドウをふんわりとアニメーションで変化させるjQueryのプラグインを紹介します。 ボタンなどにシャドウを使用した際には、よりリアルな効果を与えることができます。 Shadow animation jQuery plugin デモページ [ad#ad-2] アニメーションで変化できるのは、CSS3のbox-shadowで指定できる表示位置（X軸オフセット・Y軸オフセット）、ぼかしの半径、シャドウの半径、カラー、となっています。 各デモのスクリプトでの指定は下記のようになります。 JavaScript：左端 onmouseoverで、ぼかしの半径を30ox、カラーを#44fに $('#box1').animate({shadow: '0 0 30px #44f'}); JavaScript：真ん中 onmouseoverで、ぼかしの半径を50pxに
YouTubeの広告やスキップ不可能なCMを一発で削除可能なブラウザ拡張「Tube Enhancer」
YouTubeでムービーを再生する際に表示される邪魔な広告を一切表示しないようにしてくれる、無料で使えるブラウザ用の拡張機能が「Tube Enhancer」です。広告非表示機能の他に、自動でムービーをHD画質にする機能やYouTube上のムービーでプレイリストを自作したりムービーをブラウザ上に固定してタブを切り替えてもムービーを視聴可能にしたりもできる拡張機能とのことなので、実際に使ってみました。 Tube Enhancer http://www.tubeenhancer.com/ 「Tube Enhancer」が使用可能なウェブブラウザはChrome 22以降もしくはFirefox 14以降の2種類。ChromeとFirefoxでは使用可能な機能が異なり、Tube Enhancerの全機能を使い倒したい場合はFirefoxにインストールする必要がありますが、広告を削除するだけでOKならC
ついにChromeの転送量を圧縮し高速化できる「データセーバー」拡張機能が登場、PCから利用可能に
Googleがデスクトップ版Chrome向けに、拡張機能「データセーバー」のベータ版の提供を開始しました。この機能は、ブラウザで読み込むデータをあらかじめGoogleのサーバで圧縮してからダウンロードし、ローカルで解凍してブラウザに表示するというもので、データ量の軽減と高速化を実現するというものとなっています。 データセーバー（ベータ版） - Chrome ウェブストア https://chrome.google.com/webstore/detail/data-saver-beta/pfmgfdlgomnbgkofeojodiodmgpgmkac この「データセーバー」の機能は、すでにAndroid版・iOS版のChromeとChromebookには搭載されていたもの。その仕組みはChromeのヘルプページで以下のように解説されています。 Chrome データセーバーでデータ使用量を抑え
WordPressの不正ログインに効果あり！管理画面のログイン時のURL(wp-login.php)を簡単に変更できるプラグイン -Login rebuilder
WordPressの管理画面へのログイン時のURL(wp-login.php)を簡単に変更できる国産プラグインを紹介します。 管理画面に総当たり攻撃をされて困っている人は是非お試しください。 当ブログはこのプラグインを使用して解決しました、作者様に感謝！ Login rebuilder -Plugin Directory Login rebuilder公式ページ（日本語） Login rebuilderのインストール Login rebuilderの設定 Login rebuilderのインストール WordPress公式のPlugin Directoryから通常のプラグインと同様にインストールできます。 管理画面の「プラグイン」から「新規追加」を選択。 「プラグインの検索」に「Login rebuilder」を入力して検索。 「Login rebuilder」の「いますぐインストール」を
Python編集環境を整える: pytestとかvimのプラグインとか
B! 120 0 0 0 Python用の環境設定について最近更新したので経過メモ。 特にVimのプラグインとかについて。 外部コマンド Vim シンタックスハイライト等 インデント 補完 畳み込み 外部コマンド 文法チェックをしたり pep8 に準拠するような作法に整えたりするために Pythonスクリプトをチェックするコマンドとしては pytest が便利です。 pytest本体ではpep8までチェックできませんが、 pytest-pep8 も入れる事でpep8についてまでチェックできる様になります。 $ pip install pytest-pep8 で必要な物を全てインストールしてくれます(pep8やpytest等)。 使い方は $ py.test --pep8 target.py 等と、.pyファイルを与えるかディレクトリを与えると そのディレクトリ内の.pyファイル全てをチェッ
クレジット表記無しで無料利用できる写真画像を簡単に選べて、ダウンロードできるPhotoshopの機能拡張 -SplasHolder
個人でも商用でも無料で、クレジットの表記義務がない写真画像をPhotoshop上から簡単に選べて、ダウンロードして利用できる機能拡張を紹介します。 画像を探すのにブラウザを開く手間がなくなり、普通に便利です。 SplasHolder 写真画像は全てUnsplashの画像を使っており、画像のライセンスはCC0で個人でも商用でも無料、そしてクレジットの表記義務はありません。 データをひっぱるのにはUnsplash.itのAPIを利用しており、今後これを利用したサービスが増えそうですね。 Photoshop用の機能拡張「SplasHolder」のダウンロードは、下記ページの下の方です。 Photoshopの対応バージョンは、CCです。
WordPress で新サイトを開設する時に必ず入れるプラグイン14選 | キャリコ
WordPress は4つ運営中、キャリコ（ @calicocatxyz ）です。 やりたいことを叶えるために WordPress を覚えるところから始まり、初めて開設したキャリコ、MT から引っ越しさせた旅ブログ、仕事で扱うブログ、スコにゃん劇場と、気付けば4つのサイトを抱えるまでになっていました。 そうなると WordPress の扱いには慣れたもので、使うプラグインも大体決まってくるのです。基本的なプラグインを決めておいて、あとはそのサイトの特色に合わせて選ぶといった感じですね。それではいってみましょう。 WordPress プラグイン Autoptimize ダウンロードAutoptimize Web サイトのページ表示速度がエライ上がると評判の Autoptimize はインストールするだけで段違いに速くなります。特に JavaScript の縮小によりスマホ・パソコン表示のスコ
Web制作に使える！オシャレなサイトに見せるためのCSSやjQueryプラグインまとめ
作成：2015/03/2 更新：2016/06/29 Web制作 > 今風のサイトの動きやエフェクトを実現するために知っておくと助かるjQueryプラグインをまとめました。トレンドをおさえた最近のものや定番化しているものまで。ちょっとした動きを取り入れてオシャレなサイトを構築したい時に。 エンジニア速報は Twitter の@commteで配信しています。 もくじ インタラクティブ １．クリック時のエフェクト ２．フォームクリック時のエフェクト ３．テキストに１１種の動きを出すエフェクト ４．分離するエフェクト フルスクリーンの見栄えをよくする ５．フルスクリーン 縦スライド３つ ６．全画面+オーバーレイ ７．フルスクリーン背景＋ローディング ８．写真から背景色を抽出 ９．background-size 対策 ドロワーメニュー １０．ドロワーメニュー３つ スクロールエフェクト １１．スクロ
減らして減らして10個に厳選した WordPressプラグインまとめ。ブログ高速化との狭間にて。
このブログも4年目くらいになるのですが、相変わらず知識の乏しいまま手探りでずっとやってきていて、夜な夜な WordPress の管理画面を開いて、訳も分からずサイトの裏側を弄っている毎日です。 そして今まで色んなトラブルに見舞われながらも、開設当初は 40個近く使っていたプラグインが、今は10個まで減って参りました。 とりあえず、今このサイトで使われている WordPressプラグイン をまとめておきます。 今使っているのはこの10個。 Jetpack by WordPress.com WP-Optimize Advanced lazy load All In One SEO Pack CloudFlare VaultPress Simple Tags SyntaxHighlighter Evolved WP Multibyte Patch Akismet まぁ、だいたいメジャーなものばか
ダークな背景にほんのりと映えるフローラルのパターン素材
10 Free Dark Floral PS Patterns ダウンロードできるファイルにはパターンが10種類あります。 利用にあたっては商用でも個人の仕事でも無料で、ウェブページの背景などに使用してください、とのことです。
WordPressSEOプラグインおすすめ22選【保存版】
All in One SEO Packは、簡単にWordPressのSEO対策が行えるプラグインです。Titleタグ、meta descriptionタグ、meta keywordタグ、noindexの設定などがページごとに行えるようになります。トップページや投稿ページは勿論のこと、固定ページ、カテゴリページ、著者ページ、404エラーページ、検索結果ページなどを広くSEO対策することが可能です。 All in One SEO Pack WordPress SEO by Yoast WordPress SEO by Yoastは、All in One SEO Packを高機能にしたプラグインです。各ページのタグ設定やnoindex, follow設定の他にも、OGPやTwitter cardの設定や、「category」スラッグ削除、構造化されたパンくずリストの設置など、他のプラグインをいく
Big Sky :: IDE としての Vim
この文章は、http://yannesposito.com/Scratch/en/blog/Vim-as-IDE/ で掲載されている「Vim as IDE」の翻訳文です。 文内の全てはの筆者による物であり、訳文の内容については私による物となります。意訳が若干入っています。間違い等あればご連絡下さい。 Vim as IDE tl;dr: 如何に Vim を効率の良い IDE として使いこなすか Learn Vim Progressively (訳者注: 日本語訳)では Vim が如何にテキスト編集に優れ、かつファイルを操縦できる偉大なテキストエディタであるかについて示した。この短い記事では、私が如何にして Vim を IDE として使っているかについて見る事が出来るだろう。そう、主に幾つかの素晴らしいプラグインを使う事により。 1. Vim Plugin Manager Vim のプラグイン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshopでイラストやお絵描きする時にダウンロードしておきたい、無料で使えるPhotoshopのブラシ素材のまとめ
欧美亚洲色欲色一欲WWW - 欧美大片欧美激情免费看 - 欧美特黄特色三级视频在线观看
Fluentd ソースコード完全解説 (v0.10向け)
