CSS will-changeプロパティについて知っておくべきこと | POSTD
はじめに WebKit系ブラウザでCSS transformやanimationといったプロパティを使った時に発生する、“例のちらつき”。これに気づいたことのある人ならば、おそらく“ハードウェア・アクセラレーション”という用語をこれまでにも耳にしたことがあるでしょう。 CPU, GPU, ハードウェア・アクセラレーション 一言で言うと、ハードウェア・アクセラレーションとは、グラフィックス・プロセッシング・ユニット（GPU）を用いてセントラル・プロセッシング・ユニット（CPU）の処理量を軽減し、ブラウザのレンダリング処理を効率化することです。ハードウェア・アクセラレーターを有効にしてCSS処理を使うと、ページのレンダリングが速くなり、ページ表示が高速化されます。 名前の通り、CPUとGPUはどちらもプロセッシング・ユニットです。CPUはコンピュータのマザーボードに取り付けられている部品で、ほ
Webフレームワークとは何か - HackerNews翻訳してみた
「HackerNews翻訳してみた」が POSTD (ポスト・ディー) としてリニューアルしました！この記事はここでも公開されています。 Original article: What is a Web Framework? by Jeff Knupp Weｂアプリケーションフレームワーク、略して「Webフレームワーク」がWeb対応のアプリケーション構築に広く使われているのは、皆さんご存じですよね。単純なブログからAjax機能を搭載した複雑なアプリケーションまで、Web上のすべてのページはコードで記述されています。最近気になるのは、FlaskやDjangoのようなWebフレームワークに興味を持ってはいるけれど、実際にはWebフレームワークの目的や機能をちゃんと理解していない開発者が意外に多いということです。そこでこの記事では、ややもすれば見落とされがちなトピックであるWeｂフレームワークの基
Humans TXT: 私たちは人間です。機械ではありません。
humans.txt について humans.txtって何？ ウエブに関与した人たちについての情報が入ったTXTファイルです。 何故TXTなのですか？ これは 簡単に早く 作れるのです。何故なら コードに於いて篏入的ではないからです。サイトの効率が低下するなどの主張により、サイトの所有者は、ウエブ作者が自分のウエブにサインすることを望まないことが多くあります。こうすることにより、外的に、素早く、簡単に、気軽に、作者が誰であるかということ（所有権ではなく）を明示できます。 どこに配置すれば良いですか？ サイトルートです。 robots.txt の隣です。 そして（可能であれば） <head> の authorタグに次を追加してください <link type "text/plain" rel "author" href "http://domain/humans.txt" /> 何故これをやら
日本マイクロソフト
すべての Microsoft 製品 Global Microsoft 365 Teams Copilot Windows Surface Xbox セール 法人向け サポート ソフトウェア Windows アプリ AI OneDrive Outlook Skype OneNote Microsoft Teams PC とデバイス Xbox を購入する アクセサリ VR & 複合現実 エンタメ Xbox Game Pass Ultimate Xbox とゲーム PC ゲーム Windows ゲーム 映画とテレビ番組 法人向け Microsoft Cloud Microsoft Security Azure Dynamics 365 一般法人向け Microsoft 365 Microsoft Industry Microsoft Power Platform Windows 365 開発者
PHP on Windows Azure - Japan Windows Azure User Group
開発環境 Windows Azure Tools for Eclipse Windows Azure SDK for PHP Windows Azure - PHP contributions OData SDK for PHP AppFabric SDK for PHP Developers Windows Azure Command-line Tools for PHP Developers 開発ノウハウ PHP on Windows Azure ガイドライン [msdn] 使えるWindows Azure[Microsoft] PHPによるWindows Azureアプリケーション開発 [CodeZine] PHP＋EclipseでWindows Azureアプリケーションを開発しよう [@IT] PHP on Azure ～ WindowsAzure4e でクラ
Web開発にお役立ちなチートシート集 | TRIVIAL TECHNOLOGIES on CLOUD
みんなのIoT/みんなのPythonの著者。二子玉近く160平米の庭付き一戸建てに嫁/息子/娘/わんこと暮らしてます。月間1000万PV/150万UUのWebサービス運営中。 免責事項 プライバシーポリシー All The Cheat Sheets That A Web Developer Needsという記事を先日見つけて，割と知らないものが多く，また便利だったのでご紹介:-)。英文のチートシートだけど，仕様を短くまとめてあるチートシートは日本人のWeb開発者も便利に使えるはず。 HTML HTML/XTML in one page HTML5: The Evolution of Web Standards by James Sugrue (X)HTML Elements and Attributes Doctype Declarations (DTDs) XHTML Character
『WebのスキルでiPad/iPhoneアプリ風のWebアプリ作成のまとめ』
本を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます！現在、長野県長野市の制作会社でWeb作成中！ iPhoneやiPadのアプリを作りたいけど、iPhoneアプリ初心者なので 作るにはObjective-Cを覚えたり登録したりお金かかったりとか iPhoneアプリの作成にはハードルがちょっと高い。 そこで、今までのWebの知識を活かして、Webアプリにしようと 思って試してみた。 基本的な知識を理解しなければいけないので、超簡単なWebアプリを作成してみた。 だた、写真を100枚表示するだけ。 Webアプリと呼べるのだろうか？ 今回は、基本的な知識を知りたかったのと分かりやすいので Webアプリと呼ぶことにします。 完成したものはこちら！iPhon
論理的なHTML（文書構造）を意識してつくるWebデザイン（CSS）… とSEO
デザインが先にあって XHTML を書こうとすると、論理的な文章構造殻から見たときにおかしなことになることがあります。 コーディングに慣れないうちはこういう失敗もよくありますねー。 正しい文章構造でマークアップをすれば SEO的にもいいかもしれません。 今更なんですけど、Webサイトって XHTML で書かれていて、スタイルシートで装飾されていますよね。Webデザイナーから見ると、Webサイトってとかく見た目、デザインの部分、スタイルシートばかりに目がいきがちですが、Webサイトで大事な部分ってXHTMLの文章の論理構造だったりします。まずは XHTML があっての Webサイトだと思うんです。 Webサイトを作るときに、多くの Webデザイナーさんがそうしてると思いますが、私もまず Photoshop や Fireworks をつかって Webサイトのデザインを作ります（みんな違うのかな
15 Free Bootstrap Admin Themes
In the past, the admin sections of web applications were often built with functionality as the only priority, with little or no consideration given to the design. Thankfully, times have changed, and in recent years, there has been a pleasing convergence of powerful functionality and beautiful design. This trend has been supported by the popularity of the Bootstrap framework, which has made it easi
44 Must Learn Web Design Layout Tutorials in Photoshop | Naldz Graphics
Most Web Design Layouts are normally done in Photoshop and since its the most overused application on creating web layouts, I list down some of the most helpful and nice photoshop tutorials on how to make a good web design layout to enhance your experience and ideas. Here is a collection of 44 Web Design Layout Tutorials in Photoshop to teach you create your own layout for your website. Check th
日本のWebサイトの404ページデザインいろいろ+α - かちびと.net
気になって探したのですが、ググッても 9割は海外のデザインだったので、日本 の素敵な404ページを探してみました。 時間の関係でさほど数を揃える事が出来 ませんでしたが、少しでも参考になれば 幸いです。 404は、誰でも訪れる可能性のあるページです。ある意味、用意したコンテンツよりも見られる可能性がありますのでほんの少しでも手を入れておくといいかも知れませんね。 どこかで「404は古い。無条件でトップページリダイレクトが最適」なんて意見も見かけましたが、個人的にはユーザーを混乱させる要因になるのでリダイレクトは避けたほうがいいと思います。 では、個人的に気になった404ページをご紹介していきます。順不同で、ややサイトの属性がWeb関係に偏っていますがご了承ください。尚、リンクは404ページではなく、TOPページにしてあります。 株式会社サクラクレパス デザインも好評のサクラパレスの404ペ
名刺にパンフレットにWebサイトまで作れちゃう、Adobeの『Project ROME』がすごい！ | ライフハッカー・ジャパン
『Project ROME』は、Adobe製のオールインワンコンテンツ作成ツールです。これがあれば、CDのジャケットやパンフレット、Webサイトなど、18種類ものコンテンツが作れます。ウェブ版とデスクトップ版の2種類が用意されていて、どちらも無料で使えるので、是非お試し下さい。 以下に使ってみた様子を載せておきます。 まず、Project ROMEにアクセスしましょう。 「CREATE」からテンプレートを選べます。コンテンツはこのようにたくさん作れ、名刺、CDジャケット、アニメーションなども作成可能です。 試しに「CD/DVDジャケット」を作ってみます。 プロジェクトはこんな感じです。いかにも高機能って感じが漂っていますね。最下部には、Flashのようなアニメーションバーがあります。 画像や地図を埋め込んだりと、外部ファイルも取り込めるようになっています。 出力は、画像やPDFなど様々。プ
40+ Must-Bookmark PHP Classes & Libraries For Developing Faster
Free Web Resources Everyday - WebResourcesDepotRelated PostsCompare Website Speeds: Which Loads Faster? Open Source Share/Bookmark Script: iBegin Share 81 Social Bookmarking Icons In Various Sizes Ajax Based Social Bookmark Widget: mooSocialize Social Bookmarking Icons Collection
Samurai Framework | PHP Web Application Framework
ようこそ！Samurai Frameworkプロジェクトへ！ - 驚くほどストイックな国産フレームワークが登場 - Samurai Frameworkは、PHPのためのフルスタック・ウェブアプリケーションフレームワークです。 単純な仕組みでありながら柔軟性に富み、高いメンテナンス力を誇っています。 また、Ruby on Railsなどを代表とする他フレームワークも採用しているように、Samuraiでも MVC(モデル・ビュー・コントローラー) / ORM(O/Rマッピング) / CoC(Convention Over Configuration = 設定より規約)などの優れたアーキテクチャや手法を踏襲しています。 Samurai Frameworkを使用して幸せになれる10のポイント MVC(モデル・ビュー・コントローラー)に自然と分かれる構造で、見通しのよいプロジェクトに。 O/Rマッ
(独断と偏見)ネット業界の変曲点で思う今後の3つの潮流(60％ドラフト) - Innovation Design at Venture Capital
日本は勿論世界的にネットが大きな転換点にきていると常々感じる。ネット業界の有志で「朝までネット討論会」をやるので、面白い面子(@no7110、@sugiharamakoto、@eijiaraki、@jlager、@kensuu、ボク@s1kun)が集まるし、自分が最近考えていることを整理する良い機会なので、またしても何ヶ月かぶりに(苦笑)ブログにアウトプットしてみた。Fact重視の議論というよりは、個人の世界の見かたなので、ふわふわした観念的は話ご愛嬌ということで。突っ込み、ご意見ぜひ！(今日の所は力尽きたので、この辺で。。。) 潮流1: リアルとネットのOverlay(2つの世界の面と面での対応) 5年とか10年ってスパンで見ると何だか最近ネットとリアルの2つの世界の関係性が変わってきている気がする。これまでは「あちら側(ネット)」と「こちら側(リアル)」という言葉に象徴されるように、ネ
すべての学生にエールを
404Error - Page not found ご指定のファイルが見つかりませんでした 30秒後にトップページへ移動します
CSSセレクタの高速化の話し - Webtech Walker
続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった（というか全然知らなくてちょっとびびった）ので紹介します。 セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。 また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。（#fooをとるとより高速） 特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Pictos」UIデザインで使えるロイヤリティフリーのアイコン集 - ネタフル
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker
http://www.designwalker.com/2010/05/wireframe-resource.html
