コンテンツへスキップ

新米コーダーの備忘録

脱初心者を目指し勉強中。調べたあんなことこんなことを、メモメモ

  • ホーム
  • サンプルページ

カテゴリー: 言語

2020年にCodepenで話題!コピペ可なHTMLスニペット ベスト100発表

2021年1月16日コメントする

https://photoshopvip.net/126827

第1回コーディングあるある【Flexbox編】

2020年12月29日コメントする

https://www.sidethree.co.jp/blog/memo/202011.html

最後の行を右詰めにしたいなど

最新の手法でブラウザのタブに表示される「Favicon(ファビコン)」を作成する

2020年12月26日コメントする

https://gigazine.net/news/20201225-how-to-make-favicon/

よく使うSassのmixinとfunctionのスニペットをまとめてみた

2020年12月26日コメントする

https://zenn.dev/tak_dcxi/articles/2cc1828e9c1fe2

jQuery UI datepicker 用の祝祭日ツールチップ表示

2020年12月12日コメントする

http://www.dolphy.gr.jp/lab/holiday/index.html

2020年のCSSのまとめ、FlexboxやCSS Gridの使用状況、よく使用するプロパティや単位、人気のフレームワークやツールなど

2020年12月8日コメントする

2020年のCSSのまとめ、FlexboxやCSS Gridの使用状況、よく使用するプロパティや単位、人気のフレームワークやツールなど

HTML&CSSの3年間の変化について

2020年10月21日コメントする

https://ebisu.com/note/html-css-3years/

新しいプロパティ:値を教えてくれる。

。

CSSを最適化してページの読み込み時間を高速化する方法

2020年10月1日コメントする

CSSを最適化してページの読み込み時間を高速化する方法

CSS Flexboxでヘッダを実装する最近のテクニックのまとめ 2020/09

2020年9月25日コメントする

CSS Flexboxでヘッダを実装する最近のテクニックのまとめ

emmet よく使う短縮形

2020年9月24日コメントする

https://kojika17.com/2012/10/css-speedstar-for-emmet.html

コピペで簡単!シンプルなHTMLとCSSで実装された17種類のヘッダのテンプレート -headers.css

2020年9月17日コメントする

コピペで簡単!シンプルなHTMLとCSSで実装された17種類のヘッダのテンプレート -headers.css

JavaScriptでのメディアクエリ、matchMedia()の使い方

2020年9月16日コメントする

JavaScriptでのメディアクエリ、matchMedia()の使い方を解説

2020年9月11日コメントする

「vw, vh, vmin, vmax」を使ったCSSのテクニックのまとめ

画像の遅延読み込みにloading属性とJavaScriptを併用した最大限のパフォーマンスを発揮させる実装方法

2020年9月11日コメントする

画像の遅延読み込みにloading属性とJavaScriptを併用した最大限のパフォーマンスを発揮させる実装方法

CSSだけで作れる!背景パターンや模様のサンプルコードまとめ

2020年9月3日2020年9月11日コメントする

CSSだけで作れる!背景パターンや模様のサンプルコードまとめ

JavascriptでPDFを作ろう!

2020年2月24日2020年9月11日コメントする

JavascriptでPDFを作ろう!


プラグインを使って、PDFファイルを作る方法。

JavaScriptのデバッグについて

2020年2月23日2020年9月11日コメントする

JavaScriptのデバッグについて


最初は、「ブレークポイント」「スコープ」「ウォッチ」から始めましょう。

1歩踏み込んでみる! CSSグラデーションのマニアックな世界

2020年2月12日コメントする

https://ics.media/entry/200212/
基本的なことから、複数のグラデーションを組み合わせたり、アニメにしたりの解説。
グラデーションの可能性が広がる。

フォントサイズを「vw」でレスポンシブに変化させつつ、最大値・最小値を指定する方法

2020年1月31日2020年9月11日コメントする

フォントサイズを「vw」でレスポンシブに変化させつつ、最大値・最小値を指定する方法

技術ブログをいくつか

2020年1月17日2020年1月17日コメントする

https://ics.media/
https://ryosukemizuta.com/
http://creator.dwango.co.jp/
https://www.nxworld.net/features/
http://www.north-geek.com/
https://frontendweekly.tokyo/
https://postd.cc/
https://omuriceman.hatenablog.com/
https://www.virtual-surfer.com/

CSSアニメーションの狂気

2020年1月5日2020年9月11日コメントする

  • コードで画像を作成凸に丸みをつけるだけでなく凹にも丸みをつける
  • 立体にして、重ねる
  • polygonで自在にマスクする。

という技を紹介

重複cssを調査

2019年12月2日コメントする

csscss

gulpもある

サイトのJSやCSSについて細かく分析

2019年12月2日2019年12月2日コメントする

https://yellowlab.tools/

HTMLで印刷 帳票を描く話をしようか

2019年5月27日コメントする

https://qiita.com/cognitom/items/d39d5f19054c8c8fd592

Flexboxのjustify-contentで最後の行を左寄せにする方法

2019年1月18日コメントする

http://blog.webcreativepark.net/2016/08/15-125202.html

PC・スマホからJavaScriptの開発環境を構築できるサービスを厳選してみた!

2018年10月25日コメントする

https://paiza.hatenablog.com/entry/2018/10/24/PC%E3%83%BB%E3%82%B9%E3%83%9E%E3%83%9B%E3%81%8B%E3%82%89JavaScript%E3%81%AE%E9%96%8B%E7%99%BA%E7%92%B0%E5%A2%83%E3%82%92%E6%A7%8B%E7%AF%89%E3%81%A7%E3%81%8D%E3%82%8B%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9

JavaScriptのオブジェクト指向が10%理解できる記事(実践編)

2018年10月5日コメントする

https://qiita.com/uhyo/items/ab8e273e1eb71d02e29a

JavaScriptのオブジェクト指向は、逆の順番で学んだほうが理解しやすいと思うので…

2018年10月5日コメントする

https://qiita.com/Maki-Daisuke/items/c10466ab9a5e826cf10e

JavaScriptのテキスト(pdf192ページ)

2018年9月27日2018年9月28日コメントする

http://www.k-techlabo.org/blog2/?page_id=1022
Web系プログラミングの授業で使っておられるテキストの公開。
サンプルファイルも同ページにあり

【連載記事】JavaScriptでプログラミングを学ぶ その1:基礎と文法

2018年9月20日2018年9月28日コメントする

https://sbfl.net/blog/2017/12/14/javascript-programming-1/

投稿ナビゲーション

過去の投稿

最近の投稿

  • 2020年にCodepenで話題!コピペ可なHTMLスニペット ベスト100発表
  • 第1回コーディングあるある【Flexbox編】
  • 最新の手法でブラウザのタブに表示される「Favicon(ファビコン)」を作成する
  • よく使うSassのmixinとfunctionのスニペットをまとめてみた
  • jQuery UI datepicker 用の祝祭日ツールチップ表示

最近のコメント

    アーカイブ

    カテゴリー

    • Web担 (129)
      • 40代女性 (3)
      • SEO (8)
      • 転職 (20)
    • ソフト (67)
      • git (11)
      • photoshop (13)
      • sublimeText (9)
      • WordPress (17)
      • イラストレーター (16)
    • ツール (61)
    • デザイン (90)
    • 未分類 (37)
    • 言語 (320)
      • CSS (185)
      • gulp (13)
      • JavaScript (18)
      • Jquery (118)
      • Sass (6)

    メタ情報

    • ログイン
    • 投稿フィード
    • コメントフィード
    • WordPress.org
    Proudly powered by WordPress | Theme: sela by WordPress.com.