ウェブ配色ツールが新しくなりました 1色を作れば自動的に配色を作るツールです。難しいツールではないので、多分使えばわかると思います。この写真も変えることができます。
![ホームページ配色ツール Ver3 | フォルトゥナ](https://cdn-ak-scissors.b.st-hatena.com/image/square/b7e2383a9f89a93ae9763784db8df4f79fda4a70/height=288;version=1;width=512/https%3A%2F%2Fwww.color-fortuna.com%2Fcolor_scheme_genelator3%2Fimages%2Fogp.jpg)
In the dynamic realm of web design, even the smallest elements can make a substantial impact on the overall user experience. Among these, checkboxes play a crucial role in forms, surveys, and various interactive interfaces. They offer an opportunity not just for functionality but also for aesthetic enhancement. We are excited to present the collection of CSS checkboxes, a handpicked assortment of
プルダウンに親子関係 select要素にjQueryを使って親子関係を持たせる方法をご紹介します。 まずは実際に下記にサンプルを用意しました。 実際のソース HTML 都道府県のoption要素にdata-valがあることに注目してください。 同じ地方に属する都道府県は同じ値になっています。 <select class="parent" name="foo"> <option value="" selected="selected">地方を選択</option> <option value="北海道・東北">北海道・東北</option> <option value="関東">関東</option> <option value="甲信越・北陸">甲信越・北陸</option> <option value="東海">東海</option> <option value="関西">関西</opt
こんにちは。traP Advent Calendar 2016 12日目担当のponyaです。 今回は11月に出たばかりのJavaScriptフレームワークSvelteを触ってみたいと思います。 はじめに 知っている方は知っての通り、今JavaScript界隈では新しいツールやフレームワークが次々と出ては消えるというような感じで、これを学べば何年後でも古い言われないものが存在しないと言っても過言ではありません。(今のJavaScript界隈の状況がよくわかる記事→『2016年にJavaScriptを学ぶとこんな感じ』) JavaScriptのフレームワークをよく知っている人であれば「また新しいフレームワークか・・・お前もどうせ消えるんだろ?」といった感じかもしれません。ただ、このSvelteは他のJavaScriptフレームワークとは少し毛色が違うところもあるのでそこも含めて触っていこうと
JavaScriptはフレームワークについて考え直すときが来ています / Svelteを使ってみた これはFrameworks without the framework: why didn't we think of this sooner?の日本語訳です。 フレームワークのないフレームワーク 何故我々はこの可能性をもっと早く考えなかったのか 素のJavaScriptでは重要なアプリを書こうとしても必ず壁にぶつかってしまう。 でもコンパイラなら…コンパイラならきっと何とかしてくれる…!! 待って、このFWはランタイムが入ってるのかい?……うん、今回はパスで。 -- 2018年のフロントエンドエンジニア 我々は、あまりに多くの無駄コードをばらまきすぎています。 多くのフロントエンドエンジニア同様、私もその事実を否定していました。 だってたった100kb程度のJavaScriptだぜ、小さな
よらりるれろんあにぬえおかきくまよらりるれろんあいるれろんあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろんあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろんあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろん
ネット上で自分を過剰に演出し、一見すごそうな人物に見えるが、実は中身がまるで追いついていない──いわゆる「意識高い系」と呼ばれる人々がいる。そんな、ネット上ではもっぱら揶揄される存在である「意識高い系」。その精神構造と来歴を分析し、『「意識高い系」の研究』(文春新書)としてまとめた古谷経衡(ふるや・つねひら)さんに話を聞いた。(聞き手/ダイヤモンド・オンライン編集部 小野寺暁子) ──なぜ、今回、「意識高い系」の人を取り上げようと思ったのですか。 セミナーやパーティーに参加した自撮り写真、高級ホテルでの食事や、新幹線のグリーン車での移動、スタバでノートパソコンを出して仕事している様子など自分の瀟洒な生活ぶりをSNSでひけらかす──。「最近、そんな気持ち悪いヤツ増えているよね」というのが、共通認識になってきました。 ネット社会になって久しいですが、ボタン一つでSNSなどに写真をアップで
ゲームのすべてを残す 皆さんはゲーム保存というと何をイメージしますか? 天井まで積まれた膨大なゲームのコレクションをイメージする方は多いと思いますし、以前は私もその一人でした。 もしもゲーム保存がこれぞというゲームをコレクションすることであるなら、そのゲームはいったいどのような基準で選ばれるべきなのでしょうか? ゲーム保存協会の理事長であるジョゼフさんと知り合った当初、「後世に残すべきゲームとそうでないゲームは誰がどのように区別するのか?」と質問したのですが、彼の答えは私の目を大きく見開かせるものでした。 「すべてのゲームを残します。今の時代に価値が無いと思われたゲームが後世に価値を見出されるかもしれないから。同じ理由で、ゲームだけでなく、パッケージやマニュアル、当時遊んだ人のテクニックや記憶もすべてがゲーム保存の対象なのです。」 すべてのゲームを残す・・・ゲームのすべてを残す・・・。 途
今から13年前のできごとだから記憶違いもあるかもしれないのは容赦いただきたい。 自分が19歳だったころ知人のツテで小さなIT会社で働いていた。その頃の僕はウェブサイトの企画、顧客との打ち合わせという名の折衝、デザインからコーディング、PHPというサイトに係るほぼすべての業務を行いつつ、新しく入ってきたデザイナーの子(好みだったけど肩幅が広かったから好みじゃなかった)の教育とかをやっていたと記憶している。 週5で実質一日12時間位働いて月12万という単純明快な給与には大して文句はなかった。今思えばめちゃくちゃ文句があるんだけど僕は物欲がなかった上に、自由に好き勝手やれる点で割と楽しんでいた。 社長との距離は近かった。というより社長くらいしか話す相手があまり見当たらなかった。技術を信頼されていたのもあるけれど、ものすごい勢いで人が入ってきて且つものすごい勢いで人が辞めていく職場だったからでもあ
株式会社ノート(NOHT CO.,LTD.)はウェブサイトやサービスの企画・運営、システムやアプリケーションの開発を行っています。
Webアプリケーションでできることは増えていますが、それでもローカルのファイルシステムに触れたりすることはできません。Web技術でそういった問題を解決するものとしてElectronが知られていますが、できあがるバイナリサイズが大きかったりするのが難点です。 そこで使ってみたいのがLHTMLです。ごく簡単にローカルで動くWebアプリケーションが開発できます。 LHTMLの使い方 LHTMLの例です。ローカルのアプリケーションとして動作します。 LHTMLの面白い点としてはHTML/JavaScript/スタイルシートをZipで圧縮するだけということです。それをLHTMLで実行すると、解凍した上で専用のWebViewの中に描画します。Zip圧縮されているので配布は一つのファイルで済むという具合です。 LHTMLはWindows/macOS/Linux用のオープンソース・ソフトウェア(Apach
「ムー」の中の人はどこまで信じて原稿を書いているのか――。オカルト系雑誌「月刊ムー」に、科学雑誌「Newton(ニュートン)」が「禁断の質問」で切り込む出来事があった。 公式アカウント同士の「直接対決」は、見事な答えを出したムーに軍配が上がった。 「ブロック覚悟」で質問 発端は、「ニュートン」公式アカウントの「ムーの中の人は、どこまで信じて原稿を書いているんですか?」という2016年5月17日のつぶやきだった。 1979年創刊の「ムー」は「世界の謎と不思議に挑戦するスーパーミステリーマガジン」がコンセプトの月刊誌(学研プラス刊)。UFOや超能力、未確認動物、超常現象など、さまざまな「オカルト的」なテーマを扱うことで知られる。 「ニュートン」アカウントが「ムー」について触れることはこれまでもあったが、これほど大胆な質問をするのは今回が初めてだ。勇気を振り絞った行動だったようで、文末には「ブロ
インフラをアレしてる佐野です。Pull Request(以下、p-r)が発行されると、そのp-rのコミットIDでデプロイされた環境を自動構築する仕組みを作ったので、今日はそれについて。マージ直前の環境が立ち上がるのでレビューアはレビュー時にコードを追うだけでなく、ブラウザ/アプリの接続先をこの環境に向きかえることで実際のアプリケーションの動作も確認できるようになります。レビューが非常に捗ります。 動作 仕組み GitHubのWebhookについて 自動構築の処理 Dockerの活用 tmpfsの活用 まとめ 1. 動作 こんな感じです。ここで、この通知するボットおよびこの仕組みを以下、シャイニング・ウィザードと呼ぶことにします。シャイニング・ウィザードというのは好きなプロレスの技でして最初はこの基盤の仮名だったのですが、チーム内で定着してしまったのでもうこれでいいや的な…。ちなみに、Ama
[ロンドン 7日 ロイター] - ロンドン大学が主導して行われた研究で、電子たばこの使用は従来のたばこに比べはるかに安全で、毒性が少ないことが分かった。 アナルズ・オブ・インターナル・メディスン誌に掲載されたこの研究では、従来のたばこから電子たばこまたはガムなどのニコチン置換療法(NRT)に切り替えて6カ月以上経過した人の唾液と尿から検出された有毒化学物質と発がん物質のレベルが、従来のたばこで喫煙を続けた人の水準を大きく下回った。 研究を率いたロンドン大学の疫学・公衆衛生専門家ライオン・シャハブ氏は「われわれの研究は、電子たばことNRTは従来の喫煙よりはるかに安全であることをあらためて示したほか、これらを長期間行った場合のリスクが極めて低いことを示唆している」と述べた。 ただ、喫煙を完全に止めていない人の場合は同等の低下が見られず、長期的な効能を得るには完全な切り替えが不可欠であるこ
大規模なユーザビリティ調査によって、現在、最も一般的かつ有害なWebデザインの間違いが明らかになったが、そうした間違いは意外なものでも新しいものでもなかった。つまり、それらは課題としてずっと続いており、Webサイトのユーザビリティを損ない続けているのである。 Top 10 Enduring Web-Design Mistakes by Amy Schade, Yunnuo Cheng, and Samyukta Sherugar on October 30, 2016 日本語版2017年2月23日公開 1996年以来、我々はWebデザインの間違い・トップ10のリストを作成してきているが、現在のWebデザインの間違いを調べるために、今年もアメリカとイギリスで215人の参加者からなる大規模なユーザビリティ調査を実施した。小さな地場企業からエンターテインメントサイト、非営利団体、グローバル企業に
「記事 × WEB演出」の実験サイト こんにちは、佐藤ねじと申します。ふだんは、WEBやアプリ、インスタレーションなどデジタルコンテンツを作ることを仕事としています。 このたび「変なWEBメディア」という名前の、ちょっと変わったWEBメディアを作ってみました。僕はライターではないし、ジャーナリズムについて語れることは何もありません。そんな人間が、なぜ今さらWEBメディアを作ったのか…。 実は、このサイトは「WEBメディア」と名前がついていますが、いわゆる「ネットニュースのメディア」ではありません。WEBメディアの「記事」というフォーマットを使って、スマホ時代における新しいテキスト表現の在り方を模索する「動いたり、変なことが起こるテキストサイト」なのです。 記事が動くと面白い なぜ記事の形で、インタラクティブコンテンツを作ろうと思ったのか。それは、多くの人がネットニュース依存しているからです
上達する近道は、まず他人を真似ることから。SnappySnippetなら、お気に入りのUIパーツのHTML/CSSを抽出して、見やすく整えてくれます。 先週の夜、子どものとき以来久しぶりに映画『E.T. ジ・エクストラ・テレストリアル』を鑑賞していたときのことでした。「子ども時代の思い出補正」があったのかもしれませんが、「この映画はすごい」と思いました。スティーヴン・スピルバーグは、やせた子供たちと不格好な人形というだけの設定から、よくもこれだけの物語を織り出したなと思ったのです。 中でも自分にとってもっとも印象的だったのは、学校の生物の授業のシーンでした。11歳の主人公の少年、エリオットとクラスメイトのそれぞれに、クロロホルムに浸して解剖するようにと生きたカエルが与えられます。 エリオットは「自分はカエルの解剖ができない」と判断し、理科の授業からカエルを「大脱獄」させようと思いつきます。
li/optionタグ生成フォーム リスト化したいテキストを改行して入力してください 送信 パスワード生成フォーム 使用可能な文字: 英字(大文字) 英字(小文字) 数字 記号(/*-+.,!#$%&()~|_): あり なし 文字数: 8文字 12文字 自由入力 パスワードを生成
キヤノン「EOS R1」と「EOS R5 Mark II」は、7月の第3週に正式発表される!?(471views) ソニーの「ZV-E10 II」がもうすぐ登場する!?(352views) ソニーの「ZV-E10 II」が7月10日に発表される!?(336views) ソニー「RX100 VIII」が2024年末までに登場する!?(168views) ソニーが「NP-FZ100」バッテリーと同じサイズで互換性のある、容量アップした製品を発表する!?(152views) ニコンが「NIKKOR Z 35mm f/1.4」を正式発表。(150views) ニコンが間もなく「NIKKOR Z 35mm f/1.4」と同じシリーズの「NIKKOR Z 50mm f/1.4」を発表する!?「NIKKOR Z 35mm f/1.2 S」も登場!?(123views) 富士フイルムから近日中に「REAL
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く