Copyright © 2004-2025 Impress Corporation. An Impress Group Company. All rights reserved.
囲まれた庭からの脱却を目指すアプリ開発
Copyright © 2004-2025 Impress Corporation. An Impress Group Company. All rights reserved.
ウェブサイトのRetina化 | drops - onotakehiko.com
iPhone 4からはじまり新しいiPadことiPad 3rd、そしてもはや確定的とも思われる次期MacBook ProのRetina化。現状でウェブサイトをRetina化する効率的な方法を考えると、 “Retina Images” を使うのが最適解な気がしている。 Retina画像を対応端末に表示させる場合、 imgタグによる設置 <img src="foo@2x.png" width="100" height="100" alt="bar"> background-imageによる設置方法 <style> #foo { width: 100px; height: 100px; background: url(bar.png) no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { #foo
How to Factory Reset iPhone 15 Pro Max - Skyward Design
Ever find yourself needing to wipe your iPhone 15 Pro Max clean? Maybe you’re planning to sell it, following an iPhone guide at i5apps.com, or perhaps it’s just time for a fresh start. Whatever your reason, performing a factory reset is a straightforward process. By the end of this quick overview, you’ll know exactly how to restore your iPhone 15 Pro Max to its original factory settings. After you
Twitterがページ表示時間を5分の1に高速化。どのようなテクニックを使ったのか？
Twitterがフロントエンドのアーキテクチャを見直し、Webページの読み込み速度を改善したことをブログで明らかにしています。 新しいアーキテクチャでは、これまでWebブラウザ上でJavaScriptの処理によって行ってきたWebページのレンダリングを見直し、サーバ側でレンダリング済みのHTMLページを送信し表示することにしています。これによってWebページの読み込みから最初のツイートの表示までの時間が大幅に短縮されることになりました。 When we shipped #NewTwitter in September 2010, we built it around a web application architecture that pushed all of the UI rendering and logic to JavaScript running on our users’
Webデザイナーのためのjquery入門2（前編）
82 views jQueryの社内勉強会用スライドです。だいたい1時間で終われるように、前編・後編に分けています。 後編は6月以降で公開を予定しています。 More… jQueryの社内勉強会用スライドです。だいたい1時間で終われるように、前編・後編に分けています。 後編は6月以降で公開を予定しています。 このスライドを作るにあたって、書籍「WebデザイナーのためのjQuery入門」をかなり参考にしています。 Webデザイナーのためのjquery入門2（前編） — Presentation Transcript Webデザイナーのための jQuery入門 -覚醒編（前編） -jQueryのコードを自分で考えて書けるようになろう！ 目標 日々の業務にjQueryを取り入れて、 自分で何かを作れるようになる。 大まかな内容１. 何かを取ってくる ２. それに何かをする３. まとめ 1
ナイキ、アディダス、グーグルも採用！人気のデザイン表現“パララックス効果”の仕組み
ナイキやアディダス、グーグルなど先進的なデジタルキャンペーンで知られる企業が先んじてウェブサイトに取り入れている表現手法があります。それが“パララックス効果”です。まずは、その効果を体験いただければと思います。 パララックス効果の名を世に知らしめた「NIKE BETTER WORLD」 このウェブサイトの役割は、ナイキのCSR活動を広くPRすること。米広告代理店「Wieden+Kennedy」や、デザインディレクターIan Coyle氏らが製作を手がけており、サイトでは環境負荷が小さくなるよう開発されたThe Free TR Fit、100%リサイクルされているシューズボックスなどが紹介されています。 人間の視点をずらすことで、奥行きを感じさせる 先ほどのNIKE BETTER WORLD、サイトに“奥行き”を感じませんでしたか？3D技術を使っているわけでもないのに、平面であるはずのウェブ
jQueryをロードする際のナイス！と思った書き方
概要 ▶ 出典：Initializr - Start an HTML5 Boilerplate project in 15 seconds!先日開催された「CSS Nite in NIIGATA, Vol.3 with Microsoft」でせっかくHTML5の事を学んだので、実際に使ってみようと勉強を進めています。このブログも実はPC版は形式上HTML5のページになっているんです。見た目はほとんど変わって本ページはプロモーションが含まれている場合があります 出典：Initializr - Start an HTML5 Boilerplate project in 15 seconds! 先日開催された「CSS Nite in NIIGATA, Vol.3 with Microsoft」でせっかくHTML5の事を学んだので、実際に使ってみようと勉強を進めています。 このブログも実はPC版は
Diving Into CSS Regions | Envato Tuts+
CSS Region Support At the time of this writing, the CSS Regions specification is a working draft and things may change! Techniques mentioned in this tutorial might change in implementation. The aim of this tutorial is to give a basic understanding of CSS Regions and what might be coming to a browser near you. Check out caniuse.com for a list of browsers which have some support for CSS Regions. Thi
A Responsive Design Approach for Complex, Multicolumn Data Tables | Filament Group, Inc.
A Responsive Design Approach for Complex, Multicolumn Data Tables In responsive web design, one of the toughest design problems to solve is how format complex tabular data for display on smaller screens. In this post, we’ll explore an experimental approach to rendering a complex table, using progressive enhancement and responsive design methods, that displays comfortably at a wide range of screen
Web Designer News - The best curated news for designers
Web Designer News - A curated collection of the best news for designers each day. http://www.WebdesignerNews.com
How to speed up your website
Site speed is one of the most important things about creating web content, and web applications.In fact, it has been noted by various analysts at Google that people don’t often sit through the first 30 seconds of a video, much less the first 15, so it would be wise of you to get the content […] Site speed is one of the most important things about creating web content, and web applications. In fact
ドットインストールとjsdo.itでプログラミングを学ぼう！
.installで学んで、jsdoitで書く！ プログラミング学習サイト「ドットインストール」にハマっています！ やはり動画というのはテキストだけの解説よりはるかに解りやすいですね。なにより、１回の動画が約３分ぐらいで区切られているので、テンポ良くサクサク進められます。ちなみに、いままでプログラミングをまったく行ったことが無いという方には、「HTML講座」→「CSS講座」→「JavaScript講座」と進めていくのがオススメです。 「プログラミングを始めよう！」と思った際の一番のハードルは”最初の１行を書き始める”ことなので、開発環境をそろえるのに時間がかかるようだと、それだけでモチベーションが萎んでしまうことが多々あったりします。 （ダウンロードにものすご～く時間の掛かる統合開発環境とか orz ） HTML + CSS + JavaScript はブラウザとエディタ(メモ帳でも可)さえ
Responsive and Mobile-Friendly Tooltip by Osvaldas Valutis
Tooltip is a splendid invention. Small detail in web design that plays a big role when it comes to user experience. Usually, tooltips are used to present a tiny amount of hidden content (mainly explanatory, so-called tips), that pops up when user moves a cursor over or clicks (less common) on a special target. When working on my personal website, I was in need of a tooltip. I decided not to limit
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
⑯jQueryをおぼえよう！その２
Collective #14 | Codrops
jQuery プラグイン作成入門
チェックボックスやラジオボタンのデザインを変更可能な送信フォームを実装する為のフレームワーク・Ideal Formsにバリデーション機能が付いた - かちびと.net
Clever Problem Solving Techniques for CSS - Developer Drive
http://seven.studiomohawk.com/
CSS 20 stunning examples of CSS 3D transforms