microCMS + Gatsby + GitHub Actions + S3 でJamStackのチュートリアル | Developers.IO

2020/11/06 160 users GATSBY microCMS JamStack ワード 構築

What is Jamstack? ここ数年でよく聞くようになったワード。 Jamstackとはウェブサイトを構築および運用するための、技術の組み合わせです。 JavaScript・API・事前にレンダリングされたMarkupの組み合わせでJamStackとのこと。 (以前はJAMStacといってたけど、最近はJamstackだったりする) Jamstackは、 「ウェブをより... 続きを読む

2時間でSassを習得！Sass初心者向け講習スライド大公開！ | Markup | WebNAUT

2014/02/04 491 users WebNAUT Sass CSS スライド 講習

CSSを効率的に書ける言語として昨今話題のSass。 これから導入をお考えの方に向けて2時間でマスターできる初心者向けのSass講習スライドを公開致します。 普段CSSを書く人も書かない人もSassがどういうものかを知る良い機会ですので、是非ご覧ください。 スライドに沿って実践すればSassの基本を短時間でマスターできます！ この講習では目で見るよりも実際に触れる事で理解が深まるよう、実習スタイル... 続きを読む

一度書いたコードは二度と探さない！スニペットを究めて快適コーディング！【HTML, CSS, JavaScript】 | Markup | WebNAUT

2013/08/26 738 users 断片 エディタ 単語 記述 ソース

気がつけば繰り返し同じ単語で検索し、同じコードを書いている...なんてことはありませんか？「この部分の記述、もう一回使うことがあるかも」と思ったらぜひスニペットとして登録しておきましょう！ スニペットとは繰り返し登場するコードの断片、またはそれをすぐに呼び出せるように管理するエディタの機能のことです。自分がよく使用する記述をスニペットにしておけばいちいち検索したり、昔書いたソースを探ってみたりする... 続きを読む

CSSのレイアウト作成に役立つ便利なリソースいろいろ - GIGAZINE

2007/12/18 723 users GIGAZINE カスケーディング リソース CSS 通り

最近のページやサイト作成に欠かすことのできない「CSS（カスケーディング・スタイル・シート）」ですが、そのレイアウト作成を行う際に便利なリソース22種類です。ゼロから作るよりは楽に製作できるはず。 詳細は以下の通り。 40種類のCSSレイアウトがそろっています。 Layout Gala: a collection of 40 CSS layouts based on the same markup... 続きを読む

CSSとHTMLをリアルタイムに書き換えてプレビューできる「rendr」 - GIGAZINE

2006/06/14 261 users GIGAZINE rendr Greasemonkey タブ

「CSS」タブをクリックして、中のコードを書き換えると、リロードせずにそのままリアルタイムにページ全体を再レンダリングしてくれます。「Markup」タブをクリックすればHTMLコード自体を書き換え可能。元に戻すには「clear markup and css」をクリック。 Firefoxの拡張である「greaseMonkey」バージョンもあるので、自分のサイトで同じようなことができるようになり、CS... 続きを読む