今回はCSSのdisplayプロパティをマスターしましょう。少し分かりづらい内容ではありますが、Webサイトを作るためには必ず理解しておく必要があります。
![【CSS】displayの使い方を総まとめ!inlineやblockの違いは?](https://cdn-ak-scissors.b.st-hatena.com/image/square/1551967597865e8a35708d9a0cc1029120f1837b/height=288;version=1;width=512/https%3A%2F%2Fsaruwakakun.com%2Fwp-content%2Fuploads%2F2017%2F01%2Fd73b1d386b10dcbf9d10d3ea18276d66.png)
今回はCSSのdisplayプロパティをマスターしましょう。少し分かりづらい内容ではありますが、Webサイトを作るためには必ず理解しておく必要があります。
HTML & CSS Please copy & paste this code to your HTML file or Stylesheet. <p>Simple use for mailto link.</p> <a href="mailto:mail@example.com" class="lsf">mail</a> <p>Use tha icon with text.</p> <a href="http://twitter.com/" class="lsf-icon" title="twitter">Twitter</a> <p>Use tha icon with unicode.</p> <a href="http://amazon.com/" class="lsf-icon amazon">Amazon</a> /* CSS */ @font-face { font-fami
Webページ上でベクターのアイコンを簡単に表示できる憎いアイツ。そう、アイコンWebフォント。 Retinaディスプレイでも綺麗に表示されるし導入は(そんなに)難しくないし至れりつくせり。 セマンティック?なにそれおいしいの? そんなわけで今回はよく使っておりますアイコンWebフォントのセットと、ジェネレーターをまとめてみました。 ※紹介しているフォントを使用する際は、ライセンスを必ずご確認ください。 Font Awesome とっても有名なアイコンフォント、Font Awesome。600を超えるアイコンを使用できるのが特徴です。ソーシャル系のアイコンも揃っております。線のRは少し強めの印象。 個人・商用利用なのも嬉しい。 Font Awesome, the iconic font and CSS toolkit Entypo キリッとしたアイコンがエレガントなイメージなのがEntypo
チャーリーです。 ビジネスワード図解シリーズを新たにはじめました。 以前書いたビジネスモデル図解シリーズは、事例を紹介するものですが、こちらはあくまで単語や概念そのものを図解。知ってる・聞いたことあるけど、裏側にある原理は知らない、そんな方にみてほしいと思います。 ひとまず7個まで書いたので、noteにまとめておきます。 財務3表財務3表と呼ばれる、代表的な3つの財務諸表の関係性を図解。こうやってみるとものすごく合理的にできてませんか。世界中の企業は基本、財務諸表を持っているので、この仕組みがよりわかるようになれば、英語を覚えるよりも世界の人たちと会話できることになる。面白い。 --- 画像が横長のためスマホでは見づらいという方、本記事の全ての画像が入ったPDFファイルを以下に置くので、こちらをご覧いただく方が拡大などできていいかもしれません。 --- PDFファイルをダウンロード キ
(CNN) ローマ法王フランシスコが、長崎原爆投下の被害者の姿をとらえた1945年の写真をカードに印刷して配布するよう指示を出していることが1日までにわかった。カードの裏には、法王の要請により「戦争が生み出したもの」という言葉が記載されている。 この写真は、死亡した弟を背負いながら火葬場で順番を待つ1人の少年の姿をとらえたもの。第2次世界大戦末期に原爆が投下された直後、米海兵隊の従軍カメラマン、ジョー・オダネルさんにより撮影された。 法王は今回、カードの裏に自身の署名とともに「戦争が生み出したもの」という言葉を記載するよう要請した。 写真の内容と由来は短いキャプションにより説明。「幼い少年の悲しみはただ、血のにじんだ唇をかみしめるその身ぶりの中にのみ表現されている」などと記している。
忘れっぽいんで覚え書き。 毎年毎年激動って言ってる気がするけど、 2017年の4月は、メインサイトの9割がペナって。 20分前に検索したサイトが、ないわけですよ。 セルリアンタワーにいて、みんな朝食を取ってて、 遅れて席に着き「ほぼペナったっぽいですw」 って感じで報告するわけです。 「マジ?!」みたいな雰囲気に一瞬なるもの、 直後に漂う「大丈夫でしょーw」感w そのあと日中は勉強会に参加させて頂いたんだけど、 正直あまり覚えていない。(すみませんw) 夜は陳建一の中華を円卓で囲んで。 エビマヨとかフカヒレとか 「あーこれしばらく食えねぇかもしれねぇなw」 って思いながら、全然食欲湧かない中も味わって食った。 自室の高層階からの眺めも 「あーこれしばらく見えんかもなw」 「また戻ってくるしかねぇな」 ってガチで思いながら東京タワーを見ていた。 次の日の朝、某ASPの社長がホテルに来てくれて
・夜の睡眠時間が6時間45分の成人は、医療の助けなしには60代前半までしか生きられない。 ・極端なショートスリーパーの男性は、日常的に夜たっぷり寝ている人に比べて、精子の数が29%少ない(2013年調べ)。 ・5時間未満の睡眠で車を運転すると、事故に遭う確率は通常の4.3倍。その状態で4時間以上運転すると、事故に遭う確率は11.5倍に。 ・睡眠時間が8時間未満のアスリートは疲れやすい。6時間未満だと、疲労に達する時間が10~30%早まる。 睡眠不足がもたらすさまざまな不利益が実証されているにもかかわらず、先進国の成人の3分の2は、世界保健機関(WHO)が推奨する「夜8時間睡眠」を確保できていないという。 だが、本日から3日連続でお届けする衝撃のレポートを読めば、寝床でだらだらスマホをいじるのをやめ、1日8時間睡眠を心がけよう──そう誓うはずだ。
ブログの下書きが20を超えました。お久しぶりです、こんにちは。 純粋な正義に溢れた1年でしたね。今年もお疲れ様でした。 minmin.hatenadiary.jp ちなみに、2016年末に挙げてたやろうとしてることの4つの進捗としては、 △TrueView広告の地方ロケ →ロケはしたけど編集がまだ。ホントすまん。 →来年もいろんなことやる ×PLAとTrueView For Shopping →来年ですね。あれ、これやろうとしてたの1年前だっけ…? △住設業→リフォーム事業 →やった。けど、いろいろ大変だったからもう辞めるし事業売却する ×アミューズメント事業 →全然やる暇なかった。これはちょっとタイミング合うまで延期だなー… ・・・あれ。仕事してる?オレ。 2017年やったこととか 大きく分けると4つ ◯また別の会社で役員になった ◯なにげに初めてEコマースの手伝い始めた ◯引き続きセミ
Tweet 実は僕自身は何年も前からライターさんに記事を外注していたのですが、多くても月に数十本程度。それを今年は可能な限りライターさんにお願いすることにしました。 運よくと言いますかラッキーなことに、30名を超えるライターさんと一緒に仕事をさせて頂けるようになって本当にありがたい話です。想いは実現すると言いますか...本当に出逢いに恵まれた一年だったと思います。 人数が増えたおかげで、年初は月間で10本ほどだった原稿も、今では多い月だと50本以上の原稿が上がってくるようになりました。 ですが... ライターさんが増え原稿が次々と上がるようになったのは良いのですが、その分だけ校正や編集作業に時間を取られるようになってしまって、肝心のメインサイトの更新をする時間が全く取れなくなってしまうという事態に。 外注化しているサイトは立ち上げたばかりで収益は殆どありません。メインサイトからの収益があっ
「網羅性を意識した長文記事が弱くなった」「外注記事や質の低い記事がことごとく圏外になる」という声をよく聞くようになりました。 検索結果に大きな影響を与えた健康に関するアップデートはともかくとして、最近のGoogleのアルゴリズムの変化に対して落ちてしまった記事やこれから書く記事をどうすればいいか悩んでいる方は多いと思います。 で、そのような中でこれからのGoogleに対する記事の作り方として「目次」が凄く役立つんじゃないかなと感じています。 SEOにもSXOにも効く「良い記事」とは? 検索体験の最適化って何? 「SXO(Search Experience Optimization)」は検索体験の最適化を意味します。ざっくり言ってしまえば「ユーザーの検索した期待に応えられてる?」ってことです。 従来のアルゴリズムは、「エンジニアの手作業」による構築が、原則として中心だったと想定されます。その
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
どうも、みなさまこんにちは。お久しぶり。 一身上の都合によりツイッターやめました(あの時期いろいろ忙しかったから)まあまあ元気でやっております。 で、表題にもあるとおりなのですが、 私、2017年12月末日をもって、今の本業の会社の株式を全て売却、同時に代表取締役から退くことになりました。 つまり、来年2018年から専業ニートアフィリエイターです。 念願の専業でございます\(^o^)/ ・・・のはずなのですが、周りから「おめでとう」という言葉は皆無。まあ、それもそのはずで、最近のアフィリエイトを取り巻く環境はなかなか厳しいものがありますからね。しかも僕の場合なんか違うし。。。 でね、 2017年もあと3日だし、今年の振り返りがてら簡単に会社を売ることにした心境とか状況などをまとめます。 それほど興味ない人の文章なんてつまらないだろうから、ホント簡単に。 なんで会社を売ることにしたか? 1.
株のベストな売り時&買い時がわかる、「株価チャート」の見方をわかりやすく解説! 一見難しそうな株価チャートも、仕組みを知ればベストな株の売り時&買い時がわかるので、これから株で儲けたい人なら、ぜひおさえたいところ。 そこで今回はダイヤモンド・ザイの別冊付録「はじめての株価チャート」から、「ローソク足」「移動平均線」「出来高」といった3つの要素を簡単に紹介しながら、「株価チャートの見方」を解説しよう! 【※関連記事はこちら!】 ⇒【2020年版】ネット証券人気ランキングを発表!この1年間で口座開設の申し込み数がもっとも多かったザイ・オンラインで一番人気のおすすめ証券会社を公開! 「株価チャート」が株の売買に便利な3つの理由とは? 株価チャートとは、株価の動きを見るためのグラフのこと。これを見ることで、「まだ下落が続いているな」「この株を買う人が増えてきたな」「上昇基調が崩れ始めたな」など、そ
ローソクの胴体部分は、白抜きのものと黒塗りのものとがあります。白抜きのローソク足は「陽線」と呼ばれ、下辺はある期間の最初についた値段である「始値(はじめね)」を、上辺はある期間の最後の値段である「終値(おわりね)」を示します。 一方、黒塗りの方は「陰線」と呼ばれ、上辺が始値、下辺が終値です。 そして、これらのローソク足を左から右に連ねて株価の変動を示したものがローソク足チャートです。 ローソク1本で1日の動きを示す日足(ひあし)チャート、1週間の動きを示す週足(しゅうあし)チャート、1ヵ月の動きを示す月足(つきあし)チャートなどがあり、株価の大きなトレンドを見るには月足、細かい動きを確認するには日足というように使い分けるといいでしょう。 【※くわしい「ローソク足」の解説はこちら!】 ⇒「ローソク足」の見方を初心者にわかりやすく解説! ローソク足のヒゲや胴体の長さをチェックして、株価の下落・
こんにちは、面白法人カヤック フロントエンドエンジニアのごんです! 今回は、Webの画像の軽量化について、フロントエンドチームで使ってるツールややり方をまとめてみました。 画像の軽量化などで困ってる方の参考になればと思います。 なぜ画像の軽量化をするのか Webサイトのローディング時間は、ユーザーの直帰率やコンバージョン率に関わる大切な指標です。 ローディング時間に関わる要因はさまざまですが、 特に画像は容量が大きいため、画像の軽量化をすることで表示速度の大きな改善を望むことが出来ます。 例えば、当ブログのある記事は、画像が全体の容量の約1/3を占めていました。 一般に、PhotoshopやIllustratorから出力された画像は、十分な色数やクオリティで出力されており、 ツールなどを使うことで、見た目をそれほど損なわず、容量を大幅に減らすことができます。 また、一部の画像形式には、メタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く