Introducing the Bento component library | bentojs.dev
Hello World! Today we’re excited to launch our Bento components. What are Bento components, you ask? They are performant components with great user experience baked into them! We hope you try them out and give us feedback! Bento components are the result of a project by the AMP team that started 2 years ago to address feedback from publishers. They offer similar performance benefits as AMP compone
Webサイトをダークモードに対応させよう
Webサイトをダークモードに対応させようダークモードとは画面の背景を黒基調にしたデザインのこと。OS側での設定の他、人気アプリやWebサイトで続々対応されています。これまでは明るい部屋でモニターを眺めることが多かったのですが、スマートフォンの普及で暗い場所でも画面を見る機会が増え、夜間目に優しいダークモードが増えてきているわけですね。有機ELディスプレイでは省エネにもなるそうです。今回はそんなダークモードの設定を紹介します！ とにかく夜間見えづらい！私、夜間に車を運転していると、暗い所では対向車のライト以外ほとんど何も見えない状態なんですが、みんなそんなもんだと思ってたんですよね。でも話しているとどうやら私以外の人はライトじゃない部分もちゃんと見えていると…。みんな見えてるからちゃんと運転できてるってことか！こりゃー私には危険だわってことで夜間の運転はやめました。運転していなくても田舎道の
Vue.js入門 ―最速で作るシンプルなWebアプリケーション 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2026 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
【翻訳】リッチなWebアプリケーションのための7つの原則 - from scratch
はじめに この話はGuillermo Rauch氏が書いたhttp://rauchg.com/2014/7-principles-of-rich-web-applications/ という記事の翻訳です。許可を得て翻訳しています。 ここ最近Web業界を賑わしているSingle Page Applicationの必要性、HTTP2/SPDYといった技術、リアクティブプログラミングやIsomorphicデザインという考え方について包括的にまとめたすごく良い記事になっております。 最初に断っておきますが、ものすごく長いです。各セクションがわかれているので時間がない方はセクションごとに書かれたtl;DRとまとめを読むだけでも参考になるかと思います。 ちなみに明日のNode学園祭には、本記事を記述したGuillermo Rauch氏が見えるので、そこで詳しく聞いてみるのもいいのではないでしょうか。
LiveReload から BrowserSync に乗り換えてる
LiveReload から BrowserSync に乗り換えてる 2014-06-24 この記事を書いて放置していたら、GoogleからWebアプリケーション開発用テンプレートのWeb Starter Kitに、BrowserSyncが利用されていました。 まだまだ把握しきれていませんが、需要がありそうなので、どんなことができるか簡単な導入方法を紹介します。 BrowserSyncの利点 BrowserSyncは、その名の通り「ブラウザを同期」してくれます。 LiveReloadのように、HTMLファイルなどを編集、保存するとブラウザをリアルタイムに更新を行い、さらにGoogle Chromeで行ったブラウザの「操作」が、Firefoxなどの他のブラウザにも、リアルタイムに反映されます。 BrowserSyncを利用すると、開発から確認までが、スムーズに行えます。 BrowserSync
Smashing Book 4 (Nov 2013) — Smashing Magazine
Written by well-respected designers and developers, the book contains lots of actionable takeaways that will help you improve your workflow. Think of it as a reliable playbook for issues that keep following you in every project. It’s done: our brand new Smashing Book, full of smart, time-saving tips for crafting fine websites. Neatly packed in a gorgeous hardcover, the book features practical fron
Webフロントエンドパフォーマンスチューニング
Webフロントエンドのパフォーマンスチューニングについて全体的な話。javascript、Chrome DevToolsの紹介、ボトルネック、ポイントなど。
大人数でBoxen使うならboxen-webが断然便利 - Qiita
BoxenをWebアプリケーションとして配布できるboxen-webを使ってみた。 簡単なまとめ boxen-webは... Boxenのインストールから実行までを1行のシェルコマンドでできるようにする デザイナなどの非エンジニアに優しい Boxenを使う上で必須ではない OAuthを用いた認証によりメンバーのみアクセス可能 Heroku上で動作するのでサーバを用意する必要はない GitHubの利用が必須 デプロイすると下記のようなサイトができる この記事で分かること boxen-webをデプロイする方法 新しいMacをboxen-webを使ってセットアップする方法 この記事で分からないこと Boxenの使い方 Herokuの詳しい使い方 注意事項 Boxen自体はGitHub外のプライベートリポジトリでホストできるが、boxen-webを使う場合はGitHub上でホストされていなければな
【ハウツー】これはすごい! Web案件必須 Selenium - 人気急上昇中自動テストツール (1) 最近人気のSelenium | エンタープライズ | マイコミジャーナル
Webアプリケーションのテストツールに「Selenium」がある。SeleniumはJavaScriptとHTMLを使って、Webブラウザに自動でテストをさせようというもので、アジャイル開発におけるテストツールとして注目されている。 Seleniumとは SeleniumはWebアプリケーション用テストツール。JavaScript/DHTML/iframesをベースに構築されたテストツールで、Webブラウザから直接実行できるという特徴がある。要するに、目の前でWebブラウザが勝手にテスト工程を実施するわけである。見ていてなかなか気持ちがいい。対応しているプラットフォームやWebブラウザは多岐にわたる。代表的なプラットフォームは次のとおり。 Windows Internet Explorer 6.0 Mozilla Suite 1.6以上 Firefox 0.8?1.5 Seamonkey
ウェブページの高速化に必要なもの
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、オークション事業部のさかいです。 ネットサーフィンに慣れている techblog 読者のみなさんの中には、あちこち見て回っているうちに重いページに行き当たり、イライラしながら応答を待ったり、容赦なくバックスペースキーで前のページに戻ったり…という経験をされた方が多くいらっしゃると思います。 そういったストレスのないレスポンスが行えるよう、バックエンドのプログラムの最適化や、サーバーのチューニングを行うのは私たち技術者の仕事のひとつです。 しかし、あるウェブサイトにアクセスして、そのサイトを閲覧できる状態になるまでの時間のうち、そういったバックエンドでの処理に必要な時間は 1〜2 割でしかないというデータがあります。残り
How to Drastically Improve Your Designs | Design Informer
This post covers the concept of design and what is a graphic designer. It will also give you six excellent tips on how you can drastically improve your designs.Articles Tutorials Freebies Inspiration Resources Design is everywhere. We see it in on billboards as we drive down the street. When we go to a restaurant and look at the menus, we see it. When we sit down on our couch and watch television,
The myth of the page fold: evidence from user testing | cxpartners
As web professionals, we all know that the concept of the page fold being an impenetrable barrier for users is a myth. Over the last 6 years we’ve watched over 800 user testing sessions between us and on only 3 occasions have we seen the page fold as a barrier to users getting to the content they want. In this article we’re going to break down the page fold myth and give some tips to ensure conten
16 Useful .htaccess Tricks and Hacks For Web Developers : Online Marketing Blog - Website Development & Website Marketing tips and Strategies
If you are new here please subscribe to our RSS feed! If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting! The .htaccess files (Hypertext Access file) is a very powerful configuration tool on Apache web server. The Apache web server has a number of configuration options that are available to the server administrator. The .htaccess is a simple ASCII text file placed i
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[19] Top 10 Best Web Dev Tools – April 2021 - Create React App Blog
The Perfect LAMP Stack – Apache2, FastCGI, PHP-FPM, APC
Google Code Archive - Long-term storage for Google Code Project Hosting.
人手に頼らないWebサイトの戦略的品質管理指南 | Web担当者Forum
straightline bookmark | Web design bookmarking
ikesai.com
Google Code Archive - Long-term storage for Google Code Project Hosting.