jsdo.itjsdo.it 2022 著作権. 不許複製 プライバシーポリシー
HTMLページのチェックボックスがチェックされているか取得する (JavaScript プログラミング)
JavaScriptでチェックボックスがチェックされているか取得するコードを紹介します。 概要 JavaScriptでチェックボックスがチェックされているか、チェックされていないかを確認したい場合があります。 チェックボックスのチェック状態を取得するには、チェックボックスオブジェクトのcheckedプロパティの値を参照します。 チェックボックスのチェック状態を取得する別の方法として、Formでサーバーに送信してサーバープログラムで受け取る方法があります。 サーバーサイドの実装はいろいろありますが、ASP.NETでの実装はこちらの記事、 RazorPagesでの実装はこちらの記事を参照してください。 コード 以下のコードを記述します。 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-e
Buttons in UI Design: The Evolution of Style and Best Practices
Button is an ordinary, every-day element of interaction design. Although button looks like a very simple UI element, its design has changed a lot over the past decades. But still button UX design is always about recognition and clarity. In this article we’ll overview the evolution of the button design and figure out what is the most important best practices you should follow in order to create eff
Fake it 'til you Make it CSS | Kenan Yusuf
In the past few years, I have been spoilt with high-speed broadband that makes browsing the web a stress-free task. But realistically, not everyone has fibre optic, and a lot of people consume web content through 3G. Where am I going with this? Well, I think we can all agree that there is nothing worse than a white page with content slowly populating, so why don’t we fake it until the content make
プロデザイナーも実践する、フォトショップの便利なショートカット36個まとめ
フォトショップでの作業に時間がかかってしまう、というひとは多いでしょう。作業をはじめると、同じ作業を延々と繰り返していることがあります。そんなときは便利なショートカットをつかうことで、何度もツールパネルをクリックすることなく、さまざまな機能を楽に、そしてスピーディーに実現することができます。 今回は、フォトショップの生産性がグンとアップする便利なショートカット機能36個をまとめてご紹介します。レイヤーの作成やサイズ変更といった、ビギナーさんがまず覚えておきたい基本ショートカットから、あまり知られていないプロ向け実践ショートカット（手がつりそう。）まで幅広く揃います。
The State Of CSS Reflections | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! I recently saw this loader on CodePen, a pure CSS 3D rotating set of bars with a fading reflection. It’s done by using an element for each bar, then duplicating each and every one of these elements to create the reflection and finally adding a gradient cover to create the fading effect. Whic
Building Themes with CSS4 Color Features
I’ve been experimenting lately with a new way to apply color values in my CSS. Instead of setting explicit values for each color, I calculate the entire palette from a small set of base colors. It’s not an applicable solution for every project, but it might be an interesting alternative method to consider. There’s something about the way I’ve traditionally applied CSS color values that seems off.
Shadow DOM v1でHTMLの内容と構造を分離する
近年ではウェブに対する要求が肥大化しており、それに対応してHTMLも複雑化してきています。しかし、もともとHTMLはウェブアプリを記述するための言語ではありません。大規模なウェブアプリを作成するとなると、様々な点で不都合が出てきてしまいます。特に、まとまった部品をコンポーネント化して扱う機能に欠けていました。このことが私たちを悩ませ、今まで多くの苦労を引き起こしていました。 でも、もう悩まなくてもよくなるかもしれません。HTMLをコンポーネント化する規格が生まれました。それがWeb Componentsです。 Web ComponentsとShadow DOM Web Componentsは次の4つの部分からなる規格です。 Templates Shadow DOM Custom Elements HTML Imports 今回は、このうちのShadow DOMに焦点を当てていきたいと思いま
100+ Emulators Written in JavaScript - Hacker Lists
A list of emulators written in the JavaScript programming language. If you know about any emulators not on this list, please let me know in the comments section. And be sure to check out our other comprehensive JavaScript lists of free javascript books and JavaScript data visualization libraries. Acorn ElkJS – JavaScript based Acorn Electron emulator (Source) Acorn Atom Emulator – by Phil Mainwari
[意外と知らないCSS]テーブルの列幅を均等にするtable-layout:fixed | Cappee Design
あとで読みたい人は… 去年花粉症デビューした、@cappeeです。 いつまで続くかわからない意外と知らないCSSシリーズ第１弾です。 デフォルトだと自動レイアウトになっているため、セル内の文字数などによって自動的に列幅が調整されてしまいますが、table-layout:fixed を指定すると列幅を固定して均等にすることができます。 table-layout の説明 table-layout:fixed; テーブルの列幅を固定レイアウトにして均等にします。 table-layout: auto; デフォルトの値です。自動レイアウトでセルの内容によって列幅が調整されます。 table-layout:fixed の記述例 table { width: 100%; table-layout: fixed; } tableセレクタには横幅の指定が必要です。 table-layout:fixe
チームでコードを書き始めた後、「どうやらレビューってやつをした方が良いらしい」くらいの若手に向けた資料です。
code_review_basics.md コードレビューの基本 一番大事な事 ソースコードはプロジェクトの共同所有物である 誰かだけが触れるコードを無くす 自分だけが持っているコードを無くす 自分だけが触っている時間を短くする コードレビューで大事な事 コードレビューは... 相互学習型のプロセスである メンバが成長することが大事 相互学習とは レビュアーとレビュイーが、お互い学び合うこと 考え方を共有すること 質問することで学ぼう 一番できる誰かだけが教えるのではない 知識や経験の少ない人が何に躓いているのか学ぼう メンバの成長 同じミスをチーム内で繰り返さないことが成長 ミスを繰り返さないために 本人の問題にしない 明日はわが身 仕事の正しい手順を覚えよう 道具の正しい使い方を覚えよう コードレビューの心構え 伝えることが大事 改善するまでがレビュー レビューにコストをかけ過ぎない
開発速度を上げるための Pull-Request のつくり方 - クックパッド開発者ブログ
こんにちは、投稿開発部の森川 (@morishin127) です。クックパッド、お料理アルバム、みんなのお弁当の iOS アプリの開発等に携わっています。 クックパッドでの開発は GitHub Enterprise 上で行われており、書いたコードをプロダクトに取り込む前には基本的に第三者のコードレビューが必須です。コードレビューはプロダクトの品質向上に貢献していますが、往々にして結構な時間と労力がかかるものです。Pull-Request を出してレビューをしてもらい指摘の修正を繰り返していると、場合によってはマージに数日〜1週間ほどかかってしまうこともあります。自分の開発速度を速めるため、また周りのエンジニアの開発速度を下げないためにレビューしやすい Pull-Request を出すことは重要です。この記事ではレビューしやすい Pull-Request のために心がけていることを紹介したい
Go Back With Backspace - Chrome Web Store
Re-enables the backspace key as a back navigation button (except when writing text). Go back with the backspace button! This extension re-enables the backspace key as a back navigation button -- except if you're writing text. What's New in 3.0: ================== * Updated to Manifest V3. Before Chrome 52, the backspace key navigated back (if you weren't writing text). Many people lost their progr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Progressive Framework