embedoはTwitterやFacebook、InstagramやYoutubeなどのSNSのembedを任意の高さや幅に出来るスクリプトです。PinterestやVimeo、Google Mapにも対応しているそうです。CSSでも良いですけどこちらなら使い方も簡単で少しのコードで実現出来るので楽でいいですね。ライセンスはMIT。 embedo
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" >
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
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
デザイン制作の大半をPhotoshopで作業する人も多くいらっしゃいます。 そんなPhotoshopですから、自分仕様に環境を整えておくことで作業の快適具合も大きく変わってきます。 今回は、Photoshopでの作業を効率化する使い勝手の良いプラグインを28個に絞りご紹介します。 フォトショッププラグインとは、標準機能を拡張するファイルのことです。必要に応じてインストールすることで作業効率を飛躍的にアップさせることが可能です。 全てインストールする必要はありませんが、気になるものがあれば是非一度使ってみてください。 便利すぎるPhotoshopのプラグイン23選 1.Velositey http://dandkagency.com/extensions/velositey わずか数回のクリックであっという間にホームページのレイアウトを作るプラグインです。 ヘッダからコンテンツ、フッターなど
マイマシンがWindows8.1に更新されました。 それに伴い、IEもIE11と進化されまして。 日々の作業や調べ物でIEなんぞ開きたくもないですが、 お客さまのサイトを制作する際にはどうしてもIEでチェックをしなければなりません。 特にIE8はブラウザ表示がモダンブラウザと違う場合が多いわりに クライアント様がIE8の場合が多いので、しっかりとチェックしなければなりません。 今までは実機以外でIE8を見る場合、IEの開発者モードを使用していた IE10で、開発者モードからドキュメントモードでInternet Explorer8を選べば、 結構な精度でエミュレーションしてくれてました。 制作作業の中チェックして行く場合には開発者モード 納品直前チェックは実機(Windows XP+Internet Explorer8)にて確認の流れです。 こんな感じ。 IE11のドキュメントモードではUI
デモ: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.
2015年注目のMaterial Designをベースにした45種類のUIコンポーネントが揃ったAndroid Lollipopのユーザインターフェイス用のデザイン素材を紹介します。 iOS版Chromeも先日のアップデートでUIが一新され、Material Designが採用されました。 今年はフラットデザインから進化したMaterial Designがガンガンきそうですね。 Android Lollipop UI Kit Material Designは、デスクトップ・スマホ・タブレットをはじめとするさまざまなデバイスで直感的に操作ができるよう新しいUXのアプローチです。Androidにも全面的に採用されています。 Android 5.0: Lollipop 今回紹介するのは、そんなLollipop用のさまざまなUIコンポーネント・エレメントが揃ったPSDとSketch用の素材です。
Effortlessly Split Panes and Navigate Between Code With the new Tab Multi-Select functionality, tabs become first-class citizens in the interface. A simple modifier when performing actions will split the interface to show multiple tabs at once. Works with the side bar, tab bar, Goto Anything and more! What’s New Sublime Text 4 is packed with new features and enhancements, including: GPU Rendering
レスポンシブWeb デザインテスター Responsive Web Design Tester - Chrome ウェブストア アイコンが追加されまして クリックするとセレクト画面が展開。 例えばクリエイターボックスのブログを iPhone5で見ると・・・。 いろいろ追加できる オプションを選択すると自分で好みのサイズが追加出来ます。 サイズの追加や変更などが行えます。 物足りんって人 Chromeエクステンションは、ぱぱぱっとやれてぱぱっと確認するためのものなので、マルチデバイス時代にこんなものでは足りんということであれば、結局ChromeのDeveloperToolを使ったほうが早かったりなんだりします。 GoogleChromeのDeveloperToolは、『 Ctrl+Shift+Iキー 』で起動します。 右サイド、もしくはフッター付近に現れます。この表示位置は以下のボタンで切り
Reference To install include jquery.sticky-kit.js after including jQuery. Usage: $("#sticky_item").stick_in_parent(); // or $("#sticky_item").stick_in_parent(options); You can pass a hash of options to configure how Sticky Kit works. The following options are accepted, each one is optional: parent — The element will be the parent of the sticky item. The dimensions of the parent control when the st
みなさんはじめまして! アートディレクター兼デザイナーの長岡と申します。 社内では、ひろさんと呼ばれています。 入社したばかりですが、どうやらLIGの最年長記録を更新したようです(^^;) 2児の父親として、プライベートでは、子育てに奮闘中なのですが、最近乗り物に興味を持ちだした息子。 電車や車が大好きなようで、テレビに映る度に指をさして「でぇ~んしゃ~♪」とか「ぶぅ~ぶぅ~♪」と叫んでます。 そんな息子の姿を見て、毎日癒されてます(^-^) さて本題に入りますが、スマホサイト・レスポンシブデザイン・Bootstrapなどで度々目にするアイコンフォント。 モバイルファーストを考えながらの制作ですと、表示速度も意識しなければなりませんね~。 フリーのアイコンフォントは、たくさんあれど、「アイコンが多すぎる!」「もっと少なくしたい!」「オリジナルでアイコンを作ったけれども、これをどうにかアイコ
If something doesn't look right, try a different hinting type. Please note: By uploading or making use of a font not included in Font Combiner's list of free source fonts, you confirm that you are legally eligible to do so. Please take care to ensure that your generated font complies with any licensing restrictions that may apply. If you're not sure, why not make use of our free tool to view font
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く