Masonry
What is Masonry? Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice
Long Shadow Generator for Photoshop - A PS extension to create long shadow with one click!
Long Shadow Generator is made with ♥ by Ray And this will always be free. Donate Ask me anything: ray@rayps.com Features: Shadow length Shadow opacity Black or white shadow Flatten or gradiant shadow Shadow angles Installation: Close Photoshop before install. Double click the .zxp file, Adobe Extension Manager should show up automaticly. Open Photoshop and click from menu "Window" > "Extension" >
Skeuomorphism.it? - Fuck That - Make it Flat
Fuck That! Make it Flat! Become a flat design pro in seconds with this simple photoshop plugin. Download Extension Share Installation Download and up-zip Skeuomorphism.it Double click the extension to open Adobe Extension Manager. Click OK, and acknowledge the warning message to start the installation. Restart Photoshop if it's open You should now be able to navigate to Window > Extensions > Skeuo
chrometaphore | design
Smart objects are becoming a vital feature of Photoshop. Cell is a set of scripts i have created to manipulate multiple Smart Objects in a quick and easy way. You can now create / break multiple smart objects in one click. The save action is also very useful, if you work with complex multi-views documents based on smart objects. Cell is also a great way to save Smart Objects directly as .png asset
LAYRS CONTROL 2 - Made By Vadim
Larys Control 2 is a FREE photoshop extension made by a collection of 7 scripts that make tedious photoshopping jobs much easier. This latest version is compatible with Photoshop CC and CC 2014. Features Layer Name Editor This function allows you to name your layers and folder with great control and functionality. Credits: Paul Riggott & Evgeny Trefilov Remove Unused Effects Allows you to remove u
Ink. Specs for your Photoshop Layers
Handling mockups to developer teams can be tricky. As a designer, sometimes I wrongly assume that everyone knows about how photoshop shapes, effects, and typography works. Sometimes lack of specifications leads to inaccurate front-end outputs. Sometimes the final product just doesn’t look exactly as expected. Ink is a plugin that helps you providing few extra important informations about your mock
こんな簡単でいいの？便利すぎるPhotoshopのプラグイン23選
デザイン制作の大半をPhotoshopで作業する人も多くいらっしゃいます。 そんなPhotoshopですから、自分仕様に環境を整えておくことで作業の快適具合も大きく変わってきます。 今回は、Photoshopでの作業を効率化する使い勝手の良いプラグインを28個に絞りご紹介します。 フォトショッププラグインとは、標準機能を拡張するファイルのことです。必要に応じてインストールすることで作業効率を飛躍的にアップさせることが可能です。 全てインストールする必要はありませんが、気になるものがあれば是非一度使ってみてください。 便利すぎるPhotoshopのプラグイン23選 1.Velositey http://dandkagency.com/extensions/velositey わずか数回のクリックであっという間にホームページのレイアウトを作るプラグインです。 ヘッダからコンテンツ、フッターなど
[JS]ボタンがパネルに、パネルがモーダルウインドウにアニメーションで変形する超軽量スクリプト -cta.js
最近のWebページで人気があるのは、ビジュアルの連続性。 パネルをクリックすると、それが拡大してモーダルウインドウになり、ボタンをクリックすると、それが変形してパネルになるなど、ユーザーのアクションをトリガーに要素が別の要素にアニメーションで表示される超軽量（1.2KB）スクリプトを紹介します。 モーダルウインドウとサイドバーのデモ コマを落としているので分かりにくいですが、ボタンをクリックするとモーダルウインドウやサイドバーに、アニメーションで変形して表示されます。 cta.jsの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <body> ... コンテンツ ... <script src="src/cta.js"></script> </body> Step 2: HTML 一つ目のデモ「タイル状コンテンツ」のHTMLは、こんな感じです。 data
![[JS]ボタンがパネルに、パネルがモーダルウインドウにアニメーションで変形する超軽量スクリプト -cta.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/3b796beb0e3307e8d7086ea2aaa29efd7e12d443/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015042101.png)
[JS]これは便利！YouTubeの動画をはじめ、VineやTEDやCodePenやツイートやPDFやGoogleマップまで簡単にページに埋め込めるスクリプト -Embed.js
デモ：Googleマップ Googleマップもサポート。 Embed.jsの使い方 Step 1: 外部ファイル 当スクリプト・スタイルシートとjquery.jsを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="path/to/jquery.embed.css"/> <script src="path/to/jquery.min.js"></script> <script src="path/to/jquery.embed.js"></script> </head> Twitterを埋め込む時には「widgets.js」、コードのシンタックスハイライトには「highlight.min.js」を使用します。 <head> ... <link rel="stylesheet" href="path/to/jquery.embed.
![[JS]これは便利！YouTubeの動画をはじめ、VineやTEDやCodePenやツイートやPDFやGoogleマップまで簡単にページに埋め込めるスクリプト -Embed.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/c7f1b78c4054290453044ec517a54e1f30348b63/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015041500.png)
mpdf ～phpからpdfを書き出すライブラリ | パソコン組立修理 小樽・札幌｜フォトンPCサポート
自社のお客様データベースをファイルメーカーからphp+sqliteかmysqlにできないか構想中です。（材料費ただなので。。。）phpからpdfを書き出すことがスムーズに行けば実現も近いかと思うのですが、なかなかややこしい。mpdfというhtmlからpdfを書き出すライブラリがあったので試してみました。何とか出せましたが、タグやcssの読む読まないが色々あって大変。単純なタグなら読むかと思えばそうでもなかったり。封筒に印刷したいので用紙設定のユーザー定義サイズの指定を調べたがなかなか分からず、海外のブログに載ってました。だがしかし、配列を$size=array(239,110)とか指定するとなぜかうまくいかない。直にarray(239,110)でないとだめという。 [code] <?php // index.php // mPDFファイルを展開 include("./mpdf/mpdf.p
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」の「いますぐインストール」を
コメントや記事単位、長くなった記事をページ分けするWordPressページネーションプラグインいくつか
ページナビゲーションプラグイン 10 Best Free Wordpress Pagination Plugin - Smashfreakzをご紹介。SSは元記事だとどんなものか全くわからなかったので、あとで自分でパッと見てわかるように撮り直しました。 ちなみにページネーションをプラグインで実装する方法もありますが、 WordPress：プラグインを使わずにページネーションを実装する方法のように、プラグインを使わない方法もあります。お好きな方を。 WP-PageNavi おそらく相当数の日本人が利用しているページングナビゲーション。日本語対応してますし。 WP-PAGINATE 各種設定項目も少なく、シンプルで人気。 SIMPLE PAGINATION この質感が好きっていう人もいるかもしれませんが、これならWP-PageNaviは日本語ですし、英語を見るのも嫌だという人はそっちがいいかも
YoutubeやVimeoの動画を背景に指定できるjQueryプラグイン・OKFocus video
YoutubeやVimeoの動画を手軽に背景指定できる、というスクリプトのご紹介。jQueryに依存しています。既に同等のものが存在しますが、使いやすそうだったので備忘録。 動画を手軽に背景指定出来る、というもの。 動作サンプルです。 背景なので重ねたレイヤーの背景を透過すればマスクっぽく出来ますね。 <script src='jquery.js'></script> <script src='okvideo.js'></script>本体とスクリプトを読み込みます。 $(function(){ $.okvideo({ source: 'http://vimeo.com/*****', volume: 0 }) });VimeoまたはYoutubeの動画のURLを貼るだけ。これで背景に動画が流れます。ミュートはvolumeを0に指定します。 他にもオプションいろいろ。詳細は以下でご確認下さ
郵便番号を入力すると住所を自動補完してくれるjQueryプラグイン・jquery.jpostal.js
郵便番号から住所を自動補完してくれるライブラリのご紹介。他にもいくつかありますけど使いやすかったので備忘録として。 よくあるやつ。メンテも不要との事なので助かります。 <script type='text/javascript' src='http://code.jquery.com/jquery-git2.js'></script> <script type="text/javascript" src="http://jpostal.googlecode.com/svn/trunk/jquery.jpostal.js"></script>ライブラリはgooglecode.comにホストされているものを直接読み込みます。 $('#postcode1').jpostal({ postcode : [ '#postcode1', '#postcode2' ], address : { '#ad
Twitterのようなログインフォームを設置出来るjQueryプラグイン
Simple and Effective jQuery Dropdown Login Formは、軽量でお手軽にログインフォームを設置出来るプラグインです。 ちょっとしたサイトのアクセント、Twitterみたいなログインフォームを設置したーいという人が何人かいたので共有。 クリックから展開 イメージ的には以下の様な。 中々美しいでしょ？ 設置方法 はじめにjQueryをGoogle先生から呼び出し、CSS、login.jsを読み込みます。 <link rel="stylesheet" href="css/style.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2"></script> <script src="js/login.js"></scrip
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
selectタグの機能を大幅に向上させる「selectivity」:phpspot開発日誌
http://dandkagency.com/extensions/velositey/
jQuery Background Test
darsa.in
Page Not Found