30 seconds of code
Discover hundreds of coding articles to level up your skills. Browse articles by collection or check out the top picks and latest content below. New & Popular Articles Web development · October 24, 2025 What I learned from vibe coding a small web project with GitHub Copilot and GPT-5 mini A short summary of your story up to 140 characters long. JavaScript · October 16, 2025 Best Time to Buy and Se
Atomでのスニペット登録
現在は、普段使いでAtomを使用していて自分でスニペット作りたいなと思っていたんですが、 あまり方法がよくわからず足止めをくらっていました。 本日ようやく時間があり、スニペット登録方法が分かりました(遅い) チームでの開発だと、お決まりの型でコード書く事が多くなるのでスニペット登録は重要ですよね。 snippet.csonへの追加 Atom > Open Your Snippetsから、snippet.csonというファイルを開きます。 ここに、自分の入れたいスニペットを登録してゆきます。 ただ、このsnippet登録の際に、スニペットを適用するセレクタが必要で、 htmlであれば text.html.basic jsであれば source.js のような感じで、値が必要になります。 これを手っ取り早く知る方法として、スニペットを登録したいコードにカーソルを当てている状態で、 alt +
atom snippet packageの使い方 - Qiita
snippetのREADMEの翻訳っぽいもの． Snippet package tabを入力すると，直前に入力しているプリフィックスにマッチするスニペットが展開されます． Atom > Open Your Snippets メニューを選択するとスニペットの追加が行えます． Snippet Format スニペットはパッケージの snippets/フォルダに保存されています． また.atom/snippets.csonからも読み込まれます． スニペットファイルは.json, .csonのどちらかで作成できます． トップレベルのキー(.source.js)はスニペットが適用されるセレクタです． 次のインデントのキー(.console.log)はスニペットの名前です． 各スニペットには prefix スニペットを展開するときに指定するプリフィックス body スニペット本文を指定します． あとで
Dreamweaver歴8年半の僕が3日前にSublime Text 2にしてやったこと | clear sky source
これまでかたくなに Dreamweaver を利用していたのですが、CS6 にアップデートしたあたりから動作が重くなり、直近ではもーやってられんとなりましたので重い腰をあげて Sublime Text 2 デビューをはたしました。 これでやっと僕にも春が来るのかなとワクワクしております。 参考にした記事 以下あたりを読みました。 基本 Sublime Text 2ってエディタがすごくイイ。Dreamweaverから乗り換えた時の初期設定とか使い方とかをメモ | Mnemoniqs Web Designer Blog Sublime Text2の複数カーソルの使い方 #SublimeText2 – Qiita [キータ] SublimeText2を3ヶ月使ってみて利用を決めたPackageまとめ | 濃紺ピッチャー Emmet系 Sublime Text 2のEmmetでdivの閉じタグにコ
Sublime Text 2で自分用のスニペットを作る方法 | prime factor
Sublime Text 2で自分用のスニペットを作る方法Sublime Text 2では、変数の埋め込みができる強力なスニペット機能が使えます。スニペットは、デフォルトの状態でもかなり便利に使えますが、一番のポイントは自分用のスニペットを簡単に作れるところだと思います。しかし、スニペットの作り方について日本語の情報が見当たらない。なので、公式のヘルプなどを参考に自分でまとめてみました。 スニペットの内容 スニペットの実体は、xml形式で記入したテキストファイルです。定められた形式でテキストファイルを作成し、所定の場所に保存することでそのスニペットを使えるようになります。 スニペットファイルの内容は、5つの要素で構成されます。 snippet content tabTrigger scope description snippet スニペットの設定全体をsnippetタグで囲みます。 全体
スタイルシートの有用なスニペットのまとめ | コリス
よく使うclearfixから、見出しの画像置換や見た目非表示の新しいスニペット、レスポンシブによく利用されるスニペットなど、スタイルシートのよく使用する有用なスニペットを紹介します。 A Collection of Handy CSS Snippets 下記は各ポイントを意訳したものです。 ショートハンドのclass デザイン関連のスニペット 開発関連のスニペット 印刷・Retina・検証用のスニペット ショートハンドのclass よく使用するショートハンドのclassから始めましょう。 ポイントはセレクタでエレメントを定義するのではなく、すぐに利用できることを前提にしています。 まずは、テキストと画像を配置する時に簡単に使えるfloatです。 .float-left /* こんな感じに直観的に分かる名前で */ { float: left; } .float-right /* こんな感じ
WordPressをカスタマイズする便利な10個のスニペット
10 Very Useful WordPress Hacks [ad#ad-2] 下記は各ポイントを意訳したものです。 リンクを新しいウインドウで開く 検索結果ページのインデックスを阻止 編集ボタンを設置 コントロールパネルのリンクを設置 データベースエラーページのカスタマイズ ページ内にもう一つのページを埋め込む 著者の情報を加える Facebookのボタンを加える WordPressのアドミンバーを下に移動 管理者用のパスワードをリセット リンクを新しいウインドウで開く デフォルトでリンクを常に新しいウインドウで開くようにします。 「wp-admin」フォルダ内の「quicktags.js」を変更します。 変更前 if (!edCheckOpenTags(i)) { var URL = prompt('Enter the URL' ,defaultValue); if (URL) {
WordPressのテーマのカスタマイズに役立つコードスニペットを探せるWebサイトいろいろ - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 少し増えてきたので自分用にまとめてみます。 WordPressでテーマをカスタマイズしたい時 にサクッと探せると楽なんですが、その コードスニペットを探せる、というサイトが いくつかあるのでご紹介します。WPユーザー の方は一度ご覧になってみては如何でしょう。 というわけでちょっと個人的なメモです。WPスニペットを保管してるサイトのまとめ。お手軽なWordPress Tipsっていうカテゴリで記事をよく書いてるんですけどそのネタ元なので英語OKな方はこちらから探してみては如何でしょうか。 この手のサイトのコードは古い可能性もよくあるのでCODEXで非推奨のコードでは無いかどうか合わせて確認しておくとより良いかもしれません。 WP-Snippets 数は多くないけど需
20 Wordpress Code Snippets for Constructive Web Developers
Over the years WordPress has grown into the most popular CMS via the Internet. Its open source status coupled with a deeply committed development team has proven to advance quickly. And with even more web developers starting out today the community has risen dramatically.Below I’ve collected a set of 20 awesome WordPress code snippets for all users to enjoy. Web developers will especially enjoy th
SnippShot - Minimalistic snippet collecting tool
SnippShot is a free minimal snippet tool. It's fast and available from any computer. Here's a quick video on how SnippShot works. No account required, just Login with your Google Account SnippShot is currently under Alpha version, things may break. We only store your Google e-mail (not even your password) and never share it with anyone, we will only email you if huge things happen. Your code
Code Snippets | CSS-Tricks
A collection of code snippets for web developers, including code for HTML, CSS, JavaScript, PHP, WordPress, jQuery, HTAccess, and more!
13 Useful Code Snippets for WordPress Development
Tips 13 Useful Code Snippets for WordPress Development Web Design LedgerDecember 28, 200926 Comments24.1k WordPress has grown to be commonly defined as the core solution for your blogging needs. It is the most recognized and sought after Content Management System by writers and designers. Consequently, over the past few years there has been a voluble increase in WordPress blogs, this has caused th
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
http://www.cssflow.com/
jQueryスニペット | かちびと.net
http://inurd.me/2010/03/wordpress-coda-clip-collection
http://inurd.me/2010/03/wordpress-coda-clip-collection/
http://fuelcollective.com/snippet/
http://fuelcollective.com/snippet