【実案件で使える？】Photoshop CS6のプラグイン「Cut&Slice me」を使ってみる | DevelopersIO
僕はWebデザインをするときPhotoshopを使う人なんですが、Photoshopのスライスはあまり便利ではありません。 そこで最近このプラグイン「Cut&Slice me」を実験的に使っています。 今後長期的に使えるかはわかりませんが、1ヶ月ほど使ってみて便利だなと思ったのでサンプル作成と合わせて紹介します。 このプラグインの利用にはPhotoshop CS6が必要です。 Cut&Slice meプラグインでできること Cut&Slice meはPhotoshopのスライスを使わずに、レイヤー名に処理用の宣言を行いそれにそって自動書き出しが行われます。 Photoshopのスライスを使わず一括書き出し レイヤー名に宣言をつけることで書き出しを制御 レイヤー名を画像の名前にできる 他のレイヤーに影響されずに書き出せる 切り出し領域をシェイプで制御 ボタンの状態ごとに書き出し PC、And
【Webデザイナ－・コーダー向け】すぐに使えるSCSS入門｜基礎編 | DevelopersIO
はじめに 早速ですがみなさん、黒い画面（コンソールやターミナル）はお好きですか？ ちなみに僕は最近やっと黒い画面に対していくつかの呪文使えるくらいになりました。文系理系でもどちらでもなくさらに低学歴の僕にとっては潜れば潜るほど黒い画面がつきまといます。（今では好きですよ、黒い画面） 今回は、すぐに使えるSCSS入門｜基礎編ということで、「黒い画面など見たくない！」というあなたにも、GUI操作だけですぐに使えるアプリケーションのインストールからSCSSの基本的な利用方法について、実際の開発に使えるポイントを押さえて解説していきたいと思います。 SCSSを覚えて生産的で楽しいWebサイト制作・アプリケーション開発をしていきましょう。 まだSCSSを知らない方向けに「SCSS」って？ 前回の記事「Media Queriesの記述を少し楽にしてくれるSCSS（Sass） Mixin（自作）」からの
動画を背景にするとこんなにカッコいい、というデモと実装jQueryプラグイン:phpspot開発日誌
動画を背景にするとこんなにカッコいい、というデモと実装jQueryプラグイン 2012年12月10日- Make an HTML5 video a background - body bg demo 動画を背景にするとこんなにカッコいい、というデモと実装jQueryプラグイン。 Youtubeの動画を背景にするjQueryプラグインがあったりしますが、今回は自前の動画を背景に使ったサイトが簡単に作れます。 動画フォーマットも各種指定することで色々な端末に対応することができそう 実装コード。各種動画ファイルをフォーマットベースにオプション指定 若干重いですが、将来的にはこういったサイトも当たり前のように登場していることでしょう。 関連エントリ フリーのオープンソースなHTML5動画プレイヤーいろいろ
alertify.js - browser dialogs never looked so good
Unfortunately, I will no longer be maintaining alertify.js. I have many ongoing projects that aren't leaving me with enough time to do what needs to be done. If anyone wants to create a fork and maintain - by all means go for it! It's been great seeing people use it and enjoy it and this decision is simply because I don't believe it's fair that developers are looking for help and not getting it. I
)
ssig33.com - Web サイトの Windows8 対応(CSS編)
前提 サイトがシングルカラムでデザインされている もしくは画面の横幅によってデザインが変わるみたいなデザイン みたいな時の話。簡単なコードを CSS に追記しておくだけで Windows 8 や Windows Phone 8 などでサイトを快適に閲覧出来るようになります。 以下のような感じ @-ms-viewport{ width: device-width; } /* これは Windows 8 でスナップを使用した時に綺麗に表示するためのもの */ /* * 以下は Windows Phone でサイトを快適に表示する為のもの。 iOS とかやりなれてる人は何のコードか分かるかと思います。 * 上から順に * 1280x720 のデバイスで横持ち時、 800x480 デバイスで横持ち時、 1280x720 デバイスで縦持ち時、 800x480 デバイスで縦持ち時 * にサイトをモバイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
