ども、ゆうせいです。先日、作業効率を上げるショートカットについてご紹介しましたが、今回は「仕事の効率を上げる(効率化)Macアプリ」のお話です。 画像をサクッと編集するアプリ、文字入力が捗るアプリ、そして集中力を高めてくれるアプリなどなど、そんな感じのものを「無料」に絞ってご紹介します。 画像編集が捗るアプリ ほぼ劣化なしで軽量化「ImageOptim」 まず最初にご紹介するのは、ほぼ劣化なしで画像を軽量化するアプリ「ImageOptim」です。これは、画質はそのままで、容量を軽くしてくれるという大変ありがたいアプリです。 使い方は簡単。画像をドラッグ&ドロップするだけ。複数枚を一度にぶっこむことも可能です。 比較してみた 元画像:844KB (画像へのリンク) 「ImageOptim」で軽量化した画像:516KB (画像へのリンク) 40%近く軽量化できましたが、ほぼ劣化していないと言っ
I have spent my entire professional career sweating the intricacies of Photoshop, practising and perfecting my workflow in order to produce the ‘ultimate’ presentation of design, for myself and the people I work with. A badge of honour I wore proudly. No longer was there a need for tutorials, user manuals, walk throughs or advice. I became the master craftsman I always wanted to be. Quality focuse
If you read Smashing Magazine, you’re probably already on board with creating the best possible website experience for your audience. And if you go the responsive design route then you’ll need a strategy to make images flexible, too — a responsive image solution. This article leads you through the basics, and then arms you with the information you’ll need to pick the best responsive image solution
We're all familiar with Adobe Creative Cloud (née Creative Suite). Popular favorites are Photoshop, Dreamweaver and Fireworks. They're great tools that are extremely powerful, get the job done and help create the best product for designers and consumers. However, Adobe's switch to a subscription model has infuriated some users; many swearing off the software giant's applications, and searching the
January 10, 2013CSS Techniques for Retina Displays As many people use their highly portable devices for work and play, device manufacturers seek to enhance their user experience, making their devices simultaneously more powerful and easier to use. Apple gave us a completely new line-up of products that introduced double density pixel screens, creating sharper images on smaller screens. Other devic
img要素は画像を埋め込むインライン要素で、alt属性では代替テキストを指定します。検索エンジンのimg要素およびalt属性の扱いは一定しませんが、基本となる最適化方法について説明します。 img要素とalt属性とはHTMLにおけるimg要素とは、画像を埋め込むことのできるインライン要素で、内容を持たない(独立した閉じタグを持たない)空要素です。またalt属性とは、このimg要素で埋め込む画像の代替テキストを値として指定できる属性で、すべてのimg要素にはalt属性を記述することが文法上の必須事項となっています。img要素とalt属性、およびalt属性値は以下のように記述します。 img要素を記述する際には必ず、その内部にalt属性を「alt=”代替テキスト”」の形で記述します。記述する内容は「そのイメージの内容と等価のテキスト」であり、イメージを理解しないユーザーエージェントに対して、イ
福岡を拠点に活動するPLUSではWebサイト制作・iPhone/Androidアプリの開発を行っています。 WordPressはそのままだとアクセスが増えた時に、重くなりがちです。プラグインも入れすぎるとさらに重たくなることに。このブログだと表示スピードが改善前は7.7sかかっていましたが、見直しを行って0.4sにまで改善することができました。表示スピードは離脱率や、SEOとしても重要な要素ですので、改善する余地は大いにあります。 高速化に役立つツール まずはじめに、改善に役立つツールを2つご紹介します。 一つ目はWebWait。URLを入れると、読み込み時間を教えてくれます。まずはどのくらい時間がかかっているのか、チェックしてみましょう。 次はGoogleの「PageSpeed Insights」。URLを入れるだけで、高速化に役立つTipsを教えてくれます。もともとGoogle社内で
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く