こんにちは。石油王です。 以前、オモコロで「あんたのしょうもない夢かなえたろかスペシャル」と題して、 「夢を持った若者」を募集した事を覚えていらっしゃるでしょうか。 【誰でも参加可能】あなたの持ってる夢を石油王が叶えます！！ https://omocoro.jp/rensai/70060/　※募集は終了しています 募集の結果、「マグロを一匹解体して食べたい」「キャバクラでハーレムを築きたい」「SMクラブをハシゴしたい」などなど、様々な若者の熱い夢が「ストーリーマーケット」上に合計300件ほど寄せられました。 そして、厳正なる協議の結果、 今回はある一人の若者の夢を叶えてあげることになりましたのでレポートしたいと思います。 題して……、 ■当選者紹介 はい。こちらが今回の募集に当選し、夢を実現するチャンスを得た福岡県在住の大学生sukeさんです。倍率が300倍ですからね。いやー、運が良いなぁ

その場で展開できる「続きを読む」ボタンの作り方ボタンクリックで後続コンテンツを表示する「続きを読む」ボタンの作り方を解説。ページを読み込んだ時点では冒頭以外のコンテンツは折りたたんで(＝非表示にして)おき、「続きを読む」ボタンが押された際にだけ続きを展開(表示)する仕組みを作ってみましょう。グラデーションを使って徐々に後続コンテンツを薄くしたり、アニメーション効果と共に続きを表示したりする方法も紹介しています。

Googleウェブマスターツールの活用方法 ブログ・サイトの公開前や直後 ブログ・サイトのURLやパーマネントリンクなどが決まり、ホーム（トップページ）や記念すべき1記事目をアップしたら、さっそくGoogleウェブマスターツール/Search Consoleに新しいブログ・サイトを登録しましょう。 サイトの追加 まず下のウェブマスターツールへアクセスして、ログインしてください。はじめて使う人は、アカウントを登録しましょう。 ⇒Googleウェブマスター ツール 「サイトを追加」ボタンを押して、登録したいサイトのホーム（トップページ）のURL（ドメイン）を入力してください。 次にそのサイト所有者が、本当にあなたかどうかの確認を行います。「HTML ファイルをアップロード」がおすすめ方法として表示されるかもしれません。FTPできる人なら一番楽ですね。 「別の方法」タブをクリックすると「meta

それでは、みんなが15分という短い間でどのようにコーディングしたのか見ていきましょう！ SMACSSで汎用性を意識した、店長のモジュール化コーディング See the Pen gPPpOJ by yusuke omi (@Im0-3) on CodePen. まずは手前味噌ですが、私、店長のコードから紹介したいと思います。ポイントは、SMACSSでのCSS設計を意識したコーディングです。 グリッドレイアウトはSMACSSのレイアウトルールに沿った命名にし、使い回しがしやすいようにパーセントで、グリッド幅を指定しました。また、カテゴリの部分やNEWのパーツはモジュール化して、他のところでも使い回しをしやすいように計算をしています。 意味のあるコードだけを書きたい。まろCのエモコーディング See the Pen xZZNey by maroc (@maroc) on CodePen. CTO

こんにちは、人事からWebディレクターに異動したなっちゃんです。 上司であるそめひこから「なっちゃん、いいプレゼン資料のつくり方をまとめた記事書いて！」と言われたので、この記事を書き始めました。わたしにタスクを課したそめひこは、現在進行形でプレゼン資料をつくっています。それ、今自分が欲しい記事ってことですよね？ ということで、プレゼン資料づくりから発表の場まで、参考になる資料をまとめました。 デザイン編 ビジネスマン必見！キレイな提案書を作るためのデザインの基礎知識 資料のキレイさ　★★★★★ 読みやすさ　　　★★★★★ シンプルさ　　　★★★★★ まず、この資料自体がシンプルかつオシャレで、非常に読みやすくまとめられています。色をうまく使うための基礎とコツが、資料の中にふんだんに盛り込まれています。また、余白の取り方、文字フォント選びについても触れられており、全部読まずとも、重要なポイン