はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ 最下部

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 31件)

わかりやすい見積書の書き方 / Maka-Veli .com

2012/07/02 このエントリーをはてなブックマークに追加 1227 users Instapaper Pocket Tweet Facebook Share Evernote Clip Maka-Veli .com PDF 見積書 ディレクター

最近流行り(?)の「見積額」じゃないです。見積書自体の書き方。 ディレクターやってるとこういうのが気になってしょうがないのです・・・ sample.pdf 最下部にデータ置いておくんで、好きに使ってください。リンクも名前....MOREわかりやすい見積書の書き方 is a post from: Maka-veli.com 続きを読む

ブラウザ「Safari」の使い方。Safariを格段に強化する「ブックマークレット」編。

2011/08/05 このエントリーをはてなブックマークに追加 879 users Instapaper Pocket Tweet Facebook Share Evernote Clip Safari 格段 Evernote Twitter ブラウザ

皆さま「ブックマークレット」って知っていますか。ブックマークレットとは、「Safariをもっと便利に使うための機能拡張」のことです。ブックマークレットを使えば、こんなことができるようになります。 ページの最下部への移動 読んでいるページをInstapaper(アプリ)やEvernote(アプリ)に保存する サイトのソース表示を表示する 閲覧中のページをtwitterでつぶやく 驚きですよね!そうな... 続きを読む

[CSS]ヘッダは上部固定で、フッタはコンテンツが少なくても最下部にするスタイルシート、レスポンシブにも対応! | コリス

2013/02/25 このエントリーをはてなブックマークに追加 471 users Instapaper Pocket Tweet Facebook Share Evernote Clip ブッダ ナビゲーシ コリス ヘッダ CSS

ナビゲーションを配置したヘッダはスクロールしても常に上部に固定されており、フッタはコンテンツの量が少なくても最下部に配置されるページを実装するスタイルシートを紹介します。 Sticky footer with fixed navbar コンテンツが少なくてもフッタは最下部に、レスポンシブ対応で! デモ Bootstrapに素晴らしいデモがあったので、そこからデモを紹介します。 デモでは、ナビゲーシ... 続きを読む

[CSS]背景画像をページの最下部に固定表示させるスタイルシート | コリス

2009/01/19 このエントリーをはてなブックマークに追加 255 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス ブッダ スクロールバー div CSS

Fixed Footer Backgrounds with CSS demo, demo 2 デモではスクロールバーの有無の2パターンがあり、スクロールをしてもブラウザのサイズを変更しても背景画像がフッタの位置に固定表示されています。 仕組みの概要は、bodyに背景色と背景画像を指定し、背景画像は「fixed bottom」にします。 コンテンツを内包するdiv(headwrap)を設置し、ページ... 続きを読む

モダンCSSでよく使用されるレイアウトを実装するまとめ

2021/11/25 このエントリーをはてなブックマークに追加 212 users Instapaper Pocket Tweet Facebook Share Evernote Clip モダンCSS レイアウト ブッダ まとめ ヘッダ

ヘッダ・フッタ・コンテンツ・サイドバー、フルページのレイアウト、最下部のフッタ、中央配置、カードなど、一般的なWebサイトやスマホアプリのUIをモダンCSSで実装する方法を紹介します。 CSSの実装はデバイスベースからコンテンツベースに移行しているのが現状です。これからのプロジェクトに役立つCSSのテクニックを... 続きを読む

驚愕!!5秒でTシャツがショップ風に仕上がる超簡単たたみ方・裏ワザ★ | FASHIONISTA☆ 目指せファッションリーダー!道場 | ファッション | まにあ道 - 趣味と遊びを極めるサイト!

2013/03/14 このエントリーをはてなブックマークに追加 162 users Instapaper Pocket Tweet Facebook Share Evernote Clip 左手 一瞬 FASHIONISTA 道場 驚愕

驚愕!!一瞬でTシャツがショップ風に仕上がる超簡単たたみ方・裏ワザ★ はじめに まずはこちらの動画をどうぞ!! 必要なのは手とTシャツのみです!!! やり方 1:スペースのある場所で、Tシャツを右上の画像のように左側に襟が来るよう広げて置き、画像の「A、B、Cの点」と「それらを結ぶ線」を意識し頭に入れておきます(A~Cの線はたたんだ時の脇線になり、Bが折り畳んだ最下部になります)。 2:左手でAを... 続きを読む

骨折相次ぐ人間ピラミッド 最下部の荷重は200キロ超! 「達成感味わわせたかった」というが…… (1/4) - ITmedia ニュース

2015/10/28 このエントリーをはてなブックマークに追加 133 users Instapaper Pocket Tweet Facebook Share Evernote Clip 荷重 歯止め 花形種目 ピラミッド 中学校

骨折相次ぐ人間ピラミッド 最下部の荷重は200キロ超! 「達成感味わわせたかった」というが…… (1/4) 組体操の「ピラミッド」で起きた骨折事故をめぐり学校現場が揺れている。大阪府の中学校で10段ピラミッドに挑み、再び6人の重軽傷者を出した。「行きすぎ」ともいわれる高層化に歯止めをかける動きが出始めた。 運動会の花形種目である組み体操の「ピラミッド」で起きた骨折事故をめぐり学校現場が揺れている。... 続きを読む

[CSS]フッタの表示をコンテンツ量が少ない時は最下部に固定、多い時は成り行きにするシンプルなテクニック | コリス

2015/05/11 このエントリーをはてなブックマークに追加 131 users Instapaper Pocket Tweet Facebook Share Evernote Clip ブッダ footer コリス マージン Body

デモページ(コンテンツ量が多い時) 実装 HTML 最小限の構成はこんな感じです。 コンテンツはmain要素でなくても平気です。コンテンツとフッタだけあればOK。 <body> <main> メイン コンテンツ </main> <footer> フッタ </footer> </body> CSS デモではフッタの高さを5emに設定しており、それに合わせてbodyにマージンを設定します。 // ST... 続きを読む

ドロップシャドウって色んな種類あるんで、PSD作ってみました。もちろんフリー・商用可。ダウンロードしてっちゃって下さい。 / Maka-Veli .com

2012/02/20 このエントリーをはてなブックマークに追加 103 users Instapaper Pocket Tweet Facebook Share Evernote Clip ドロップシャドウ psd zip 両端 商用可

色んなサイト見てると、本当色んなドロップシャドウかけてるんで、じゃあどういうのが見てて気持ちいいかなーと思って色々とやってみました。 サンプル作ったは良いけど持っててもアレなんで、PSDをZipで固めて置いておきます。 お好きにどうぞ。※PSDダウンロードは最下部にあります。 普通のドロップシャドウ。 普通ですね。ほんと、普通です。 両端めくれ上がってる系。 よく見られますよね。紙なんかの表現の際... 続きを読む

[CSS]IE8もサポート、レスポンシブ対応のさまざまなレイアウトを手軽に使いたい人にぴったりな超軽量スタイルシート -GridLayout | コリス

2015/08/21 このエントリーをはてなブックマークに追加 92 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス マルチカラム スティッキー グリッドレイアウト CSS

最近のWebページでよく使用されるシンプルな1カラム、マルチカラム、カード型のレイアウトをはじめ、フッタが常に最下部に表示されるスティッキー、Webアプリなど、人気のグリッドレイアウトを簡単に実装できる超軽量スタイルシートを紹介します。 もちろんレスポンシブ対応で、古い環境(IE8+, iOS5+, Android3+)もサポートされています。 レイアウト用だけのフレームワークを必要としている人に... 続きを読む

iPhone版Chromeの使い方: ブックマークレットを登録する・呼び出す方法 - AppBank

2012/07/09 このエントリーをはてなブックマークに追加 84 users Instapaper Pocket Tweet Facebook Share Evernote Clip Evernote AppBank ブックマークレット 瞬時

ブラウザをより便利にする「ブックマークレット」。これを使えばページの最下部へ瞬時に移動したり、表示しているページを Evernote などに保存できます。そんなブックマークレットはネット上で多数公開されており、無料で利用することができます。 もちろんブックマークレットは Chrome でも利用できます。そこで、今回は便利なブックマークレットの探し方・Chrome への登録方法・Chrome で活用... 続きを読む

ブログの最下部にTwitterやFlickrのストリームを流せるティッカー生成サイト「iticker」*二十歳街道まっしぐら

2011/02/25 このエントリーをはてなブックマークに追加 57 users Instapaper Pocket Tweet Facebook Share Evernote Clip Twitter Flickr カウンタ フッター ティッカー

iticker サイトのフッターにティッカーを埋め込めるサイト 「iticker」はサイトの最下部に埋め込むティッカー生成サイトです。 サイトの下部にTwitterの情報やフォロミーボタン、Flickrの写真ストリームを載せられます。 また、現在何人のユーザが自分のサイトを見てくれているかのカウンタもあります。 常に表示されるのではなく、小さくちょこっと埋め込めることもできて邪魔になりませんよ。 ... 続きを読む

意外と知られてないBetterTouchToolの便利ワザ。連続したアクションを自動で処理する方法。 | あなたのスイッチを押すブログ

2013/04/14 このエントリーをはてなブックマークに追加 56 users Instapaper Pocket Tweet Facebook Share Evernote Clip BetterTouchTool 過言 カスタマイズ 便利ワザ

Macユーザーであれば必須のアプリと言っても過言ではない「BetterTouchTool」。無料でありながらも、自分好みのカスタマイズを幅広く行えることで人気です。 私もこれまでにいくつかの記事を紹介して来ましたので、まだの方は当エントリーの最下部にリンクを用意したので、ご参考にどうぞ。 さて、同じアプリに関して6回も紹介しているのに、未だにその機能のすべてを使えているわけではないようです。 そう... 続きを読む

HTML - Canvasで漫画にあるような吹き出しを書いてみた - Qiita

2015/10/05 このエントリーをはてなブックマークに追加 47 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita canvas しっぽ HTML 汎用性

はじめに Canvasを使用して、漫画で使われるような 吹き出し表現を再現してみました。形自体にも汎用性があると思うので、吹き出し以外にも使えそうです。これで漫画表現シリーズは三作目となりました。(今までに書いたものは最下部を参照ください)今回書いた吹き出しは以下の3種類になります。 吹き出しのシッポ(何ていうのか分からない。。発言者を示す細い三角のやつです)は想定していません。 [動作イメージ]... 続きを読む

スマホの動く「オーバーレイ広告」に規制の動き 広告業者「主要広告事業者間で意見交換を行った」 - ねとらぼ

2018/04/04 このエントリーをはてなブックマークに追加 45 users Instapaper Pocket Tweet Facebook Share Evernote Clip とらぼ 一種 規制 誤タップ オーバーレイ広告

スマートフォンでWebを閲覧する際に表示される「オーバーレイ広告」を規制する動きが、国内の広告事業者の間で持ち上がっていることが分かった。 オーバーレイ広告とはページの最上部や最下部などに固定できるWeb広告の一種。中には悪質なものもあり、徐々に位置を移動させることでユーザーの誤タップを誘うものもある。今回持ち上がっている規制は、こうした悪質なオーバーレイ広告が対象。 全ての広告事業者が規制に乗り... 続きを読む

デザイナーキャリアを描くためのテンプレートをつくってみた|たけてつ | Tetsuya Takeda|note

2019/01/07 このエントリーをはてなブックマークに追加 39 users Instapaper Pocket Tweet Facebook Share Evernote Clip 思考プロセス デザイナー キャリアビジョン 発展形 自己

過去に書いた記事の発展形として、デザイナーのキャリアビジョンを描き、自己を振り返り整理するテンプレートをつくってみました。 まずは思考プロセスから。(完成形をすぐに見たい方は最下部へ) どう発展させたか以前の記事で、僕は「スポーツはビジネスと非常に似ているところがある。」として、心技体を取り上げま... 続きを読む

SVGをインラインに展開し、CSSでスタイル出来るようにするJSライブラリ・「deSVG」 - かちびと.net

2015/01/09 このエントリーをはてなブックマークに追加 36 users Instapaper Pocket Tweet Facebook Share Evernote Clip SVG CSS JSライブラリ img SVGファイル

deSVG deSVGはSVGをインライン展開してCSSでスタイリング出来るようにする為のJavaScriptライブラリです。<img>タグのsrc属性に挿入したsvgファイルを<svg>タグで表示出来るように自動で置換し、CSSでスタイリング可能にしてくれます。現在はsvgというclassが指定されていますが、任意のユニークなclass名に変えたい時はコードの最下部にあるdeSVG(“.svg”... 続きを読む

au最新カタログに「iPhone」の文字 | RBB TODAY (エンタープライズ、モバイルBIZのニュース)

2011/10/02 このエントリーをはてなブックマークに追加 32 users Instapaper Pocket Tweet Facebook Share Evernote Clip iPhone ロジテック MetaMoJi エンタープライズ

au最新カタログに「iPhone」の文字 2011年10月2日(日) 13時01分 Check Tweet メルマガ購読 【特集】iPhone ├MetaMoji、iPhoneメモアプリ無償版「7notes m... ├ロジテック、アンプ内蔵iPhone/iPod用スピーカー……Do... └「iPhoneについてはノーコメント」……ソフトバンク・孫正義氏 最下部に「iPhone」について言及した... 続きを読む

allWebクリエイター塾 ブログ: iPhone で 「position:fixed」をスムーズに実現する 「Scrollability」

2011/08/10 このエントリーをはてなブックマークに追加 31 users Instapaper Pocket Tweet Facebook Share Evernote Clip fixed iPhone position ナビゲーション

2011年8月5日金曜日 iPhone で 「position:fixed」をスムーズに実現する 「Scrollability」 スマホサイト制作でナビゲーションを画面最下部に固定したいと思ったことはありませんか? ページの最下部にナビゲーションを設置 しかし、残念ながらiOS4.Xは position:fixed; は指定できません。そこで紹介したいのが「Scrollability」です。「Sc... 続きを読む

OS X Lionで最上部までスクロールした際のバウンス効果をオフにする方法 : ライフハッカー[日本版]

2012/05/23 このエントリーをはてなブックマークに追加 26 users Instapaper Pocket Tweet Facebook Share Evernote Clip ライフハッカー 最上部 オフ OS X Lion 日本版

Lionには「エラスティックスクロール」と呼ばれる新機能が搭載されていて、ウィンドウの最上部、または最下部までスクロールすると輪ゴムのようにバウンスするようになっています。この機能が要らないという方は、シンプルなターミナルコマンドでこの機能をオフにできます。 方法は以下の通り。ターミナルを起動させ、下記を入力します。 defaults write -g NSScrollViewRubberband... 続きを読む

あ、安西先生・・・adsenseの広告を自己クリックしたいです・・・。[解決編] - 日なたと木陰

2014/09/01 このエントリーをはてなブックマークに追加 25 users Instapaper Pocket Tweet Facebook Share Evernote Clip adsense 日なた 木陰 Google AdSense

2014-09-02 あ、安西先生・・・adsenseの広告を自己クリックしたいです・・・。[解決編] google adsense どーでもいい このブログを購読頂いている方にはご報告済みですが、先日よりgoogle adsenseを導入しました。(前回までの記事は最下部にリンクがあります。) アドセンス広告にすんごく気になる広告が・・・ 画像は貼り付けて良いのかどうか不明なので割愛しますが、「... 続きを読む

【オタク系ブログ】僕の記事の読了率順位発表! Googleアナリティクスのスクロール計測から考えるアニメブログのSEO  - 小説書きながら気ままにオタライフ

2017/02/17 このエントリーをはてなブックマークに追加 23 users Instapaper Pocket Tweet Facebook Share Evernote Clip SEO Googleアナリティクス オタライブ 小説書き テン

2017 - 02 - 18 【オタク系ブログ】僕の記事の読了率順位発表! Googleアナリティクスのスクロール計測から考えるアニメブログのSEO  ブログ運営 シェアする Bookmark! Facebook Twitter Google+ Pocket 読者になる こんにちわどうも、てんたまです。 ついちょっと前に、Google先生がページの最下部までスクロールしない記事は検索順位を落とすよ... 続きを読む

スマートフォンの「フッタ」に、テキストやブログパーツを自由に配置できる場所をもう1つ追加しました(Proユーザー向け機能) - はてなブログ開発ブログ

2015/04/28 このエントリーをはてなブックマークに追加 22 users Instapaper Pocket Tweet Facebook Share Evernote Clip ブッダ スマートフ カスタマイズ テキスト デフォルト表示

2015-04-28 スマートフォンの「フッタ」に、テキストやブログパーツを自由に配置できる場所をもう1つ追加しました(Proユーザー向け機能) 新機能 機能変更 スマートフォン はてなブログでは、スマートフォンのデフォルト表示で、デザイン設定の「フッタ」編集を強化しました。これまでのカスタマイズに加えて、ブログの最下部にもテキストやブログパーツを自由に配置できます。 ※デザイン設定の「スマートフ... 続きを読む

英語ビジネスメールの書き方 <署名> - Pioneer of the Star

2019/09/03 このエントリーをはてなブックマークに追加 21 users Instapaper Pocket Tweet Facebook Share Evernote Clip 署名 役職 部署 順番 Pioneer of the Star

英語のビジネスメールの署名は、メールの最下部にメールを書いた人の「差出人情報」と「連絡先情報」を記載します。日本語のメールと同じですが、情報を書く順番が日本語とは異なります。ここではよく使われる署名の書き方についてご紹介します。 署名の役割について 署名の記載順序 名前 部署名 役職 部署 会社名 会社... 続きを読む

WordPressテーマを再度作成、ブログのリニューアルをいたしました! | OZPAの表4

2012/10/10 このエントリーをはてなブックマークに追加 20 users Instapaper Pocket Tweet Facebook Share Evernote Clip リスタート OZPA HTML 自作 WordPress

リニューアルナー!!! と言うことで、本年1月にWordPressのテーマを自作、リニューアルをしてから9ヶ月経った昨日、再びブログのリニューアルを敢行いたしました! (スマホでご覧の方はPC、もしくは最下部のモバイルテーマをOFFにしてくだしあ) リニューアルのポイント 今回は、全くhtmlすら知らなかった為にいろんな方に手伝っていただいた前回とは違い、一人でのリスタート。 読みやすく、なおかつ... 続きを読む

 
(1 - 25 / 31件)