CSSでボタンを実装するときに記述しておくと便利なスタイルのまとめ

2024/04/09 107 users CSS ズーム 実装 誤動作 テキスト

Webサイトやスマホアプリの実装に、ボタンは欠かせない要素の一つです。そんなボタンの実装に設定しておくと便利なCSSのスタイルを紹介します。 スマホでボタンをタップした際にズームなどの誤動作が起きないようにするCSS、ボタンのテキストが選択されてハイライトにならないようにするCSS、フォーカス時のアウトライン... 続きを読む

モダンCSSで実装する、テーブル（<table>）のさまざまなスタイルのまとめ

2024/02/08 128 users table ポパー 四隅 モダンCSS テーブル

モダンCSSでテーブルをゼブラストライプしたり、テーブルの四隅を角丸にしたり（昔はかなり面倒でした）、列や行を分割したり、ホバーでハイライトやアウトラインを表示したりなど、表のデータを読みやすくするテーブル（<table>）のさまざまなスタイルを紹介します。 A Guide to Styling Tables by Mads Stoumann 下記... 続きを読む

GPT-4を利用した長文原稿自動生成プログラムの紹介｜IT navi｜note

2023/03/25 171 users GPT-4 Note 原稿 手順 最初

以下の記事は、アウトライン及び原稿の自動生成プログラムによって作成したものです。 通常、GPT-4で長い文章を作成する場合は、最初に全体のアウトラインを作成し、部分ごとに分割して文章を生成して、最後に全体を統合する必要がありますが、このプログラムは、その手順を一括でできるようにしたものです。プログラム... 続きを読む

商用利用無料、UIデザイン用のSVGアイコンが220種類！改変・再配布も可の太っ腹ライセンス -System UIcons | コリス

2020/08/19 282 users コリス アイコン プロダクト スマホアプリ UI用

システムとプロダクトのUI用にデザインされた、オープンソースのSVGアイコンを紹介します。Webサイトやスマホアプリに最適です！ アウトラインのシンプルなデザインで、220種類のアイコンが揃っています。SVGなので、サイズやカラーなども簡単に変更して利用できます。 System UIcons System UIcons -GitHub System UIco... 続きを読む

「同和」という言葉をめぐって: ある広告人の告白（あるいは愚痴かもね）

2019/10/06 481 users 愚痴 対立 騒動 僕ら 告白

本当は専門家が語るべきだろうと思うが、今回の騒動で問題となった同和という言葉を中心に少しだけ。僕らの世代では当たり前でも、今の若い人たちはあまり知らないことなのかもと思うし、極めて党派的対立が強い分野なので、専門家ではない一般人がアウトラインを語る意味は少しはあるだろうと思う。 もともとこの言葉は... 続きを読む

Webフロントエンドとサーバーサイドの技術動向をざっくり整理する／JavaScript - "BOKU"のITな日常

2019/04/17 603 users jQuery boku Webフロントエンド サーバーサイド

今回は、WEBフロントエンドとサーバーサイドあたりの技術動向を、ざっくりとアウトラインだけ整理してみようかと思います。 整理の目的 今のところ。 自分的には、jQueryで困っていることは特にありません。 なんですが、久々に既存システム縛りの無いWeb開発の話があり、「せっかくだから、jQuery以外のJavaScriptフレ... 続きを読む

ソリッドとアウトライン、どちらのアイコンが認識しやすいか | コリス

2019/03/12 254 users コリス ソリッド 好み アイコン スタイル

アイコンのスタイルをソリッドとアウトライン、どちらを使用するか決めなければならない場合がありませんか？ 好みで決めるという人もいるかもしれませんが、それぞれ分かりやすい場合と分かりにくい場合があります。 どのような場合にソリッドを使い、アウトラインを使うとよいのかを紹介します。 ちなみに下記は、左が... 続きを読む

森友問題の現状についてブロガーのいち見解: 極東ブログ

2018/03/14 461 users いち見解 森友問題 ブロガー 極東ブログ 現状

森友問題の現状について、自分の考えを、アウトラインだけだが、まとめておきたい。自分の考えが正しいとも、強く主張したいというものではない。当然、異論は多いだろうと思う。また、誤認もあろうだろうと思う。あくまで、こういう考える人がいるという程度のものである。ブログというのは、その程度のものである。なお、森友問題の解説記事ではないので、基本的な説明は含めない。 昭恵夫人の関与はないだろう 昭恵夫人の活動... 続きを読む

HTML 5.1で変更されたsection要素の使い方、header要素とfooter要素のネストについて解説 | コリス

2016/12/13 112 users コリス section要素 HTML ネスト 事例

2016年11月1日に、 HTML 5.1 が勧告されました。HTML 5から新しく加えられた点、削除された点、変更された点がいろいろあります。 その中から、ページのアウトラインを組み立てる上で重要なsection要素の使い方、header要素とfooter要素のネストについて具体的な事例を添えて紹介します。 Document Outlines in HTML 5.1 下記は各ポイントを意訳したも... 続きを読む

無料でタスクやアウトラインをフォルダ感覚で管理可能になる「WorkFlowy」のブラウザ・拡張機能・アプリ版を使ってみました - GIGAZINE

2015/04/05 155 users GIGAZINE iOS WorkFlowy タスク フォルダ

タスクや予定、ToDoリストなどを管理するサービスやアプリは多数ありますが、その中でも使い方がめちゃくちゃシンプルで、フォルダの中にファイルを作成するのと同じような感覚でタスクの作成から管理までをこなしてくれるのが「WorkFlowy」です。今回はブラウザ版WorkFlowyの無料プランを使い、さらには拡張機能やiOS/Androd向けのアプリも合わせて使用してみました。 WorkFlowy - ... 続きを読む

【フロントエンド】新規 Web アプリケーション開発案件をふりかえってみた | NET BIZ DIV. TECH BLOG

2015/03/16 381 users フロントエンド NET BIZ Tech Blog web

【フロントエンド】新規 Web アプリケーション開発案件をふりかえってみた wakamsha2015年3月16日 0 フロントエンド 4 ヶ月あまり続いた新規開発案件がようやく落ち着きを見せたので、ここらで振り返りをしてみたいとします1)リリースまでに巻き取れなかった不具合や未実装箇所が幾つか残っているので、まだ気持ち的には終われていないのですが…。 おおまかなアウトライン コンシューマ ( 一般... 続きを読む

無料＆商用利用可能、武骨でポップな極太日本語フォント「鉄瓶ゴシック」 - GIGAZINE

2014/09/28 431 users GIGAZINE 鉄瓶 鉄瓶ゴシック Illustrator

ボコボコした鉄瓶のアウトラインのような、ゴツゴツした味わいのある日本語フォントが「鉄瓶ゴシック」です。ひらがな、カタカナ、教育漢字、常用漢字、第一水準漢字、第二水準漢字数字、アルファベット、記号に対応しており、PhotoshopやIllustratorで加工して楽しむこともできます。 鉄瓶ゴシック – フリーフォントダウンロード | フォントな自由｜日本語フリーフォント無料ダウンロード http:... 続きを読む

CSSのレイアウトの崩れを見つける時に役立つChromeの機能拡張 -Pesticide | コリス

2014/04/30 150 users コリス CSS Chrome レイアウト ローカル環境

ウェブ制作時の困ったは、CSSのレイアウトが思うようにいかない時。 そんな時に役立つ、ページ上の全ての要素のアウトラインを要素ごとに異なるカラーで表示する便利ツールを紹介します。 PesticideはChromeの機能拡張だけでなく、外部スタイルシートとしても提供されているのでローカル環境でブラウザを問わず利用できます。 Pesticide Pesticide -GitHub Pesticideの... 続きを読む

商用利用無料、シンプルなアウトラインが非常に美しいアイコン素材 -150 Outlined Icons | コリス

2014/03/16 275 users コリス 美しいアイコン素材 商用利用無料

ウェブサイトやアプリで使うさまざまなアイテムが揃った、シンプルな美しいアウトラインで作成されたミニマルなアイコン素材を紹介します。 フォーマットはPSD, AI, SVG, Icon Fontと全て揃ってます！ 150 outlined icons – PSD AI SVG Webfont ダウンロードできるアイコンのフォーマットは全てベクターで、4種類が揃っています。 .psd .ai .svg... 続きを読む

商用利用無料、ミニマルなアウトラインが非常に美しいアイコン素材 -Outline Vector Icons | コリス

2014/01/22 171 users EPS コリス ベクター ミニマル フォーマット

ウェブサイトやアプリで使うさまざまなアイテムが揃った、ミニマルな美しいアウトラインで作成されたシンプルなアイコン素材を紹介します。 ベクターなのも嬉しいポイントです。 150+ Outline Vector Icons Pack ダウンロードできるアイコンのフォーマットは.epsで、ベクターなのでサイズ変更やカラー変更しても利用できます。 アイテムは全部で168種類！ ウェブサイトやアプリでよく利... 続きを読む

あふれでるアイデアを箇条書き、階層化して整理してみよう！ : ライフハッカー［日本版］

2013/04/26 170 users ライフハッカー アイデア 階層化 Dropbox 階層

Dropbox , Webツール , その他 , 最新テック あふれでるアイデアを箇条書き、階層化して整理してみよう！ 2013.04.26 10:00 アウトラインはとても便利なアイデアの整理方法です。テキストデータを箇条書きにし、かつ階層にわけて表示させることで、プロジェクトやTo-Doリストの管理などに役立ちます。 そんなアウトラインを作成、編集して、複数の端末間で同期するシンプルな方法を探... 続きを読む

シンプルなアウトラインがいい感じ！ミニマルなアイコン素材 -Free Outline Icons | コリス

2013/03/10 132 users コリス ミニマル 感じ アイコン素材

Archive by month 2013年3月 (15) 2013年2月 (40) 2013年1月 (37) 2012年12月 (37) 2012年11月 (53) 2012年10月 (60) 2012年9月 (49) 2012年8月 (59) 2012年7月 (65) 2012年6月 (57) 2012年5月 (37) 2012年4月 (40) 2012年3月 (39) 2012年2月 (41... 続きを読む

『C言語の基礎』のレッスンを作るときに参考にさせていただいたサイトまとめ #dotinstall | IDEA*IDEA

2012/10/17 481 users メモリ 順序 エラー dotinstall IDEA

ざっとリンク紹介だけですが、勉強させていただきました。ありがとうございます！ C言語入門 一番わかりやすかったです。内容も適度に詳細で、アウトラインもすっきりと順序だっています。 学校では教えてくれないこと | 技術コラム集（組込みの門） | ユークエスト 「メモリを壊してみましょう！」というタイトルでとても参考になりました。エラーを起こさないためにはまずは起こしてみるのがいいですよね。 組み込み... 続きを読む

XHTML1.0とHTML5のコードを比較してアウトラインを確認してみよう【MdN連載第11回目】 | HTML5でサイトをつくろう

2012/04/10 143 users HTML コード みよう HTML5 XHTML1.0

前回の記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行いました。 HTML5から追加された新要素の使い方を確認してみよう【MdN連載第10回目】 今回はxhtmlとHTML5のコードのアウトラインを確認しながら、各要素のアウトラインについてみてみたいと思います。 アウトラインにつきましてはこちらの記事で説明してあります。 HTML5の「... 続きを読む

いままでまとめたHTML5の勉強をしたさいに作成したまとめ　～HTML5の新要素の説明からマークアップの基本まで～ | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2011/12/14 1655 users Webデザインクリップ 勉強 新要素 マークアップ HTML5

今回は僕がHTML5を勉強するにあたりもう一つのブログ「HTML5でサイトをつくろう」でまとめたページをまとめました。初めて作るならここからやるといいかなとおもったHTML5の新要素、コンテンツモデルやアウトラインについて、xhtmlとHTML5で同じフォーマットをマークアップして違いを比べたりしました。 現在WEB制作で仕事をしながら勉強している人やゼロからやってみようと思う人に仕様書を全部読む... 続きを読む

ほとんどCSSは変えずにxhtmlとHTML5で同じレイアウトの作成と作りながら悩んだことまとめました【サンプルソース付】 | HTML5でサイトをつくろう

2011/09/14 293 users XHTML コーディング CSS Category レイアウト

ほとんどCSSは変えずにxhtmlとHTML5で同じレイアウトの作成と作りながら悩んだことまとめました【サンプルソース付】 Category : HTML5でサイトをつくろう | 2011年09月14日 xhtmlとHTML5で簡単なページレイアウトを作成し、コーディングのタグ違い、新要素（タグ）の説明、アウトラインの説明してきましたが、今回が最終でCSSでレイアウトまでを作成させました。 【前回... 続きを読む

HTML5のアウトラインって何？xhtmlとHTML5のコードを比較してアウトラインを理解しよう！ | HTML5でサイトをつくろう

2011/09/12 422 users コーディング エントリー 初級編 サンプルソース XHTML

前回のエントリーではサンプルソースを基にHTML5の新要素について確認しました。前回のエントリーをご覧になっていない方はこちらからご覧になれます。 【前回のエントリー】 HTML5は難しくない?　HTML5から追加された新要素を理解しよう！【初級編 第2回：HTML5のマークアップ】 HTML5は難しくない!?　XHTML1.0とHTML5のコーディングの違いを確認してみよう！【初級編：HTML5... 続きを読む

[HTML5]アウトラインで迷わない！ sectionと見出しについて | WEBCRE8.jp

2011/09/09 272 users section canvas コーディ API 見出し

webcre8はHTML5を勉強中です(APIだとかCanvasだとかはまだです)。当ブログWEBCRE8.jpもHTML5を用いた自作テーマで作成されています。 皆さんもコーディングしていて「これはどう書くのがベストなんだ？」「これであってるのか？」と迷う事ってよくありますよね。 HTML5でコーディングしていて最近ホントにこれでいいのか？と迷っていたのはsectionと見出しについて。コーディ... 続きを読む

はじめてHTML5でコーディングする時に注意したいアウトラインとかいろいろ

2011/07/27 871 users HTML5 セマンティクス 注意書き HTML 部分

先日ブログをHTML5で作り直しました。その時に思った、HTML5でコーディングするときの注意書きです。アプリケーション機能には触れていません。HTML5のセマンティクスな部分、アウトラインが主な内容です。HTML5の初心者さん向けの記事です。先日このブログをHTML5で作り直しました。その時に思った、HTML5でコーディングするときの基本的な注意書きです。なので、HTML5 をこれからやってみよ... 続きを読む

HTML5 におけるアウトラインに関して簡単解説 | WWW WATCH

2011/07/13 538 users WWW WATCH 簡単解説 誤用 HTML5 セクション

最近、ヨモツネットさんで 「HTML5 でのセクションの誤用にご注意」 なんて記事が出てたり、ちょうど HTML5 Doctor でも 「Document Outlines」 と題してアウトラインの解説記事が上がってたりするので、この 「アウトライン」 について簡単にまとめてみようと思います。解説って言うほど偉そうなものではありませんがなるべくわかりやすく書いてみようかと。 アウトラインを理解する... 続きを読む