ホームページ制作者が知っておくべき恐ろしく便利な６２のサービス＋α

2010/09/14 3873 users サービス CSS ツール Webデザイナー向け 限り全て

今回はホームページ制作者・WEBデザイナー向けに 便利で使えるサービスを知る限り全てまとめてみました。 （海外サービスは解説サイトにリンクしているもの有り） CSS・ワードプレス関係（８） CSS Sprite Generator サイト内で使う画像を１つにまとめてくれるツール。 １つ１つのCSSまで作成してくれます。サイトの軽量化に。 YAML Builder ドラッグ＆ドロップだけでマルチカラ... 続きを読む

ほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク！ | 男子ハック

2014/06/12 1547 users PNG compressor.io gif SVG画像 劣化

無料で多様な画像ファイルに対応しているのが嬉しい画像軽量化サービス！ Compressor.io – optimize and compress your images and photos オフラインではJPEGの画像軽量化には「JPEG mini」を利用、それ以外の画像については「ImageOptim」を利用していたのですが、これだけではGIF動画の軽量化がもの凄く難しい。 関連：1.2MB→... 続きを読む

JPEG画像のファイルサイズを1/5に軽量化するオンラインサービス -JPEGmini | コリス

2011/08/31 1499 users JPEGmini コリス JPEG画像 見た目 品質

JEPG画像の見た目の品質を維持しつつ、ファイルサイズを1/5に軽量化するオンラインサービスを紹介します。 ※1/5は画像によって差があります。 JPEGmini 左：オリジナル（3662KB）、右：JPEGmini（6 [...] 続きを読む

GoogleChromeから余計な機能を取り払いさらに軽量・高速化したブラウザ「Iron」 - GIGAZINE

2012/01/16 1218 users GIGAZINE Chromium Iron 軽量 互換性

GoogleChromeは実はオープンソースのコード「Chromium」から作られており、そこへいくつかの機能をGoogleが独自に実装することで完成させたブラウザとなっています。ということは、その余計な追加機能を外せばもっとプライバシーに配慮され、そして軽量化＆高速化ができるはずだ、ということで作られたブラウザが「Iron」となります。GoogleChromeと互換性があるため、GoogleCh... 続きを読む

JPEG画像を劣化させずに軽量化する『JPEGmini』がスゴすぎる - blog | roughtab

2011/09/05 947 users JPEGmini Webディレクター JPEG画像 Blog

roughtab.com roughtabはWebディレクター/デザイナーtakasyiのウェブサイトです。“おもちゃ箱をひっくり返したようなスペース”を掲げつつ、めくるめく世界に何かコミットできないもんかとコリコリやってます。 home about portfolio blog cinema photography tumblr link contact 続きを読む

自動車向けプレス工法「ホットスタンプ」が新潮流−サーボプレス利用の研究進む:日刊工業新聞

2015/07/19 767 users 鋼板 日刊工業新聞 新潮流 高温 強度

プレス工法で、鋼板を高温にして成形するホットスタンプが新潮流になってきた。自動車の軽量化や安全性を高める目的で採用が進む。１８日に閉幕した塑性加工技術の展示会「ＭＦ-Ｔｏｋｙｏ」では、同技術の勢いを感じさせる出展が目立った。欧州の車業界では一般的だが、このまま日本でも欠かせない技術として発展するか、注目されている。 ホットスタンプは鋼板を熱処理して冷まし強度を持たせる。加熱炉などで約９００度に熱し... 続きを読む

全部無料！Macで作業効率を上げるアプリ９選 | ビットエーブログ - 株式会社BITA

2014/10/08 745 users Mac 株式会社BITA ビットエーブログ 作業効率 全部無料

ども、ゆうせいです。先日、作業効率を上げるショートカットについてご紹介しましたが、今回は「作業効率を上げるアプリ」のお話です。 画像をサクッと編集するアプリ、文字入力が捗るアプリ、そして集中力を高めてくれるアプリなどなど、そんな感じのものを「無料」に絞ってご紹介します。 画像編集が捗るアプリ ほぼ劣化なしで軽量化「ImageOptim」 まず最初にご紹介するのは、ほぼ劣化なしで画像を軽量化するアプ... 続きを読む

Web制作者は使わないと損！Chrome 59でアップデートされたデベロッパーツールの便利な新機能 | コリス

2017/06/07 619 users デベロッパーツール コリス キャプチャ リソース CSS

What's New In DevTools (Chrome 59) Chrome 59 - What's New in DevTools -YouTube ページの軽量化: 未使用のCSSとJavaScriptを見つける フルサイズのスクリーンショットをキャプチャ リソースのロードをブロック 非同期コードの検証 コマンドメニューの統一 ページの軽量化: 未使用のCSSとJavaScriptを見つ... 続きを読む

IE7～8に対応したHTML5＋CSS3サイトを制作してみよう ～IE7～8のブラウザ対応をするための便利な方法をまとめました～ | HTML5でサイトをつくろう

2012/06/06 609 users IE7 ブラウザ対応 HTML5 ギミック 方法

HTML5でつくられたサイトというと、Flashのような大掛かりなギミックをHTML5で実現したサイトを連想するかもしれませんが、HTML5＋CSS3でサイト制作をすることは、スマートフォン対応だけでなく、ソースの最適化や軽量化、SEO、将来的なサイトのあり方を考えて、有効な手段となります。 また、CSS3を使用すればページ数の多い企業サイトやブログ、ユーザーの管理画面を必要とするようなサイトを制... 続きを読む

デザインやCSSやJavaScriptなど、ウェブ制作に役立つ時短ツールが豊富に揃っていて便利！ -Coveloping | コリス

2013/12/11 588 users Facebook コリス box-shadow CSS ツール

box-shadowでふわりとした影をつくるCSSのジェネレーター、レスポンシブのチェック、アスペクト比の計算機、CSS/JSの軽量化など、たくさんの便利な時短ツールがありますが、それらの便利なツールを一つの場所にまとめたCovelopingを紹介します。 FacebookのOPGチェックやGoogle Mapsの地図生成ツールもあり、新しいプロジェクトを始める時にも役立つものが揃っています。 C... 続きを読む

HTMLとCSSのファイルを解析し、未使用のCSSをお掃除してくれる便利なツール -DropCSS | コリス

2019/03/28 445 users コリス CSS HTML CSSファイル 便利ツール

CSSファイルを軽量化するには、最適化・軽量化などの便利ツールがありますが、未使用のCSSを掃除することも重要です。HTMLとCSSのファイルを解析し、未使用のCSS（CSS4までサポート）を掃除してくれるツールを紹介します。 DropCSS -GitHub DropCSSの特徴 DropCSSの使い方 DropCSSのパフォーマンス DropCSSの特徴 DropCS... 続きを読む

スマートフォンなどを複数回充電できる大容量外付けバッテリー「PES-6600」発売決定、コンパクトな軽量モデルに - GIGAZINE

2011/03/27 426 users GIGAZINE PES PES-8800 音楽プレーヤー

昨年7月にスマートフォンや携帯電話、携帯ゲーム機、音楽プレーヤーなどの携帯機器をガンガン充電できる安価な大容量バッテリー「PES-8800」が発売されましたが、多彩な対応機種はそのままに、コンパクト化・軽量化を実現した新モデル「PES-6600」の発売が決定しました。 詳細は以下から。 アウトドアバッテリーPES-6600 | ナビポタ.com 井村デザイン事務所と共同で外付けバッテリー「PES-... 続きを読む

PNG画像のファイルサイズが1/3に！PNG画像を超軽量化する「ImageAlpha」 | 男子ハック

2012/08/17 413 users JPEGmini ImageAlpha images 色数

@JUNP_Nです。JPEG画像の軽量化といえばJPEGminiが超オススメなのですが、PNG画像はどうでしょうか。ImageAlphaを試してみたらとてつもなくファイルサイズが小さくなったのでご紹介。 色数を減らしてファイルサイズを減らすってことみたい ImageAlpha — lossy compression for 24-bit PNG images (like JPEG with alp... 続きを読む

あぁこれがパララックス効果の使い方かと納得のパララックスWebデザイン7つ | Flips Blog Web担の小技

2014/01/25 392 users パララックス効果 Web担 Flips Blog 納得 小技

今回は、パララックス効果を用いた結果、口コミで広がり、海外でもわりと多くのシェアを誇るサイトを7つご紹介。 実は2014年のトレンドの一つとして、海外では 表示速度をあげる 六角形（蜂の巣） 軽量化 最小限 モバイルファースト コンテンツ最優先表示 というのが上げられていまして、もしかすると今年パララックスは減少傾向になると予測されています。 しかし、コンテンツ最優先表示では、いまだパララックスが... 続きを読む

暇人＼(^o^)／速報 : JPEG画像を劣化させずに軽量化するサービスがスゴすぎると話題に - ライブドアブログ

2011/09/07 375 users ライブドアブログ Ori JPEGmini JPEG画像 速報

JPEG画像を劣化させずに軽量化するサービスがスゴすぎると話題に Tweet 1：名無しさん＠涙目です。(東京都)：2011/09/07(水) 03:19:18.95 ID:ejyZxZDn0 JPEG画像を劣化させずに軽量化する『JPEGmini』がスゴすぎる 2011.09.05 [Mon] JPEG画像を劣化させずに約80%ほど軽量化する『JPEGmini』が素晴らしいということで。 Ori... 続きを読む

速報：新MacBook Pro発表、キーボード面にタッチディスプレイ「Touch Bar」を搭載し大幅に薄型、軽量化 - Engadget Japanese

2016/10/27 355 users Engadget Japanese タッチディスプレイ

速報：新MacBook Pro発表、キーボード面にタッチディスプレイ「Touch Bar」を搭載し大幅に薄型、軽量化 BY 橋本 新義 (Shingi Hashimoto) 2016年10月28日 02時43分 0 アップルのHello Againイベントより。ウワサ通り、新型MacBook Proが登場しました。 13インチと15インチの2モデルとなり、大幅な薄型化と軽量化を実現。ウワサのキーボ... 続きを読む

Dockerイメージ分析ツール「dive」を利用してDockerイメージを軽量化する - ?

2020/07/29 334 users DIVE Dockerイメージ

はじめに Docker イメージサイズは小さければ小さいほど、Push と Pull の高速化につながり嬉しいです。 docker historyによってイメージレイヤーごとのサイズは分かりますが、どのレイヤーのどのファイルのサイズが大きいかは分かりません。 $ docker history maven:3-amazoncorretto-11 IMAGE CREATED CREATED BY SIZE... 続きを読む

2018年春完成めざす新型新幹線車両N700S、台車・モーター・歯車・ダンパーなどに新技術採用＿JR東海 | 鉄道ニュース | 鉄道チャンネル

2018/03/03 325 users 鉄道チャンネル ＪＲ東海 鉄道ニュース 台車 検証

トップページ 鉄道チャンネルニュース 2018年春完成めざす新型新幹線車両N700S、台車・モーター・歯車・ダンパーなどに新技術採用＿JR東海 2018年3月の完成をめざし整備がすすむ新型新幹線電車「N700S」。JR東海は、このN700Sに採用する複数の新技術について「新たに検証が完了した」と伝えた。今回、同社が伝えた新技術は5つ。 高性能と軽量化を追求した新型台車 台車に求められる基本性能「信... 続きを読む

フィギュアスケート女子で最初にトリプルアクセルを跳んだ伊藤みどりさんなら、今の軽量化した靴で5回転跳べるのではという説 - Togetter

2018/02/19 316 users みどり フィギュアスケート選手 羽生 村主章枝さん 伊藤みどり

リンク デイリースポーツ online 20 村主章枝さん　羽生が金メダル獲得したポイントにスケートシューズの軽量化/デイリースポーツ online 情報満載デイリースポーツ/村主章枝さん　羽生が金メダル獲得したポイントにスケートシューズの軽量化 リンク Wikipedia 9 伊藤みどり 伊藤 みどり（いとう みどり、1969年8月13日 - ）は、日本のフィギュアスケート選手（女子シングル）。... 続きを読む

ブックマークしておくと便利！Web制作に役立つさまざまなツールが一箇所で利用できる -SmallDev.tools | コリス

2021/09/14 295 users コリス フォーマッター デコード diff ジェネレーター

CSSやJavaScriptのミニファイ（軽量化）、HTMLやCSSやJavaScriptやSQLのフォーマッター、各種エンコード・デコード、ダミーテキスト・ダミーデータ・ダミー画像・クレジットカードのジェネレーター、diff（ファイル比較）など、Web制作に役立つツールがまとめて利用できるSmallDev.toolsを紹介します。 いろいろなツール... 続きを読む

無料のハイクオリティなWordPressのテーマがダウンロードできる -DynamicWP | コリス

2010/04/05 280 users コリス 細部 クオリティ テーマファイル テーマ

オリジナルのハイクオリティなWordPressのテーマファイルを数多く配布しているサイトを紹介します。 DynamicWP _ Free Wordpress Themes WordPressのテーマファイルはどれもクオリティが高く、デザインは細部にいたるまで丁寧につくられています。 最新のものは「Simple White Theme」です。 このテーマは大きいイメージを使用せずに、軽量化をはかった... 続きを読む

私のテント遍歴 テント泊歴8年目の単独登山女子がこれまで使った4つのテント - 温泉ブログ 山と温泉のきろく

2019/08/31 255 users テン テント泊登山 登山 テント 荷物

ちなみに荷物の軽量化とかはあまりできないタイプの単独登山女子です 私は、2011年の4月から登山を始めたのですが、約1年後の2012年の5月からテント泊登山を始めました。 約7年と数ヶ月の間に4つのテントを使いましたが、2年おきに新しいのを買ったわけではなく、4つのうち2つが「しっくりきたのでしっかり愛用したテン... 続きを読む

「nLite」WindowsのインストールCDを作成するソフトウェア

2006/03/11 253 users nLite セキュリティパッチ ソフトウェア Windows

「nLite」軽量WindowsインストールCD/DVD作成ソフトウェア！ nLiteは、軽量WindowsXPなどを簡単にインストール可能なCDとして作成できるソフトウェアです。また、この nLite を使うことで、最新のサービスパックや指定したセキュリティパッチの適用済みのWindowsインストールする、新しいインストールCDのイメージを作成することもできます。もちろん軽量化のために、必要のな... 続きを読む

[CSS]スクリプト無しでこんなにかっこいいスライダーが実装できるとは！ -radio click through | コリス

2013/11/17 241 users 半透明 スライダー スクリプト GIFアニメーション コリス

画像が右からスライドし、それに続きコンテンツを配置した半透明のパネルが追いかけるようにスライドするコンテンツスライダーを紹介します。 実装はHTML/CSSで、スクリプトは無しです。 デモのアニメーション 上記のgifアニメーションは軽量化のためコマ数を落としていますが、実際の動作はもっと滑らかで気持ちいいです。 下記ページでお試しください。 radio click through スライダーの動... 続きを読む

Rails Hub情報局: ついに軽量Rubyの「mRuby」のソースコードが公開！

2012/04/20 237 users mruby README レポジトリ 軽量Ruby 生みの親

Rubyの生みの親、まつもとゆきひろさんが、ついに新しいRuby実装である「mRuby」のソースコードをGitHub上で公開しました！ 2012年4月20日です。ライセンスは、MITライセンスとなっています。公開されたレポジトリから、Readmeの一部を引用します。 mRubyはISO規格に準拠したRuby言語を様々な環境で動作可能となるように軽量化したものです。モジュール構成によりインタプリタ実... 続きを読む