サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
災害への備え
douraku.sw2x.com
tableを構築していて、スマートフォン用の表示に対応させようとするとセルの幅が狭くなって文字が読みにくくなってしまうのをdiplay:block;にする事で対応しています。 今回はレスポンシブで作成している時に同じくdisplay:block;をした際にIE9、IE8で効いていなかったので対策を調べてみました。 IE9以下でのtd,thをdisplay:block;するにはfloat:left;を付けると解決されました。 floatをかける事でブロック要素として認識されるようです。 IE以外でfloatがかかってしまうと不具合が出てきてしまいそうですので float:left\9;などとしてIE9以下にスタイルがあたるようにしました。
カスタムフィールドに住所を入力するだけでGoogleマップとGoogleストリートビューを表示させちゃいましょう! 住所を入力するだけ!お店の紹介サイトなどでGoogleマップを使用して地図を表示させるなんてことをするサイトは多いと思います。 店舗が少なければGoogleマップにアクセスしてコードを取得してコピペすればいいですが… そんな面倒なことはやってらんない!って方は下記のコードを使ってみてください! single.phpなどに仕込んでおくと住所を入力するだけでマップを表示してくれます。 手順1.カスタムフィールドを作成まずは「住所」を入力する項目をカスタムフィールドで作成します。 これはお好きな方法でOKです。 カスタムフィールドテンプレートなどのプラグインを使用するとさくっと作れますね。 2.single.phpなど表示させたい箇所に下記のコードを埋め込む カスタムフィールドで入
コンテンツとサイドバーをfloatしてレイアウトする際に、デザイン上でサイドバーがfooterまでついている場合があります。 その時にはサイドバーにmargin-bottom: -10000px;とpadding-bottom: 10000px;を書いてコンテンツにはoverflow:hidden;を書きます。 そうする事でサイドバーの高さをコンテンツと同じ高さにできるのでサイドバーの背景がずっとついてくる形にコーディングできます。 しかし、ここで問題が…ページ内リンク()を設定すると表示が崩れてしまいました! 別ページへのアンカーリンクで不具合が発生jqueryのページ内スクロールを使用することでページ内でのスクロールは問題なく動いていました。 しかし、別ページのアンカーリンクの場所にリンクをつけた途端に挙動がおかしくなりました。 こんな感じの画像になる javascriptでのアンカー
[css] .kaerebalink-box{ position: relative; overflow: hidden; width:420px; height: 100%; } .kaerebalink-box a { text-decoration: none; } .kaerebalink-image{ float:left; overflow: hidden; margin: 0 10px 0 0; padding: 5px; width: 160px; height: 180px; vertical-align:middle; text-align:center; line-height:170px; } .kaerebalink-image img { vertical-align: middle; } .kaerebalink-info{ float: left; widt
みなさん、靴下に穴あいてますか? 昔はつま先や足の裏に穴があいていたのですが、最近では踵にまで穴があくようになってしまい気になったので靴下の穴について調べてみました。 そもそもなんで穴があく?靴下の穴があく原因として考えられる事は靴の中で擦れて穴があくのだと思っていましたが他にも原因があるようです。 靴下のサイズ歩く速度汗の成分(毒素)によって溶ける靴下のサイズは合っているか?足は午後3時頃をピークに最大の大きさになるそうです。 この時にキツくなる靴下だと摩擦力が大きくなり穴があきやすくなるそうです。 ゆっくり歩く?早く歩く?歩く速度も関係しているようです。 早く歩くほど摩擦力が高まり穴があきやすくなってしまいます。 身長の1/3から2/5程度の歩幅で多少早い程度の歩き方がいいようです。 汗の成分(毒素)によって溶けてしまう足は1日中靴下で覆われているので汗をかきやすくムレやすい箇所です。
ムラフェスが始まりましてムラコ氏オススメのモンスターが出やすいムラコレは8/2(金)12:00~8/9(金)11:59の間、そしてゴッドフェスが8/2(金)15:00~8/3(土)14:59に行われます。 レアガチャを引くタイミングはいつが良いのでしょうか? レアガチャいつ引くの?今でしょ!とは言えないムラフェス内でムラコレとゴッドフェスが同時開催される日があります。 この2つが被ってる日にレアガチャを回した方がよいのでしょうか? ムラコレ対象モンスターとゴッドフェス対象モンスターそれぞれの対象モンスターを今一度確認してみましょう。 ムラコレ対象モンスター霊護の白虎・ハク極光の麒麟・サクヤ大地の女神・フレイヤ蒼樹星・ファフニール紅氷星・リヴァイアサン碧炎星・イフリートヤマタノオロチ慈愛神・ヴィーナス玄武の化身・メイメイ青龍の化身・カリン朱雀の化身・レイラン大天使・ルシファー魔神・アスタロト
画像を使わない事を心がけてデザインブログという形態である以上、画像を使用するページが多くなってしまいます。 そこでベースとなる部分にはサイトの軽さを意識して画像を使わずに表現しようと決めていました。 そこでWebフォントアイコンの登場です。 Webフォントアイコンを使うメリットWebフォントアイコンを使用する事でこのようなメリットがあります。 いくらでも大きくできる。Retinaディスプレイにも問題無しCSSを使えばサイズ・色も簡単に制御可能CSS3でリッチな表現も簡単。画像でアイコンを制作した時と比べると修正が必要となった時の手間が段違いです。 WebフォントであればCSSで色・サイズを変更できるので調整がしやすい。 そして昨今、Retinaディスプレイによってデザイナーが泣かされている中でWebフォントアイコンを使用すれば、Retinaなんて関係ないのです! 今回はフラットデザインでの
MAMPはどこに保存してあるフォルダでも選択可能以前、MAMPを使っていた時にMySQLサーバ接続エラーが酷かったので「XAMPPの方が良いよ」という言葉を聞いてXAMPPを使用していたのですが複数のPCを使う際のデータのやり取りがとっても面倒。 編集したと思っていたファイルが実は編集前のファイルで…なんてことがあったのでここはDropboxを使おう!と思い立ちMAMPだったら簡単に設定できるという事を思い出しました。 設定は簡単!3ステップです!まずはMAMPを起動して【環境設定】ボタンをクリック。 【Apache】タブを選択して、【参照】ボタンを押して任意のフォルダを選択します。 @sw2xはここでDropbox内のwebファイルが入っているフォルダを選択しました。 これでどのPCで編集をしてもDropboxとMAMPさえ入っていればいつでも同じファイルを編集できるのでシームレスに作
Macのプレビューアプリといえば画像を見る為のビューワー的存在ですが、ただ単に画像を表示させるだけではありません。 意外と知らない「プレビュー」のポテンシャルに迫ってみたいと思います。 プレビューのポテンシャルはスゴかった標準アプリだからと完全にナメてました。 有料アプリにも負けない”使える”機能があったのですね。 注釈を入れられる画像に説明文を入れたり、一部分を囲ったりとした事を手軽にできちゃいます! そしてプレビューで注釈を入れた画像がこちら! Skitchの方がクオリティが高いのは内緒だ! 複数ページのPDFが簡単に作れるPDFファイルを複数用意すれば簡単に複数ページのPDFファイルを作る事ができます。 作り方も簡単画像は先日行った竹谷隆之の仕事展より サイドバーを表示させてまとめたいPDFファイルをドラッグ&ドロップしていくだけ。 順序の入替も後から可能なのでかさばっているファイル
ピン芸人・有吉弘行(38)のツイッターフォロワー数が6日、200万人を突破した。 昨年に孫社長を抜いてフォロワー数1位になった有吉さんですが、200万フォロワーを達成したそうです。 フォロワー200万人に向けてつぶやく200万人に向けてつぶやくなんて想像もつかないですね。 そんなスゴい有吉さんを@sw2xもフォローしてみました。 ポチッとな。 フォロー完了! なぜ有吉はここまで人気なのか?フォロワー200万人というのもスゴいですが最近TVに出ずっぱりの有吉はなぜここまで人気なのだろうか?その秘密に迫ってみましょう。 人気の理由とはなんだろう大御所だろうが構わずにハッキリとモノを言う有吉さん。見ていてとても気持ちいいです。 最初は毒舌キャラで推してきていましたが最近は通常のトークが中心となり庶民的な視点から語れる「親近感」が人気の理由の1つだと思います。 それから「かわいさ」でしょうか。 時
Android版「漫画カメラ」がついに登場です! iPhoneで大人気になったアプリ「漫画カメラ」のAndroid版が登場!「漫画カメラ」は取った写真をどんなものでも漫画化する面白カメラです! iPhone版で440万ダウンロード突破の無料アプリ「漫画カメラ」がAndroid版をリリース! 【速報】iPhoneでも大人気な元祖「漫画カメラ」がAndroidにも来た! | あんどろいどスマート iPhoneで人気爆発したアプリ撮影した写真を漫画風の画像に仕上げてくれる「漫画カメラ」は、今年9月にリリースされたiPhone版が、1ヶ月で200万ダウンロードを記録するなど、大人気となっていたアプリだ。 そんな「漫画カメラ」のAndroid版が2012/12/20にリリースされました! 漫画カメラを使えばこんな画像が簡単につくれる!「撮影した写真を漫画風に修正する」「それに漫画らしいフレームを重ね
2018年から3年ほど4アカウントでプレイをしていましたが、2021年になって4アカウントでのプレイをやめて、新しくモンストをはじめました。 4アカウントでプレイしていたときの状況などを含めて、やめた理由を紹介します。 私は4アカウントでのプレイでしたが、5アカウント以上でも同じような状況になると思われますので、適宜置き換えていただけると幸いです。
このページを最初にブックマークしてみませんか?
『ドウラク-douraku-:webとゲームで道楽人生』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く