SK@Programming @SK_Programming

メーカー社内SE（デスクトップアプリ開発:C++/C#/VB/Python）▶在宅勤務で時間が増え自分の人生を見つめ直す▶プログラミングでもっと稼ぎたい▶Web制作の勉強開始（2020/06～）▶HTML/CSS/JavaScript/WordPress学習中▶たくさんのエンジニアと繋がって良い影響を与え合っていきたい youtube.com/channel/UCjaCR… Joined June 2020

Tweets

94
Followers

114
Following

148
Likes

4K

はら＠フリーランス｜WebスキルでFIRE🐮 @haraponta1496

5 years ago

やりました！！！「クラウドワークス　提案」「クラウドワークス　提案文」検索1位です！！！！ SNSマーケティングにフルコミット→SEO改善はちょろっとで成果でました😊 これからも企画とブログで１UPをお手伝いしてまいります😊 最近はクライアントのSEOコンサルもやらせて頂いています🙇‍♀️

20 8 222 0 10

Download Image

こうき🐮Webとカレーのフリーランス @tanshiokoki73

5 years ago

ブログ書きました🐮 昨日のウェビナーでも少し話したんですが制作会社と一緒にお仕事をする時の僕がこれまでに体験してきた流れや必要と思える事項をまとめてます営業の部分は今回は省略してますがコミュニケーションを大切にスムーズに業務をこなしましょう！ tanshioweb.com/work-flow/

1 5 46 0 7

しょーご@しょーごログ運営 @samuraibrass

5 years ago

ここ数日ずっと練習題材作るためXD触ってたけど、ついにできた...

2 2 127 0 5

Download Image

はら＠フリーランス｜WebスキルでFIRE🐮 @haraponta1496

5 years ago

久しぶりにブログを更新しました。５０万円（＆月10万円のWEBマーケ代行）の案件獲得までのプロセスというか経緯をまとめてみました。少しでもお仕事のスタンスのヒントになれば幸いです！（自分の中では）高額案件受注までの経緯を共有します。 harayutaweb.com/webmarketing-p…

はら＠フリーランス｜WebスキルでFIRE🐮 @haraponta1496

5 years ago

15 3 150 0 1

4 6 67 0 6

SK@Programming @SK_Programming

5 years ago

Sassを使うメリットは、 ①入れ子（ネスト） ②ファイル分割 ③変数/mixinによるコードの使い回しによる記述量の削減、メンテナンス性のUPです。 ↓を参考にファイル分割をしてみると修正のしやすさを実感できました🙆‍♂️ haniwaman.com/sass/ #今日の積み上げ #駆け出しエンジニアと繋がりたい

1 0 10 0 0

Download Image

SK@Programming @SK_Programming

5 years ago

✅ヘッダーメニューのマウスホバーで、下線が中央から左右へ出現するアニメーションを付ける方法 before/after疑似要素で下線を左右に分け、hover時にwidthを0→50%にすればOKです🙆‍♂️ qiita.com/junya/items/48… #今日の積み上げ #駆け出しエンジニアと繋がりたい

0 0 18 0 0

Download Video

SK@Programming @SK_Programming

5 years ago

✅Googleフォームを静的サイトに埋め込む＋Ajax非同期通信によりページ遷移せずに送信しょーごさん(@samuraibrass)の下記の記事を参考にさせていただきました🙇‍♂️ shogo-log.com/google-form-aj… #今日の積み上げ #駆け出しエンジニアと繋がりたい

0 0 14 0 0

Download Video

SK@Programming @SK_Programming

5 years ago

✅slick ：スライダー用のjQueryプラグイン CDNで導入し、jsファイルでスライドしたい要素を囲うdivタグを指定しslick()を実行するだけで実装可。スーパー簡単です🙆‍♂️ kenwheeler.github.io/slick/ #今日の積み上げ #駆け出しエンジニアと繋がりたい

1 0 9 0 0

Download Video

SK@Programming @SK_Programming

5 years ago

✅AOS(Animate On Scroll) ：スクロールアニメーション用のJavaScriptプラグインページのスクロールに合わせて要素をフワッと登場させたりできます🙆‍♂️ michalsnik.github.io/aos/ #今日の積み上げ #駆け出しエンジニアと繋がりたい

0 0 7 0 0

Download Video

SK@Programming @SK_Programming

5 years ago

✅Typed.js ：タイピングアニメーション用のJavaScriptプラグイン CDNで導入し、jsファイルで表示する文字列の配列/タイピング速度/ループ有無を指定するだけで実装可。見てて楽しいのでポートフォリオに入れてみます❗️ github.com/mattboldt/type… #今日の積み上げ #駆け出しエンジニアと繋がりたい

0 1 13 0 0

Download Video

SK@Programming @SK_Programming

5 years ago

ページ上部に謎の空白が現れた。 →bodyのmarginを0にしてもダメ …(1時間ハマる) →head内のlinkタグの末尾に全角空白があった💧 ➡全角空白を可視化するプラグイン"zenkaku"を入れた。どこかからコードをコピーしてきてうまく動かない時は、全角空白に注意です🙆‍♂️ #駆け出しエンジニアと繋がりたい

0 0 10 0 0

Download Image

SK@Programming @SK_Programming

5 years ago

favicon生成ツール ao-system.net/favicongenerat… 任意の画像ファイルを読み込むと、 ✅favicon.ico ✅apple-touch-icon-180x180.png（スマホ用のタッチアイコン）を自動生成してくれます。あとはHTMLのbodyタグ内でアイコン設定すればOKです🙆‍♂️ #今日の積み上げ #駆け出しエンジニアと繋がりたい

0 0 11 0 0

Download Image

ものりす @monolith_j

5 years ago

こちらから受講できます✍️ 2~3週間あれば取得可能だと思います learndigital.withgoogle.com/digitalworksho…

1 1 29 0 0

SK@Programming @SK_Programming

5 years ago

✅Emmetで要素に複数のクラス名を付けたい時は、".クラス名"を繋げて書けばOKです。なぜか一度に１つまでしか付けられないと思い込んでいました💧 今更知りましたがこれで少し効率UPです！ #今日の積み上げ #プログラミング初心者 #駆け出しエンジニアと繋がりたい

0 0 13 0 0

Download Video

SK@Programming @SK_Programming

5 years ago

ポートフォリオ作成に役立ちそうなBootstrapの無料テンプレート５選 ①startbootstrap.com/previews/creat… ②startbootstrap.com/previews/grays… ③startbootstrap.com/previews/styli… ④bootstrapmade.com/demo/Siimple/ ⑤bootstrapmade.com/demo/Amoeba/ ソースを見るだけでもかなり勉強になります🙆‍♂️ #駆け出しエンジニアと繋がりたい

0 0 5 0 1

Download Image

SK@Programming @SK_Programming

5 years ago

自分の仕事の哲学は"次工程はお客様"です。 ①スキルが無くても出来ないなりにお客様の困りごと解決に全力で取り組む ↓ ②その姿勢が評価され信用を得る ↓ ③徐々にスキルが追いついて仕事を短納期で終わらせられるようになる ↓ ④更に信用が倍増していく #駆け出しエンジニアと繋がりたい

SK@Programming @SK_Programming

5 years ago

0 0 23 0 0

0 0 11 0 0

SK@Programming @SK_Programming

5 years ago

CSSで要素の幅を画面いっぱい広げようと ✅width: 100vw; としてしまうと、縦スクロールバーの幅の分、はみ出てしまいます。なので、シンプルに ✅width: 100%; とすれば画面内に収まります🙆‍♂️ (親要素も幅100%なら) #今日の積み上げ #プログラミング初心者 #駆け出しエンジニアと繋がりたい

0 0 17 0 1

Download Video

SK@Programming @SK_Programming

5 years ago

#今日の積み上げ ✅CSSでinputやbuttonタグに font-family や font-size は継承されません。 ↓を記述すればOKです🙆‍♂️ button, input, select, textarea { font-family: inherit; font-size: 100%; } developer.mozilla.org/ja/docs/Learn/… #プログラミング初心者 #駆け出しエンジニアと繋がりたい

0 0 15 0 0

SK@Programming @SK_Programming

5 years ago

smallタグのサイズ指定・フッター内のコピーライト表示はsmallタグで囲う・smallタグで囲うとサイズが1.2倍小さくなるつまり、コピーライトの"font-size"には指定サイズの1.2倍大きい値を指定する。ということですね🤔 #プログラミング初心者 #駆け出しエンジニアと繋がりたい

0 0 11 0 0

Download Image

SK@Programming @SK_Programming

5 years ago

CSSで ✅画面幅によって改行の有無を切り替える方法 brタグにクラス名を付け、・デフォルトは非表示(display: none)、・メディアクエリを使い画面が小さいときに表示(display: block) とすればOKです🙆‍♂️ #今日の積み上げ #プログラミング初心者 #駆け出しエンジニアと繋がりたい