Language Navigation Language Navigation
まだ検証中ですが、毎回調べるのが大変なので、わかり次第追加していく予定です。端末も全部あるわけではないため、話半分に聞いてください。 ソース Amazon.com Kindle Direct Publishing: Help Amazon.comの自費出版サービスのマニュアル。 MobileRead Forums | Kobo Touch ePub covers 海外の電子書籍フォーラム。作り手側の情報はここに多い。 Ebook Cover Design and Optimum Size Specifications for Amazon, Kindle, B&N, Nook, iBookstore, and iPad Formats 自分で電子書籍をたくさん出している作家さんのブログ。 暫定結論 縦横比4:3で作る ざくっとした結論ですが、このサイズで作っておけばいいっぽいです。僕のオス
こんにちは。デザイナーのはるえです。 もうほとんどの案件でPC＋スマホ制作がセットになってきましたね。 LIGに入社したての1年前まではスマホの制作経験を聞かれてうつむき気味だった私も、おかげさまで今じゃスマホサイトを喜んで作るようになりました。 ありがとうございます！！ そこで今回は、スマホサイトで使われやすいドロワーメニューやスワイプ実装の際に必要となるプラグインをご紹介させていただきます。 【こちらもおすすめ】 ☞ 高機能なJavaScriptの人気スライダープラグイン4つを実際に使ってレビューしてみた Facebookでもおなじみのドロワーメニュー3選 今じゃ基本中の基本となっているドロワーメニュー。 Facebookなどで使われている、横からぬるっと出てぬるっと引っ込むあれです。動きが気持ちよくて、実装も簡単にできるものを中心にまとめてみました。 jQuery slimMenu
Category Javascript 1枚の画像に複数のリンクを設定する際"クリッカブルマップ(イメージマップ)"を使用することで、複雑な形でもリンク領域を指定できますので結構便利です。 ｢このクリッカブルマップ(イメージマップ)で、指定領域にカーソルを合わせた時に画像をロールオーバー出来れば便利かも｣と思ったことはないでしょうか？ ちょっとしたJavascriptで簡単に実装できますので、今回はその方法をデモページも交えて紹介しようと思います。 Keyword：クリッカブルマップ,ロールオーバー,Javascrpt ロールオーバー用のスクリプトを用意する rollover.js /* Rollover Script */ if(navigator.appVersion.charAt(0) >=3){ var rolimg = new Array(); for( i = 0 ; i <
黒川仁の文具堂ブログ三昧 このブログでは、金沢市在住のプログラマ/サーバエンジニア 黒川 仁がWeb技術っぽい記事を書いています。 先ほど”jQuery/JavaScriptによる画像リサイズ“というポストをしたばかりなんだけど、もう少しjQueryを使えばキャッシュ回避をしなくてもよくなったので、改めてポストしておく。 改善点 余計な画像ダウンロードが必要なくなる リサイズをしてから画像表示する デモ 200pxより大きな画像を、縦横最大200pxに小さくリサイズしてくれる。 確認ブラウザ 確認に使用したブラウザも前ポストと同じ。 ■Mac Firefox 17.0.1 Chrome 23.0.1271.95 Safari 6.0.2 ■Windows IE7, IE8, IE9 (IE7, 8は開発ツールで確認) Firefox 17.0.1 Chrome 23.0.1271.95 m
Webページを作成していて、もっとも面倒な作業の一つがサムネイルの作成です。 大きい画像を無理矢理WidthやHeightで縮小して表示すると、読み込みが重い上に、ブラウザで見たときにジャギーが粗くなってギザギザで汚くなってしまいます。 しかし、あるCSS設定をすると、IEで画像の縮小表示がなめらかに表示されることが分かりました。 それがこの指定です。
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
Googleドキュメントに新しい機能が追加されましたのでご紹介いたします。 新機能はPDF・画像内の文字を抽出できるというもの。Google ブックスで利用されているOCR技術を利用しています。なかなか精度もいいですよ。 以下に使ってみた様子を載せておきます。 まずGoogleドキュメントにアクセスします。 ファイルのアップロードを選択しますと、オプションで「PDF や画像ファイルからテキストを Google ドキュメントのドキュメントに変換する。」という項目があるので、チェックをいれます。 以下の画像を読み取ってみました。 Google Chrome Updates, Adds Integrated Flash Player アップロード後、しばらくすると変換が終了します。 変換後のドキュメントは以下のとおり。 一部文字が抜けたりしているところがありますが、おおよそ読み取ることができてい
特定箇所のみハイライト表示 スクリプトの実装 ハイライト用の画像は必要なく、デフォルト時の画像一枚で実装し、ハイライト処理はスクリプトで行います。ハイライトのデザインはボーダーのカラー、サイズ、タイプを設定することができます。 座標はa要素のrelを使用し、下記のような書式になります。
img要素で配置した画像にCSS3の角丸とボックスシャドウを適用をすると、Firefoxで角丸が反映されなかったり、Webkitブラウザでボックスシャドウが欠けたりします。 これを解消するCSSのTrickを紹介します。 CSS3 Rounded Image With jQuery デモページ FirefoxとWebkitブラウザ（Safari）のそれぞれにCSS3の角丸とボックスシャドウを適用すると、上記のように美しく表示されません。 それを下記のように美しく適用されるようにします。 角丸とボックスシャドウをこういう風にしたい 左：角丸と外側にシャドウ、右：角丸と内側にシャドウ CSS3で素直にスタイリング Firefoxでは角丸が適用されず、Safariではボックスシャドウが適用されません。
Get affordable and hassle-free WordPress hosting plans with Cloudways, now offering 40% off for 4 months, and 40 free migrations. CSS image replacement is a technique of replacing a text element (usually a header tag) with an image. An example of this would be including a logo on a page. You may want to use a <h1> tag and text for this for the accessibility and SEO benefits, but ideally you’d like
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
