読み込んでいます…ログイン
タグ
- すべて
- jQuery (12)
- (X)HTML (14)
- +1 (12)
- .htaccess (32)
- 301 (16)
- 3dPrinter (5)
- 404 (26)
- ABtest (26)
- Ajax (35)
- Android (28)
- CheatSheet (21)
- GoogleShopping (7)
- IA (94)
- Instagram (25)
- Malaysia (6)
- PubCon (10)
- RDFa (17)
- W3C (6)
- access (6)
- accessibility (60)
- ad (50)
- addon (32)
- adobe (5)
- adsense (28)
- adwards (5)
- adwords (28)
- affiliate (13)
- air (7)
- alcohol (5)
- algorithm (182)
- alt (11)
- amazon (20)
- amp (5)
- analysis (288)
- analytics (278)
- anchor (37)
- animal (24)
- animation (33)
- annotation (7)
- apache (6)
- api (39)
- app (54)
- apple (12)
- application (29)
- architecture (57)
- art (28)
- article (10)
- atomic-energy (48)
- audio (5)
- audit (6)
- author (17)
- authority (18)
- background (7)
- backlink (42)
- backup (10)
- baidu (19)
- bing (134)
- biology (6)
- bitly (5)
- blackhat (6)
- blog (159)
- blogger (6)
- book (60)
- bookmark (8)
- bookmarklet (30)
- bounceRate (9)
- branding (37)
- breadcrumb (29)
- browser (88)
- bug (5)
- business (162)
- button (30)
- cache (11)
- cafe (5)
- caffeine (7)
- calendar (5)
- campaign (8)
- canonical (70)
- canvas (23)
- capture (8)
- case (5)
- casestudy (99)
- category (9)
- cause (8)
- character (5)
- chatwork (7)
- checklist (10)
- childcare (38)
- china (15)
- chrome (94)
- citation (7)
- clawlability (6)
- clawler (8)
- clearfix (6)
- cloaking (12)
- cloud (7)
- cms (25)
- coding (279)
- color (11)
- comic (7)
- command (11)
- comment (9)
- commercial (8)
- community (8)
- company (6)
- content (50)
- content-strategy (5)
- conversion (54)
- cooccurrence (6)
- cookie (9)
- copyright (34)
- copywriting (21)
- coupon (9)
- crawl (10)
- crawler (7)
- crawling (13)
- crm (5)
- cro (9)
- css (476)
- css3 (166)
- ctr (8)
- culture (18)
- curation (16)
- custom (5)
- customfield (5)
- customize (8)
- cvr (25)
- dao (12)
- data (67)
- democracy (6)
- democratization (5)
- design (101)
- development (21)
- diabetes (21)
- direction (35)
- directory (5)
- disavowLinks (9)
- dns (5)
- domain (54)
- don'ts (11)
- dropbox (5)
- dropdown (7)
- duplication (57)
- earthquake (62)
- ebook (6)
- ec (73)
- ecology (10)
- economy (11)
- edgerank (5)
- editor (20)
- education (33)
- effect (6)
- efo (22)
- egypt (18)
- election (16)
- emoji (8)
- english (59)
- entertainment (17)
- environment (7)
- error (6)
- event (7)
- evernote (19)
- excel (28)
- extension (70)
- eyetracking (5)
- facebook (437)
- faq (5)
- fav (21)
- fbml (6)
- fbpage (66)
- feed (18)
- feedburner (5)
- findability (14)
- firefox (42)
- fixed (5)
- flaming (8)
- flash (30)
- flat (7)
- flickr (9)
- font (53)
- food (75)
- footer (16)
- form (99)
- foursquare (19)
- framework (6)
- free (44)
- function (8)
- gadgets (5)
- gallery (69)
- game (23)
- gender (9)
- generator (11)
- geography (7)
- geolocation (9)
- gmail (18)
- google (1422)
- google+ (84)
- googleInstant (10)
- googleInstantPreview (6)
- googlebuzz (13)
- googlemap (9)
- googleplace (10)
- googlereader (5)
- googlewave (13)
- gourmet (57)
- graph (6)
- gree (8)
- groupon (10)
- guideline (35)
- h1 (5)
- hack (20)
- hash (5)
- hatena (32)
- heading (7)
- health (22)
- heatmap (9)
- history (90)
- hover (5)
- html (125)
- html5 (431)
- http (23)
- https (11)
- humanrights (9)
- iOS (22)
- iPad (14)
- icon (47)
- identity (5)
- ie (63)
- ie6 (41)
- ie7 (26)
- ie8 (18)
- ie9 (15)
- iframe (18)
- illust (8)
- illustrator (5)
- image (86)
- images (8)
- index (41)
- influencer (5)
- infographic (35)
- informarion (7)
- input (12)
- insights (5)
- interface (13)
- international (55)
- interview (9)
- ip (6)
- iphone (221)
- islam (10)
- jQuery (370)
- japan (42)
- japanese (6)
- javascript (218)
- jazz (5)
- job (5)
- journalism (5)
- js (88)
- ketai (7)
- keyword (50)
- keywords (37)
- klout (5)
- kyoto (65)
- law (48)
- layout (17)
- lazyload (5)
- life (194)
- lifehack (222)
- lightbox (8)
- like (22)
- likeButton (16)
- line (18)
- link (25)
- linkbait (10)
- linkbuilding (150)
- linkedin (8)
- linking (26)
- links (16)
- list (10)
- listing (12)
- local (20)
- localize (9)
- location (27)
- logo (16)
- longtail (23)
- lpo (73)
- lybia (10)
- mail (24)
- management (8)
- map (18)
- marketing (239)
- markup (63)
- material (55)
- media (12)
- mediaqueries (16)
- medical (53)
- menu (26)
- meta (35)
- microdata (37)
- microformats (16)
- microsoft (30)
- mindmap (6)
- mixi (41)
- mobile (233)
- movie (82)
- mt (35)
- mt5 (23)
- multilingual (11)
- music (47)
- mysql (6)
- nationalism (6)
- nature (14)
- nav (31)
- naver (15)
- navigation (17)
- news (123)
- nofollow (22)
- noindex (8)
- nonprofit (11)
- novel (6)
- npo (21)
- ogp (23)
- onpage (41)
- opensource (6)
- opera (8)
- optimization (6)
- overflow (5)
- pagerank (22)
- pagination (28)
- paidlink (9)
- parallax (33)
- parameter (7)
- patent (20)
- paypal (7)
- pdf (20)
- penalty (62)
- performance (42)
- personalized (25)
- philosophy (6)
- photo (77)
- photoshop (61)
- php (46)
- pinterest (32)
- planning (24)
- plugin (155)
- png (13)
- policy (43)
- politics (177)
- portal (7)
- portfolio (5)
- powerpoint (10)
- ppc (13)
- pr (31)
- presentation (8)
- print (7)
- privacy (31)
- probono (10)
- profile (6)
- programming (18)
- project (5)
- psychology (10)
- push (5)
- pushState (6)
- q&a (12)
- query (9)
- quora (19)
- ranking (25)
- readLater (88)
- reader (6)
- realtime (46)
- recipe (9)
- reconsideration (6)
- recruit (5)
- redirect (74)
- reference (8)
- regex (7)
- rel (23)
- religion (9)
- research (9)
- reset (11)
- responsive (139)
- restaurant (29)
- retina (6)
- retweet (14)
- richsnippet (24)
- robot (5)
- robots.txt (28)
- roi (12)
- roundcorner (9)
- rss (39)
- safari (7)
- sakura (5)
- sass (6)
- satelite (5)
- sbm (49)
- schema.org (12)
- science (15)
- scroll (14)
- sculpting (5)
- search (260)
- search console (70)
- security (82)
- sem (77)
- semantic (64)
- seo (2312)
- seomoz (26)
- serach (6)
- serp (35)
- serps (52)
- server (19)
- ses (12)
- sex (7)
- share (14)
- shop (11)
- shortcode (5)
- sidewiki (5)
- sitelink (7)
- sitemap (23)
- sitemap.xml (14)
- slide (8)
- slider (13)
- slideshow (10)
- smartphone (105)
- smm (45)
- smo (27)
- smx (7)
- snippet (8)
- snippets (16)
- sns (50)
- social (38)
- socialaction (29)
- socialcrm (10)
- socialgraph (22)
- socialmedia (612)
- socialsearch (15)
- socialweb (5)
- society (148)
- software (8)
- spam (63)
- speed (76)
- sprite (6)
- ssl (25)
- statistic (7)
- storage (9)
- story (326)
- study (5)
- subdomain (5)
- svg (10)
- sweets (14)
- tab (5)
- table (28)
- tablet (5)
- tag (12)
- tax (6)
- technology (6)
- template (48)
- term (6)
- texture (8)
- tips (29)
- title (34)
- tool (189)
- tooltip (10)
- tracking (8)
- traffic (13)
- travel (34)
- tumblr (8)
- tutorial (82)
- tv (8)
- twitter (574)
- twitterlist (7)
- typography (11)
- ui (56)
- update (98)
- url (50)
- usa (7)
- usability (239)
- ux (54)
- video (46)
- viral (11)
- war (9)
- web (61)
- web-tan (7)
- webdesign (1214)
- webfont (10)
- webservice (504)
- website (17)
- welfare (20)
- widget (21)
- windows7 (9)
- wireframe (28)
- wordpress (326)
- work (81)
- workflow (53)
- writing (51)
- xhtml (12)
- xml (16)
- yahoo! (198)
- yandex (7)
- youtube (58)
- yst (39)
- seo (2312)
- google (1422)
- webdesign (1214)
- socialmedia (612)
- twitter (574)
- webservice (504)
- css (476)
- facebook (437)
- html5 (431)
- jQuery (370)
2020年7月29日のブックマーク (2件)
-
tyto 2020/07/29
- medical
- law
- news
- life
リンク -
WebP画像の使い方
2020年夏のウェブ技術の見直しシリーズ第2段（第1段はこちら）として見直していたWebPの情報ですが、2022年2月にPhotoshopデスクトップ版でWebPがネイティブサポートされました。macOS Big Sur / iOS 14以降のSafariを含む最新のブラウザではWebPがサポートされています。導入しやすくなったいま、もう一度特徴をおさらいしておくと良さそうですね。 ということで、以下はWebPについてのまとめです。2020年7月の情報を2022年2月に更新しました。 なんでもかんでもWebPでいいわけではない 試しにUnsplash でランダムに10枚の写真を選んで、ImageOptimとcwebpコマンドラインツールでjpgとwebpに書き出してみました。結果、WebPのファイルサイズが小さくなる画像もあれば、JPEGのほうが小さくなる画像もありました。たまたまだと思い
-
- 2020年8月4日
- 2020年7月29日
- 2020年7月27日
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx