CSSやJavaScriptの改行やインデントを削除して圧縮したり、元に戻したりするツールまとめ
年末に、オンラインブックマークでたまってしまいがちな「あとで読む」とか、「一応保存」とかを整理することにしました。 そしたら、同じような内容や機能のWebサービスのページをいくつもブクマしてることに気づいてしまいました。 そこで、似たようなものは自ブログにまとめて少しブクマ数をスッキリさせることにします。 で、実はあんまり使ってないけどいざって時にあると助かる「スクリプトの圧縮＆デコードツール」をまとめてみたいと思います。 まずは圧縮編から。 ファイルの改行やインデントを無くしたりしてファイルサイズを軽くするツール 私がやるような規模の案件ではまず使うことはないのだけど、サイト規模が大きくなるとこういう配慮も必要なのかも。 やってることはどのサイトでも一緒なので、各自見やすい・使いやすいと感じるやつを選んでいただければよろしいかと。 CSS編 CSS Compressor 圧縮度合いを4段
Windows風タイル型のモダンなインタフェースを実現できるBootstrapプラグイン「jsTiles」:phpspot開発日誌
jsTiles | A jQuery - Bootstrap plugin Windows風タイル型のモダンなインタフェースを実現できるBootstrapプラグイン「jsTiles」 次のようなタイルを並べてタッチ端末などで使いやすいUIを実現できます。 細かいサイズ等のレイアウトもBootstrapのレイアウトフレームワークの応用でBootstrapユーザなら比較的簡単そう。 関連エントリ Bootstrapのポップアップ風デザインのモーダルを作成「Stackbox.js」 Bootstrapのselectを拡張した「select2」 BootstrapとMaterial Design Liteの比較 Bootstrapにモダンな機能を追加してくれるjQueryプラグイン「Smoke」
[JS]Webサイトの使いやすさ・かっこよさを向上させる、チェックしておきたいスクリプトのまとめ
コンテンツの邪魔にならず操作も快適な画像拡大、スクロールすると一旦ヘッダが隠れるけど上にスクロールすると出現、サーチアイコンをクリックするとにょい～ん伸びて検索ボックスになるなど、ユーザビリティ・アクセシビリティに配慮され、タッチデバイスやレスポンシブ対応にも一役買う優れもののスクリプトを紹介します。
![[JS]Webサイトの使いやすさ・かっこよさを向上させる、チェックしておきたいスクリプトのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/0bc338c3b019bd35cf84848dd648330728cc081c/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015082406.png)
終わりは近い…？ アマゾンまでもFlashを完全閉め出し
居場所を失うFlash。 かつては1つの時代を築き、動きのあるリッチなサイトを裏で支えていたFlash。しかし時代は移り変わり、Macにはデフォルトでインストールしてもらえず旧バージョンは遮断、Chromeには初期状態で停止設定をされ、firefoxにも最新以外はほぼ完全にブロックされるという始末。 そんなFlashに、今回さらに追い打ちをかけたのはアマゾンでした。同社が発表している広告に関するテクニカルガイドラインによると、9月以降Amazon.comおよびアマゾンの広告ネットワーク｢AAP｣内でのFlash広告を全て受け付けなくすることが発表されたのです。 これによって、ほぼ完全にアマゾン上からはFlashが閉め出されることになるわけです。Chromeがブロックした際にも述べているように、Flashの自動再生でバッテリー消費が最大2割増加するなど、アマゾンにとってみればFlash自体が
ピコはカフェが似合う、オシャレ系ミニベロ
オシャレ系ミニベロといえばコチラ。GRQよりリリースされたPICO（ピコ）は、とにかくルックスにこだわった１台。キャリアまでスラリと伸びたトップチューブや、自転車の核であるフレームのデザインをはじめ、泥除け・シートやハンドルなど、細かいディテールにまで及ぶ丁寧な仕上がり。標準装備のダイナモライトも、レトロっぽいテイストがいい感じ。細かいアクセサリーにまで手を抜かないのが、オシャレ系ミニベロの証しなのです。 こちらのGRQのピコ、そのこだわりはルックスだけと思われがちですが、さにあらず。ミニベロ特有の動き出しの早さに加えて、6段変速ギヤを標準装備しているから、タウンライドも楽ちんそのもの。通勤や通学、ショッピングなど、幅広いシーンで大活躍することまちがいナシ。 カフェがよく似合う、オシャレ系ミニベロのピコ。スタイリッシュなビジュアルに加え、自転車としての機能性にもしっかりとこだわった、申し分
CSS3アニメーションをらく～に実装！オンラインツール7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのハルエです。 最近の流行は「トシムリン」です。あぁ次こそ生で見たい・・・。 CSS3でアニメーションを作成するとコードが肥大化して複雑になるため、ライブラリやオンラインツールを使用して作成している方も多いと思います。 簡単なアニメーションで言えば、「transition」でボタンのマウスオーバーに背景色をアニメーションさせたり、画像をフェードさせたり拡大・縮小させたり・・・などなど。 「animation」を使えばさらにできることが広がるのですが、まだまだwebkitブラウザ以外では正常に動作しないのが難点です。 今回は、CSS3アニメーションを一瞬で設定できちゃうオンラインツールをまとめて紹介します。もう知っている人もたくさんいるとは思いますが、まだ使ったことのない方はぜひ一度試してみてください。 CSS3アニメーションを実装！オンラインツール7選 Animate
ソフトバンク最強か。Netflixと業務提携を発表
上質なドラマに飢えている皆様、お待たせしました。 本日8月24日、ソフトバンク株式会社と世界最大手のインターネット映像配信ネットワークNetflixの日本法人が業務提携を発表！ 日本において、Netflixの申し込み受け付けから請求までまとめて提供できるのはソフトバンクだけになるとのこと。さらに今後、オリジナルコンテンツの共同制作も検討しているようです。これは白戸家世界デビューか…。 9月2日のサービス開始に合わせて、ソフトバンクは3つの視聴プランを用意しており、画質や同時に視聴できるストリーミング数に応じてプランを選ぶことができるよう。プランは以下。 視聴プランベーシックプラン 画質：標準画質（SD） 同時視聴：1ストリーミング月額650円（税抜） スタンダードプラン 画質：高画質（HD） 同時視聴：2ストリーミング月額950円（税抜） プレミアムプラン 画質：超高画質（ULTRA HD
買ったアロハシャツが派手過ぎたので「花柄」を全て切り取った結果 - ARuFaの日記
こんにちは、ARuFaです。 突然ですが、先日僕は会社の出張で沖縄県に行ってまいりました。 こちらがその時の写真。一緒に出張に行った会社の先輩とはぐれ、絶望している時に撮影した写真です。 さてさて、そんな沖縄県ですが、やはり南の島ということもあり、島中が陽気で楽しげな雰囲気に包まれていたのが非常に印象的でした。 その証拠にこの通り、『アロハシャツ』の専門店もたくさんありました。 いやぁ～、アロハシャツっていいですよね。花柄が全体に散りばめられた派手なデザインで、見ているだけでも楽しくなってきます。 普段はこういう派手なシャツを買わない僕ですが、旅先でテンションも上がっていたこともあり、ついフラフラとお店に入店。 そして店員さんにオススメされるがまま、何の疑いもなく真っ赤なアロハシャツを購入してしまいました。 …そしてその後、東京の自宅に戻り、ワクワクしながらそのアロハシャツを着てみたのです
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
おたほー : 外国人「こんなの日本だけ！」日本の女子高生の身体能力がヤバいと海外でも話題に
fujitaiju.com