集え変態プログラマ！JavaScriptの最短コードに挑んだコードゴルフ大会 in Code 2013 | DX.univ
8月3日〜4日に開催されたプログラマのためのお祭り的イベント集え変態プログラマ！JavaScriptの最短コードに挑んだコードゴルフ大会 in Code 2013 by Yoshiaki Sato in Tech — 2013/08/06 フロントエンド担当のヨシアキです。 8月3日〜4日に開催された"Code 2013"に参加してJavaScriptのコードゴルフの問題を出題してきましたので、そのレポートを兼ねて、JavaScriptのショートコーディングについて語ってみようと思います。 Codeとは プラットフォーム・言語・コミュニティの壁を超えてプログラマが達が集う、プログラマのためのお祭り的イベントです。 開催地はこれまでのところ、温泉郷で有名な札幌の定山渓で開催されています。 そのため、ゆったりと温泉に浸かりながらプログラミングについて語り、美味しいお料理とお酒に舌鼓を打ちなが
CSSのみでアイコンフォント風の図柄を表示できる「CSS ICON」の使い方
CSS ICONとは CSS ICONは、CSSのみで描画されたアイコンを表示させることができるコードが集められたアイコン集です。 この記事を書いた2016年11月時点では500以上のアイコンを利用することができます。 CSSのみで描かれたものということなので、思いっきり簡素なものと思いきや、かなり実用的なアイコンがそろっています。 CSS ICONの使い方 アイコンを利用するには、まずCSS ICON利用したいアイコンを選択します。 すると、画面右側に「アイコンを利用するためのコード」が表示されます。 CSSをコピペ これを利用するには、まずCSSをコピーします。 すると、以下のようなコードがクリップボードに貼り付けられるので、CSSファイルなどに貼り付けます。 .heart.icon { color: #000; position: absolute; margin-top: 6px;
Apple風のかっこよくて美しいデザインの背景49種類を簡単に実装できるスタイルシート -HUE.css | コリス
文字や画像をぽんっと配置するだけで、そのコンテンツが映えるApple風の美しいグラデーションの背景49種類をまとめたスタイルシートを紹介します。 コピペで簡単に利用できるので、CSSのスニペットに登録しておくと便利ですね。 HUE.css HUE.css -GitHub HUE.cssを使うと、簡単に美しい背景を作りだすことができます。 Appleのプレゼンテーションスタイルで、Hueを背景に使用したものです。 画像: Free Promo Backdrops and Gradients HUE.cssは上記のHueの背景画像にインスパイアされたもので、これらの美しいグラデーションの背景がCSSで簡単に利用できます。 元の画像は上記ページの下部から、.sketch, .png形式でダウンロードできます。 HUE.cssの使い方 使い方は、簡単です。 「hue.css」をダウンロードし、外部
「良質なコンテンツ作り」 と合わせて取り組む！いま必要な内部SEO総まとめ
コンテンツマーケティングの時代。いいコンテンツを作れば検索エンジンからも評価されるはず…と思っていませんか？ コンテンツ作りと合わせて取り組みたい、内部SEOをまとめました。 ページ上のコンテンツとバックグラウンド技術要素は、サイトでもっとも手が届きやすく、コントロールしやすいSEO要因となっています。ランキング上昇を期待してサイトを再設計するなら、ここから始めるのが一番です。さらに、オンページ要素（内部SEO）がしっかり最適化されたページでは、オフページの取り組み（外部SEO）も楽になります。 運営しているサイトを検索エンジンにできるだけよく知ってもらうことを目指し、技術面とコンテンツ面に分けて、ページ要素の最適化方法のチェックリストを作成しました。 オンページ要素の技術的部分 URLS 人とサーチエンジン双方のユーザビリティに関するURLの最適化は、SEOに影響します。URLについて
HTML5 のリセット・スタイルシート - html5doctor - HTML5.JP
サイト内検索 この記事は、html5doctor に掲載されている記事「HTML5 Reset Stylesheet」を日本語訳したものです。この記事では、HTML5 でマークアップしたページにも対応した、リセット・スタイルシートについて解説しています。最後に、HTML5 向けのリセット・スタイルシートもダウンロードできます。 原文タイトル HTML5 Reset Stylesheet 原文ページ URL http://html5doctor.com/html-5-reset-stylesheet/ 著者 Richard Clark 氏 原文投稿日 2009-07-27 一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを
リストのインデントを指定する - スタイルシート
リストのインデントを挿入することができます。 ULタグやOLタグなどのリストに指定します。 スタイルシート・サンプル 緑の文字が変更箇所で、赤い文字が対応するスタイルシートです。 "/* */"内はコメントです。削除しても影響ありません。 必要な箇所をコピー＆貼り付けして編集してください。 また、その他の指定方法はメニューの「基本・リファレンス」を参考にして下さい。 → ページ全体に適用する場合（サンプルのためタグごとに効果を変えています。参照） <HTML> <HEAD> <TITLE></TITLE> <STYLE type="text/css"> <!-- .li { list-style-position: inside } /* リストの２行目以降を上げる */ .lo { list-style-position: outside } /* リストの２
【よりコーディングに集中できる！】プログラミングサポートツール「Kite」が凄すぎる！
【よりコーディングに集中できる！】プログラミングサポートツール「Kite」が凄すぎる！ 「Kite」は、ターミナルやエディタと連動するプログラミングのサポートサービスです。エディタとこのツールを立ち上げて、何か記述し始めるとメソッドの意味や間違いがあれば指摘してくれます。よりコーディングに集中できるはずです。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 より早く、より効率的にコーディングしたい人に朗報です！ 「Kite」は、ターミナルや
テキストからリスト形式への変換ツール | HTML変換
入力した情報はブラウザでのみ処理され、外部へ送信されません。 変換対象のテキスト 順序の番号 あり (ol要素) なし (ul要素)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
