タグ「スニペット」

タグスニペット

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 122件)

知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ

2010/02/22 2247 users Zen-Coding コーディング EC studio 3倍

最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動... 続きを読む

フォーム周りで覚えておくと便利なCSS Snippets | NxWorld

2015/03/26 872 users プロパティ CSS NxWorld ブラウザ普段

フォーム周りでCSSを使ってスタイリングしていく際に、個人的によくど忘れしてしまうものや便利だと思うプロパティやスニペットをまとめました。全体的に普段からCSSをよく触っている人にとっては特別目新しいものはないかと思いますが、まだCSSを触り始めて間もない方やこれからCSSを触ってみようという方は覚えておくと便利だと思うのも幾つかあるので参考にしてみてください。 ※紹介している内容はブラウザ（特に... 続きを読む

よく見かけるレイアウト・UIコンポーネント、それだけを実装するHTMLとCSSのシンプルなコードのまとめ | コリス

2021/02/18 748 users UIコンポーネントナビゲーション CSS Layout

Webページやスマホアプリでよく見かけるレイアウト、ナビゲーション、UIコンポーネントなど、それだけを実装するHTMLとCSSのシンプルなコードをまとめたCSS Layoutを紹介します。それだけを実装するため、HTMLとCSSのコードは非常にシンプル、カスタマイズも簡単だと思います。スニペットに登録しておくと、便利ですね... 続きを読む

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

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

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

次のレベルまでWEBサイトを引き上げてくれるCSS、javascriptテクニック集 | DesignDevelop

2013/05/18 731 users JavaScript ライブラリ現場 Web制作表現

CSSやjavascriptを利用してサイトをよりリッチな表現に変えていくというのは、WEB制作の現場では常に行われていて、様々なスニペットやライブラリが日夜リリースされています。今日紹介するのは次のレベルまでWEBサイトを引き上げてくれるCSS、javascriptテクニック「CSS and JavaScript tools to take your website to the next le... 続きを読む

【寄せあつめ】今さらだけどSublime Text 2の基本とカスタマイズ【Vim風】｜クラスメソッド開発ブログ

2012/12/03 647 users sublime text カスタマイズ vim ナウエディタ

こんにちは、僕はVimユーザーです（ちなみにVimを完璧に使いこなしているわけではありません）。今更ながら「Sublime Text 2」というナウでヤングなエディタも使いこなせるようになりたいと思い、Sublime Textの基本設定からプラグインやスニペットの作り方まで調べた内容をこの記事にまとめることにしました。細かい情報までまとめることはできなかったので、より詳しい内容を紹介してくださ... 続きを読む

Web制作者はブックマークしておくと便利！HTMLやCSSやOGPやTwitterカードなどのコードを生成できるオンラインサービス | コリス

2015/07/01 587 users OGP コリス metaタグシャドウ CSS

CSSの面倒なコード、アニメーションやグラデーションやシャドウなど、表示結果を見ながらコードを生成でき、HTML5のよく使うスニペットや新要素、MetaタグやOGPやTwitterカードなどのコードを簡単に生成できるオン...記事の続きを読む続きを読む

WordPressをカスタマイズするなら覚えておきたいアクションフックとフィルターフック

2011/06/29 541 users フィルターフック WordPress add_action

WordPressのプラグインAPI、アクションフックやフィルターフックについて、簡単にまとめてみました。WordPress のスニペットでよく見かける、add_filter、add_action などの関数。これがWordPressのフックっていう仕組み。WordPressをカスタマイズするなら、覚えておきたい仕組みですね！Webテクニック WordPress Share WordPressのカ... 続きを読む

Web制作時に備えておくと便利なチートシートのまとめ（iOS, Android, Bootstrap, WordPress, Git, Sublime Text, Emmetなどいろいろ） | コリス

2014/07/24 526 users GitHub Git iOS Emmet コリス

iOS/Androidの各デバイスやエレメントの規格、BootstrapやFoundationなど人気のフレームワーク、WordPressのテーマファイル、Git/GitHubの便利な機能、Sublime TextやEmmetの使い方をまとめたチートシートなど、フロントエンドのWeb制作者に役立つチートシートをまとめました。 Web制作時によく使うサイズとかスニペットとかショートカットとか、チート... 続きを読む

Apple風のかっこよくて美しいデザインの背景49種類を簡単に実装できるスタイルシート -HUE.css | コリス

2016/10/24 525 users コリス Hue Apple風スタイルシート美しいデザイン

文字や画像をぽんっと配置するだけで、そのコンテンツが映えるApple風の美しいグラデーションの背景49種類をまとめたスタイルシートを紹介します。コピペで簡単に利用できるので、CSSのスニペットに登録しておくと便利ですね。 HUE.css HUE.css -GitHub HUE.cssを使うと、簡単に美しい背景を作りだすことができます。 Appleのプレゼンテーションスタイルで、Hueを背景に使用... 続きを読む

[CSS]背景画像をブラウザいっぱいに表示するシンプルな最新テクニック | コリス

2014/07/02 514 users コリス GitHub CSS 一行スマフォ

背景画像をブラウザいっぱいに表示するスタイルシートのシンプルなテクニックを紹介します。デスクトップだけでなく、スマフォやタブレットにも対応、しかもたった一行なのでスニペットに加えておくと便利です。 Responsive Full Background Image Using CSS Responsive Full Background Image Using CSS -GitHub デモコンセ... 続きを読む

WordPressをもっと便利にするスニペットが500個以上登録されている -WPSNIPP | コリス

2011/12/01 495 users コリスペーほん WordPress 特定

WordPressにちょっと機能を追加したい時に役立つスニペットをまとめたサイトを紹介します。目的をもって探すだけでなく、こんなこともできるのかという発見もあるかもしれません。 WPSNIPPでは現在、545個のWordPressの便利なスニペットが登録されています。下記にほんのちょっとだけ、その便利なスニペットをピックアップしました。よく使うショートコードをボタンから選択可能に特定のペー... 続きを読む

WordPressでしっかり設定しておきたいセキュリティやメンテナンスに役立つ.htaccessのまとめ | コリス

2015/07/03 484 users コリス htaccess htaccessファイル第三者

WordPressでブログやサイトを運営する前、そして運営している時にしっかり設定しておきたいWordPressのセキュリティやメンテナンスに役立つ.htaccessの設定を紹介します。 .htaccessファイルを守る最初に行うことは、.htaccessをあなた以外の無許可のアクセスから守ることです。下記のスニペットは第三者があなたの.htaccessファイルにアクセスするのを阻止します。ル... 続きを読む

CSSで面倒なコード、HTML5の新要素やスニペット、FacebookのOGPやTwiterカードなどのコードを生成できるオンラインツール | コリス

2017/05/30 448 users Facebook OGP コリス Mic CSS

CSSで面倒なコード、アニメーションやグラデーションやボックスシャドウなど、実装の結果を見ながら値を調整してコードを生成でき、HTML5の新要素やよく使うスニペット、FacebookのOGPやTwitterカードやmic ...記事の続きを読む続きを読む

ウェブ制作者の困ったを解決するコードが盛りだくさん、スニペットを共有するサービス -Code Pad | コリス

2012/03/06 446 users HTML WordPress ウェブ制作コリスコード

ウェブ制作に役立つHTML, CSS3, jQuery, WordPressなどのちょっとしたコード（スニペット）を共有するサイト「Code Pad」を紹介します。 Code Pad Code Padでコードを保存するに [...] 続きを読む

チェックボックスやinput要素などのフォーム周りのユーザビリティを少しだけ向上できる地味に便利なjQueryコードいくつか - かちびと.net

2012/07/04 432 users ユーザビリティ jQuery input要素ふーん net

フォームで利用するjQueryのスニペットコードをいくつか。どれも既出だと思うのでおさらいという事で。とはいえ、所詮はスニペットですので実際に導入する際は動作をしっかりと検証する事を強く推奨します。フォーム周りのjQueryスニペットです。自分用のメモも兼ねて。フォーム関係は色々面倒なので参考にならない事もあるかと思います。「ふーん」程度にご覧頂くと丁度いいと思います。 Placeh... 続きを読む

WordPressをちょちょいと使いやすくする15のスニペット | コリス

2009/02/17 426 users コリスシングルクォート WordPress スパムコメント

WordPressの各エントリーに編集ボタンを付けたり、シングルクォートの自動置換を無効化するなど、使いやすくするための15のスニペットをForTheLoseから紹介します。 15 Useful Wordpress Tricks to Make Your Theme Even Better 古いエントリーのコメント入力をクローズ古いエントリーにはスパムコメントがつくので、コメント入力をクローズに... 続きを読む

[JS]ほんの数行で便利な機能を実装するjQueryのスニペットのまとめ -jQuery Tips | コリス

2015/10/23 424 users jQuery GitHub コリス MITライセンス商用

jQueryには高性能なプラグインがたくさんリリースされていますが、ほんの数行のコードだけでも便利な機能を簡単に実装することもできます。 Webサイトで最近よく利用されている便利な機能を実装するスニペットを紹介します。 jQuery Tips Everyone Should Know -GitHub イラスト: Girls Design Materials コードはMITライセンスで、個人でも商用... 続きを読む

100種類の言語に対応したプログラマー向けノートアプリ「Boostnote」｜ライフハッカー［日本版］

2017/02/05 371 users Boostnote シンタックスハイライトライフハッカー

「Boostnote」は 100種類の言語に対応したプログラマー向けノートアプリです。Markdown形式のファイルも扱えますし、HTMLやJavaなど様々な言語に対応されています。シンタックスハイライトが有効なのでソースコードも見やすいですよ。また、よく使うスニペットを登録しておくと、すぐさま呼び出してコピーすることができます。起動時間も早くオールマイティに使えるノートアプリとなっていますよ。... 続きを読む

レスポンシブコーディングのスニペットいろいろ - やっぱりWebが好き - Writing Mode

2015/03/03 358 users コーディングレスポンシブコーディング立場気分転換 web

コーディングを自身でやることは少なくなってきたけれど、勘が廃れないように今でも時々デザインしたり、コーディングしたりってのも大事にしてます。たまにデザインやコーディングをするのは気分転換にもなるし、新しいテクニックを知っておくことだってまだまだ大切だと思うし。今の僕は、作る仕事はできる限り任せる立場だと思うので、あくまでもやり過ぎない程度に、って考えてますけど。というわけで、最近覚えたスニペット... 続きを読む

[CSS]ウェブ制作に役立つ、スタイルシートの有用なスニペットのまとめ | コリス

2012/11/01 355 users コリスショートハンド CSS clearfix ウェブ制作

よく使うclearfixから、見出しの画像置換や見た目非表示の新しいスニペット、レスポンシブによく利用されるスニペットなど、スタイルシートのよく使用する有用なスニペットを紹介します。 A Collection of Handy CSS Snippets 下記は各ポイントを意訳したものです。ショートハンドのclass デザイン関連のスニペット開発関連のスニペット印刷・Retina・検証用のスニ... 続きを読む

WordPressをカスタマイズする便利な10個のスニペット | コリス

2011/10/04 331 users コリス Facebook インデックス阻止リセット

下記は各ポイントを意訳したものです。リンクを新しいウインドウで開く検索結果ページのインデックスを阻止編集ボタンを設置コントロールパネルのリンクを設置データベースエラーページのカスタマイズページ内にもう一つのページを埋め込む著者の情報を加える Facebookのボタンを加える WordPressのアドミンバーを下に移動管理者用のパスワードをリセットリンクを新しいウインドウで開くデ... 続きを読む

覚えておくと地味に便利だと思える日が来るかもしれないjQueryのコードスニペット何個か - かちびと.net

2011/10/07 328 users jQuery ツッコミどころ満載用途 net 程度

これならjQueryじゃなくてもいいんじゃ無いか、っていう記事です。短くて使いやすいスニペットなんですが、まぁ用途は人それぞれだと思うので適当に流して下さい。自分が使いやすいようにまとめたいだけです。そのコードおかしいわーみたいなのあったらすいません。まぁその程度の記事です。というわけでいろいろとツッコミどころ満載かもですが、あんまり気にしないで下さい。じゃあ記事書くなよって話ですけど... 続きを読む

テキスト周りのスタイリングに使えるCSSプロパティやスニペット | NxWorld

2015/11/25 309 users NxWorld CSSプロパティスタイリングテキスト周り

(1 - 25 / 122件)

次の25件 »