検索対象

並び順

ブックマーク数

セーフサーチ

期間指定

  • から
  • まで

htmlの検索結果(絞り込み: 3 users 以上)90581 件中 1 - 40 件目

  • いくつ知ってる?HTML/CSSの便利な小技・テクニックまとめ | Web Design Trends

    HTMLやCSSはブラウザのアップデートによって使えるものが増えたり、より簡単に機能を実装できるようになることがあります。 少し前まではJavaScriptで行わなければならなかったことが、HTMLと...

    いくつ知ってる?HTML/CSSの便利な小技・テクニックまとめ | Web Design Trends
    • プログラミングの副業おすすめ3選!初心者プログラマーでも月5万稼げる方法を現役エンジニアが教えます | AndMore

      プログラミングができれば、副業で稼ぐことができることをご存知でしょうか。 副業解禁の時代になり、副業でプログラミングをする人が増えています(主にプログラマーが多いです)。 エンジニアとして...

      プログラミングの副業おすすめ3選!初心者プログラマーでも月5万稼げる方法を現役エンジニアが教えます | AndMore
      • div要素の見た目は矩形だけじゃない!UI要素をさまざまな形状のデザインに拡張するスタイルシート -augmented-ui | コリス

        Webページやアプリに、サイバーパンクにインスパイアされたユーザーインターフェイスを簡単に実装できるCSSを紹介します。 下記の要素はdiv要素が一つだけ。角を斜めにカットしたり、辺に窪みを加えた...

        div要素の見た目は矩形だけじゃない!UI要素をさまざまな形状のデザインに拡張するスタイルシート -augmented-ui | コリス
        • 人間のためのHTML Parseライブラリ『Requests-HTML』で楽しくデータクローリング - フリーランチ食べたい

          Pythonを使ったデータクローリング・スクレイピングは、エンジニア・非エンジニアを問わず非常に人気や需要のある分野です。しかし、いざデータクローリングしようとすると、複数ライブラリのAPIや、ラ...

          人間のためのHTML Parseライブラリ『Requests-HTML』で楽しくデータクローリング - フリーランチ食べたい
          • これでもう、グラデーションにできてしまう濃淡の縞に困らない!バンディングをおさえるJavaScriptライブラリ | コリス

            制作時の最適なモニターや最適な照明環境で美しいグラデーションを作成しても、ビジターの環境ではバンディングと呼ばれる濃淡の縞ができてしまうかもしれません。 Webページの背景などに使用するグラ...

            これでもう、グラデーションにできてしまう濃淡の縞に困らない!バンディングをおさえるJavaScriptライブラリ | コリス
            • 30分以内に結果が出る高度なSEOテクニック | アイオイクスのSEO・CV改善・Webサイト集客情報ブログ|SEO Japan

              SEOの施策は数あれど、施策の効果が反映されるまではある程度の期間が必要となる場合がほとんどです。 今回の記事はFAQとQ&Aのリッチリザルトについての記事となりますが、たしかにこの施策であれば、...

              30分以内に結果が出る高度なSEOテクニック | アイオイクスのSEO・CV改善・Webサイト集客情報ブログ|SEO Japan
              • X3D: Declarative 3D for the Modern Web

                Introduction Modern web technologies enable developers to create clean, yet visually rich, user experiences which are widely supported as standard by all of the major browsers. So, how do...

                X3D: Declarative 3D for the Modern Web
                • augmented-ui - Integrate your apps with technology

                  augs plural noun, abr. 1. Pieces of technology, often large, integrated into the squishy human body. Common in the cyberpunk genre. 2. clip-path partials integrated into an app's flexible...

                  augmented-ui - Integrate your apps with technology
                  • 33分でポートフォリオサイトを作成・デプロイまでする裏技とは!? - Qiita

                    33分でポートフォリオサイト作成 「未経験者が転職のため少しでもアピールするには、ポートフォリオサイトを作った方がいい」 私は未経験からWebエンジニアを目指してプログラミンングスクールに通って...

                    33分でポートフォリオサイトを作成・デプロイまでする裏技とは!? - Qiita
                    • はてなブログ、「見出し」のカスタマイズ。 - 世界の片隅からツッコミを入れる

                      はじめに 「見出し」の設定 「hタグ」 「デザインCSS」 「hタグ」の変更 はじめに カスタマイズ前の確認事項等は、下記の記事を参照して下さい。 www.sekasumi253.com 「見出し」の設定 「見出し」に...

                      はてなブログ、「見出し」のカスタマイズ。 - 世界の片隅からツッコミを入れる
                      • Webはここまで進化中!コピペもできるHTML/CSS参考スニペット84個まとめ - PhotoshopVIP

                        この記事では、Webサイトやモバイルアプリにあっと驚くエフェクトを、コピー&ペーストで実装できる最新 HTML/CSS スニペットをまとめてご紹介します。 スニペット(英: Snippet)とは、一般的に「切れ...

                        Webはここまで進化中!コピペもできるHTML/CSS参考スニペット84個まとめ - PhotoshopVIP
                        • Logical Operations with CSS Variables | CSS-Tricks

                          Very often, while using switch variables (a variable that's either 0 or 1, a concept that's explained in a greater detail in in this post), I wish I could perform logical operations on th...

                          Logical Operations with CSS Variables | CSS-Tricks
                          • これなら簡単!CSSのみで、ボタンやアイコンに気持ちいいさまざまなアニメーションを加える -UI interactions | コリス

                            ボタンやアイコン、アロー、ハンバーガーメニューなど、UIでよく使用される要素にインタラクションを加えるスタイルシートを紹介します。HTMLはbutton要素だけのシンプルな構成で、classを与えるだけで...

                            これなら簡単!CSSのみで、ボタンやアイコンに気持ちいいさまざまなアニメーションを加える -UI interactions | コリス
                            • https://jjkaufman.github.io/laptop.css/index.html

                              • GitHub - jjkaufman/laptop.css: laptop CSS for the modern world

                                Dismiss Join GitHub today GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together. Sign up

                                GitHub - jjkaufman/laptop.css: laptop CSS for the modern world
                                • Chrome DevTools の使い方 | murashun.jp

                                  DevTools とはElementsStylesComputedEvent ListenersDOM BreakpointsPropertiesAccessibilityConsoleメッセージスタッキングコンソールの履歴実行コンテキストの選択コンソール出力のフィルタリングコ...

                                  Chrome DevTools の使い方 | murashun.jp
                                  • 製造業からWeb業界へ転進──藤川真一(えふしん)が追い求める「エンジニアが主役」の世界とは - sight 次世代を生み出すテクノロジーの視点

                                    7月にBASEのCTOを退任し、新たにEVP of Developmentに就任した「えふしん」こと藤川真一さん。慶應義塾大学大学院でメディアデザインの研究員も務めている。コードも書くし、マネジメントもするし、メ...

                                    製造業からWeb業界へ転進──藤川真一(えふしん)が追い求める「エンジニアが主役」の世界とは - sight 次世代を生み出すテクノロジーの視点
                                    • スマートフォンのバッテリーをより急速に消費させるのはどのようなウェブサイトなのか - GIGAZINE

                                      スマートフォンやタブレットでウェブサイトを閲覧していると、思っていたより早くバッテリーを消費していることがあります。サイトによってバッテリー消費が異なるのは確かで、実際のところ、どういっ...

                                      スマートフォンのバッテリーをより急速に消費させるのはどのようなウェブサイトなのか - GIGAZINE
                                      • CSSデバッグを少し手伝ってくれる小さなスクリプト・「debugCSS.js」 | かちびと.net

                                        debugCSS.js debugCSS.jsはCSSのデバッグ作業を少しだけ手伝ってくれる小さなスクリプトです。サイズは非圧縮でも1kb、圧縮版は600バイトほどです。 何をしてくれるかは上サンプルの通り、要素にアウト...

                                        • Can I email… Support tables for HTML and CSS in emails

                                          Latest features HTML <video> element, September 16, 2019 HTML <table> element, September 15, 2019 HTML <textarea> element, September 10, 2019 HTML <select> element, September 10, 2019 HTM...

                                          Can I email… Support tables for HTML and CSS in emails
                                          • UI Interactions | Raphael Fabeni

                                            copy.ui-arrow-02 { position: relative; width: 30px; height: 30px; border: none; background-color: transparent; transition: transform 0.3s ease; } .ui-arrow-02:before, .ui-arrow-02:after {...

                                            UI Interactions | Raphael Fabeni
                                            • かなり便利!VS CodeでCSSを書きながらFlexboxのチートシートを利用できる -CSS Flexbox Cheatsheet | コリス

                                              Visual Studio CodeでCSSを書きながら、CSS Flexboxのチートシートを利用できる機能拡張を紹介します。 justify-contentやalign-itemsはどう使うんだっけ? justify-contentの値は? など、Flexboxの各...

                                              かなり便利!VS CodeでCSSを書きながらFlexboxのチートシートを利用できる -CSS Flexbox Cheatsheet | コリス
                                              • 「img要素をpで囲う」仕様を読むのがめんどくさい人向け解説 - m31

                                                web屋さんたちのTLで話題沸騰の「img要素、下から見るか?横から見pで囲うか?」問題について、Twitterでもやいのやいの言っていますが、件のツイートで挙がっている項目について、独自解釈ではなく、...

                                                「img要素をpで囲う」仕様を読むのがめんどくさい人向け解説 - m31
                                                • nofollow属性を順守するのはやめるとGoogleが発表、新たに2つのリンク属性も登場 - GIGAZINE

                                                  by Charles 広告やスポンサーコンテンツを検索結果に影響させないようにするためや、リンク先へのページ評価の受け渡しを無効化するためのnofollow属性が進化するとGoogleが発表しました。新たに「spon...

                                                  nofollow属性を順守するのはやめるとGoogleが発表、新たに2つのリンク属性も登場 - GIGAZINE
                                                  • 1000ページ超の大規模サイトのサイトマップを1分で作成する方法 | A.C.O. Journal | A.C.O. Inc.

                                                    こんにちは、UXIA部の曽です。主に情報設計の部分を担当しています。 A.C.O.ではWebサイトのリニューアル案件を多く取り扱っているため、現状調査の一環として既存サイトのサイトマップ(サイト構造図...

                                                    1000ページ超の大規模サイトのサイトマップを1分で作成する方法 | A.C.O. Journal | A.C.O. Inc.
                                                    • Googleがrel=nofollow属性の扱いを変更。sponsored属性とugc属性を新たに導入 | 海外SEO情報ブログ

                                                      [レベル: 上級] rel="nofollow" 属性の扱いを Google は変更しました。 従うべき命令としてではなく、手がかりのためのヒントとして利用するようになります。 また、nofollow の派生型として、link タ...

                                                      Googleがrel=nofollow属性の扱いを変更。sponsored属性とugc属性を新たに導入 | 海外SEO情報ブログ
                                                      • Official Google Webmaster Central Blog: Evolving “nofollow” – new ways to identify the nature of links

                                                        accessibility 10 advanced 195 AMP 13 Android 2 API 7 apps 7 autocomplete 2 beginner 172 CAPTCHA 1 Chrome 2 cms 1 crawling and indexing 156 encryption 3 events 50 feedback and communicatio...

                                                        Official Google Webmaster Central Blog: Evolving “nofollow” – new ways to identify the nature of links
                                                        • 「1冊ですべて身につくHTML&CSSとWebデザイン入門講座」を一通りやってみての感想 - デザインキブン

                                                          こんにちは 以前から勉強していた「1冊ですべて身につくHTML&CSSとWebデザイン入門講座」が昨日で一通り、完了しました! CHPTER5以降になると、CSSの指定も増えてきたりレスポンシブデザインを考えた...

                                                          「1冊ですべて身につくHTML&CSSとWebデザイン入門講座」を一通りやってみての感想 - デザインキブン
                                                          • [CSSアニメーション]三(卍^o^)卍←こいつのこれ→卍を回したい - Qiita

                                                            この記事は 三(卍^o^)卍 三三(卍^o^)卍 三三三(卍^o^)卍 こいつ、すごいかわいい。 すごいかわいいので、動かしたくなった。 See the Pen ドゥルルルルル by Mayu Mameuda (@mayu-mameuda) on CodePen. まず...

                                                            [CSSアニメーション]三(卍^o^)卍←こいつのこれ→卍を回したい - Qiita
                                                            • augmented-ui - Integrate your apps with technology

                                                              augs plural noun, abr. 1. Pieces of technology, often large, integrated into the squishy human body. Common in the cyberpunk genre. 2. clip-path partials integrated into an app's flexible...

                                                              augmented-ui - Integrate your apps with technology
                                                              • テキストエディタだけで絵が描ける!?CSSとSVGで作る風景イラスト12選|SeleQt【セレキュト】

                                                                SVGとは画像形式の1つで、おなじみのJPG形式やPNG形式と違い、2次元ベクターなので拡大縮小しても画質が落ちないというメリットがあります。また、XMLというマークアップ言語で記述されるため、テキ...

                                                                テキストエディタだけで絵が描ける!?CSSとSVGで作る風景イラスト12選|SeleQt【セレキュト】
                                                                • CSSで実装したレイアウトの構造や階層を簡単に確認できる、私のお気に入りのCSSハック -My favorite CSS hack | コリス

                                                                  flexboxで実装したレイアウトはもちろん、floatでもgridでもCSSで実装したレイアウトの構造や階層を確認できるスタイルシートを紹介します。 ページ上の各要素のサイズ・マージン・パディングなどに不...

                                                                  CSSで実装したレイアウトの構造や階層を簡単に確認できる、私のお気に入りのCSSハック -My favorite CSS hack | コリス
                                                                  • 数千のLinuxサーバ、ランサムウェア「Lilu」に感染 - 経路は不明 | マイナビニュース

                                                                    Fossbytesは9月7日(米国時間)、「Thousands Of Linux Servers Infected By Lilu (Lilocked) Ransomware」において、世界中のLinuxサーバがLilockedまたはLiluと呼ばれるランサムウェアに感染していると...

                                                                    数千のLinuxサーバ、ランサムウェア「Lilu」に感染 - 経路は不明 | マイナビニュース
                                                                    • つまずきやすいBootstrapボタンの基本カスタマイズ方法総まとめ - PhotoshopVIP

                                                                      ボタンは、あらゆるインターフェースの土台となるベースラインコンポーネントです。Bootstrap フレームワークに関しても同様で、シンプルだからこそ細部が重要です。Bootstrapのボタンは、単なる長方形...

                                                                      つまずきやすいBootstrapボタンの基本カスタマイズ方法総まとめ - PhotoshopVIP
                                                                      • 10 CSS Fixed Backgrounds

                                                                        Hand-picked HTML and CSS code examples, tutorials and news.

                                                                        10 CSS Fixed Backgrounds
                                                                        • Firefox69で多段タブ表示 | カメとヒヨコの海外ロングステイ〜零

                                                                          2019年09月05日07:10 カテゴリ カテゴリ: 情報的なこと > パソコン・ネット・携帯電話 Firefox69で多段タブ表示 タグ :Firefox多段タブ Firefox69にバージョンアップされて、また多段タブが表示されな...

                                                                          • App Updates for HTML5 Apps - News - Apple Developer

                                                                            September 6, 2019 In order to provide users with the secure and curated experience that they expect on the App Store, we have always specified that apps must be self-contained bundles. Th...

                                                                            App Updates for HTML5 Apps - News - Apple Developer
                                                                            • JavaScriptのせいでSEOに大失敗したサイトの事例 | 海外&国内SEO情報ウォッチ | Web担当者Forum

                                                                              Web担当者に役立つ最新情報JavaScriptのせいでSEOに大失敗したサイトの事例 元グーグル社員がシェア (Pedro Dias on Twitter) 海外情報サイトでJavaScriptを積極的に使うようにリニューアルしたこと...

                                                                              JavaScriptのせいでSEOに大失敗したサイトの事例 | 海外&国内SEO情報ウォッチ | Web担当者Forum
                                                                              • CSSの可能性は無限大!ウゴウゴルーガみたいに文字をジジジと波打つように震わせる -Squigglevision | コリス

                                                                                若い人は知らないかも、、、昔ウゴウゴルーガで見たような、文字をジジジと波打つように震わせるアニメーションを実装するCSS+SVGを紹介します。 この動きの名称は何かなと思って調べてみたら、「Squig...

                                                                                CSSの可能性は無限大!ウゴウゴルーガみたいに文字をジジジと波打つように震わせる -Squigglevision | コリス
                                                                                • Camelot - PDFからテーブル情報を抽出 MOONGIFT

                                                                                  請求書などの帳票と自社システムを連携したいと考えることはよくあります。その際には送付されてくるPDFから情報を読み取って、データベースに入れたりします。しかし、PDFを解析するのは大変です。 そ...

                                                                                  Camelot - PDFからテーブル情報を抽出 MOONGIFT