頑張りすぎず頑張ろう

気になったことをとにかく書いていきます

2018-08-01から1ヶ月間の記事一覧

世界観

#世界観の作り方 クレメア 2018/08/31 18:58 クレメア(@cremea_tw)です。最高の戦略は「世界観」、最高の戦術は「繰り返し」。僕らにできることは、常に行動をしながら、そのときの最適解を積み重ね、日々を淡々と生きていくこと。継続は力なり。世界は1日…

【月10万】あったらなにする?【副収入】

8/30限定無料】月10万円を簡単に稼ぐ方法(というセールスレターの話) クロネコ屋@アフィリエイター 2018/08/30 13:14 突然ですが、月10万円の副収入があったら、何をしたいですか? 「半分貯金して、残り半分で外食をしたい」 「毎月、新作の服を買っちゃ…

【ブログ】ブログの信頼性を上げて売り上げを伸ばす方法【戦略】

8/29限定無料】ブログの信頼性を上げて売上を伸ばす方法 クロネコ屋@アフィリエイター 2018/08/29 13:39 ども!クロネコ屋です。 今回は下記のツイートの深掘りをします。 クロネコ屋@若ハゲ社長ブロガー@NINJAkusokuso SNSによる信頼性アップは、個人ブロガ…

【note】フォロワー獲得【コンサル】

フォロワー数を追わない「裏」Twitter戦略 ハットリシンヤ 2018/08/09 22:27 最近、Twitter戦略について聞かれるんですが、僕はそもそもフォロワー収集には興味はなくて。 そこにこだわっても良いことは無いといつも言っていますし。 なので、よくある「フォ…

【文章術】名もなきライター流【心を動かす】

誰でもできて楽しい!ツイートをはちゃめちゃにバズらせて気持ちよくなる文章術 名もなきライター(S.Watanabe) 2018/08/24 02:18 ツイッターでバズ っても1円にもなりません。そのかわり気持ちいいじゃないですか。私はバズりそうなツイートを速攻でミュー…

【CSS】名刺の作り方【HTML】

よくブログに載ってるプロフィールの名刺 index.html <html> <head> <meta charset="utf-8"> <title>Web名刺</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="card"> <div class="avatar"> <div class="avatar-img"></div> </div> <div class="profile"> <ul class="me"> <li class="role">フロントエンド…</li></ul></div></div></body></html>

【CSS】お天気パネル【HTML】

index.html <html> <head> <meta charset="utf-8"> <title>お天気パネル</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/weather-icons/2.0.9/css/weather-icons.min.css"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="weather"> <div class="today"> <…</div></div></body></html>

【CSS】トグルスイッチ【HTML】

index.html【三色のトグルスイッチ】 <html> <head> <meta charset="utf-8"> <title>HTMLとCSS3で作るトグルスイッチ</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="toggle-switch"> <input type="checkbox" id="toggle" class="button" /> <label for="toggle" class="border">toggle button</label></div></body></html>

【CSS】パンくずリスト【HTML】

display: flex使用 index.html @import url('https://fonts.googleapis.com/css?family=Lato'); body { font-family: 'Lato', sans-serif; font-size: 21px; padding: 20px; background: #073B4C;} .cool-link { margin-right: 5px; display: inline-block;}…

【CSS】HTMLとCSSで作るホバー時に動くアニメーションリンク【HTML】

index.html <html> <head> <meta charset="utf-8"> <title>HTMLとCSS3でつくるホバー時に動くア二メーションリンク</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="cool-link left-to-right"> <a href="#">Left to Right</a> </div> <div class="cool-link right-to-left"> <a href="#">Right to L…</a></div></body></html>

【CSS】通知ベル作成【HTML】

index.html <html> <head> <meta charset="utf-8"> <title>HTMLとCSS3で作る通知ベル</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="style.css"> </head> <body> <p> <div class="notifier new"> </div></p></body></html>

【CSS】サイドメニュー【HTML】

サイドメニューのスタイリング【ホバー時に横に広がるアニメーション】 index.html <html> <head> <meta charset="utf-8"> <title>HTMLとCSS3で作るサイドメニュー</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="style.css"> </head> </html>

【CSS】ボタンをアニメーションで作ろう【HTML】

index.html <html><head><meta charset="utf-8"> <title>HTMLとCSS3でつくるアニメーションボタン</title> <link rel="stylesheet" href="style.css"> </head> <body> <button class="button type1">button1</button> <button class="button type2">button2</button> ホバー時に背景を変える <button class="button type3">button3</button></body></html>