Macで使ってみたいクールな壁紙22選 - iTea3.0
Accessory (39) Apple TV (4) Blogger (29) Business (12) Chrome (29) Cloud (4) Customize (5) Facebook (5) Firefox (2) Fitbit (2) Flickr (2) Google (1) Google Chrome 拡張機能 (1) HyperJuice (6) iCloud (6) iOS Dev (2) iPad (7) iPad App (23) iPad mini (10) iPhone (19) iPhone ＆ iPad (8) iPhone ＆ iPadアクセサリー (3) iPhone ＆ iPadアプリ (9) iPhone ＆ iPadゲーム (1) iPhone ＆ iPadソーシャルネットワーキング (1) iPhone ＆ iPadトラブル解決法 (1)
フロントエンドがやっておかなきゃいけない、iPhone(スマホ)向けサイトを軽量化･高速化するための必須項目をメモ。 | Mnemoniqs Web Designer Blog
Webサイトの待ち時間の80％はフロントエンドの処理によるもの なんて言われるとドキっとしちゃいます。どんな素敵にデザインして綺麗にコーディングしても、ページが重くてイライラしてるユーザーがいたら台無しです。なのでスマホ向けサイトのデザインに入る段階から、高速化・軽量化を意識するために、いくつか項目をメモしておきます。 デザインの段階から軽量化を意識する 画像を極力使わないで魅せる努力をする 当たり前ですが、画像を使えば使うだけレスポンスは遅くなります。背景画像にドデーンと写真を使ったり、見出しを使うたびに大きなアイコンを入れるなど、わざわざページを重くさせるようなデザインにする必要はありません。 多少シンプルになったとしても、色のメリハリ・1pxの線などでカバーしましょう。テキストも可能な限り画像にせず、デフォルト文字にするべきです。Webデザイナーの腕の見せ所ですね。 HTML5+C
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
『コーポレートデザインにおけるマルチデバイス対応』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 みなさん、こんにちは。 アメーバ事業本部のHR戦略室でデザイナーをしております安西謙之(@anjilina_nolie )です。 今回は、コーポレートサイトのマルチデバイス化を踏まえつつ、半年程前にリリースしました(だいぶ前ですが…)スマフォ版コーポレートサイトについて、ご紹介したいと思います。 コーポレートサイトのマルチデバイス化 弊社のコーポレートサイトでは、国内版PCサイト・フィーチャーフォンサイト・そして今回ご紹介するスマートフォンサイトはMobableTypeを使って、海外版PCサイトはWordPressを使ってを制作、運用しています。 【
WebサイトでPNGを使うのは非常識！？ | poyosicom
誤解を与えるタイトルにしてしまったので、訂正しました。ごめんなさい。 こんにちは@poyosiです。PNGを使いまくってコーディングしてますか？ 会社から「WebサイトでPNGを使うのはNGだからGIFにしとけ」とか言われたことないですか？ そうではなくても、「なんとなくPNG使うくらいならGIFにしといたほうが安心」という方もいるのではないでしょうか？ 今日は画像ファイルフォーマットであるPNGをWebサイトに使うのはどうなの？というお話をしたいと思います。 WebサイトでPNGを使ってもいいんじゃない？ 「WebサイトでPNGを使うのは非常識だろ」という事を言われたのですが、仕様書など特に取り決めがない限りでは、それは違うんじゃないかなと思っています。 私はWebサイトでPNGが使われることについては「どんどん使うべき！」と思っています。 そもそもPNGを使わないほうがよいと言われた理
WordPressのOGP設定は「Open Graph Pro」がベスト | Last Day. jp
[…] 「URLリンター」 facebook公式のデバッグツールです。ここに自分のブログ・ウェブサイトのURLを入力してください デバッガー エラーがあるとエラー項目が表示されます。エラーあると「いいね! 」が友達のウォールに表示されなくて勿体ないです。しっかり対処しましょう! WordPress使ってる方はプラグインを使うと便利ですよ:) OGPが何故重要かはフェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か – IT戦記見るとわかりやすいです。 「Open Graph Pro」↓が最高におすすめです。 WordPressのOGP設定は「Open Graph Pro」がベスト | Last Day. jp「WP-OGP」はバグがあって上手くOGPが設定出来てない場合があるんですよね。 … これ１冊で完全理解facebook (日経
スクロールした位置に付いてくるサイドバーを実装するjQueryプラグイン・Contained Sticky Scroll - かちびと.net
気になったので備忘録。スクロール した位置に付いてくるサイドバーを 実装してくれるjQueryプラグイン・ Contained Sticky Scrollです。細 かいオプションも設定できて、IE6や IE7でも動作してくれるので覚えて おこうと思って記事にします。 Web Designer Wallがリニューアルしてサイドバーを固定していました。これはcssで実装してるみたいですが、IE6利用率が10％を超える日本では、まだ捨てるわけにもいかないのが現状ですね。（個人的には徐々に捨て始めてますがｗ） 基本的にはアニメーションで付いてきますが、ノンアニメーションも可能です。 使い方 いつもどおりjQueryとプラグインのパスを書きます。 <script type="text/javascript" src="jquery.min.js"></script> <script type="te
MongoDBの薄い本(The Little MongoDB Book) - cuspy diary
Karl Seguinさんの「The Little MongoDB Book」を和訳しました。 この本はMongoDBの基礎を実際に手を動かして学ぶチュートリアルです。 MongoDBの基礎から、データモデルの設計方法、MapReduceなど幅広い内容をカバーしています。 また、特別MongoDBに興味が無くても筆者のNoSQLへの考え方は一読の価値があるだろう。 ダウンロードPDF版 the-little-mongodb-book-ja.pdf epub版 the-little-mongodb-book-ja.epub(あんまりきれいに組版できてないけど…) 誤訳などあれば @hamano まで ソースはこちら: https://github.com/hamano/the-little-mongodb-book 更新履歴2012/04/17 v1.0 初版公開。 2012/06/15 v
iPhoneのBluetoothをワンタップでオン・オフできるアプリ『OnOff』
このアプリは、「設定」アプリの奥底にあるBlueoothのオン・オフ切替えを、ワンタップで行うことができる便利なユーティリティーです。 アプリを起動するだけで、Bluetoothがオンの場合はオフ、オフの場合はオンに切替え、まるでスイッチのように機能します。 iOSの以前のバージョン(iOS 5.0)では、「設定」の項目へのショートカットを作成することができましたが、iOS 5.1でこれが利用できなくなり、Bluetoothの場合はオン・オフの切替に4回のタップが必要でした。 このアプリは、本来Bluetoothのチャットを実現するものですが、アプリの起動だけでオン・オフを切り替える機能があり、Bluetoothの設定切替スイッチとして使うことができます。 アプリを起動すると、オン・オフのスイッチが表示されるものの、切替えに2タップ(アプリ起動、スイッチ)が必要となります。 そこで、「設定
Mac初心者が覚えておくと文字入力が早くなるショートカット12個｜男子ハック
@JUNP_Nです。Macで文字入力を行う際、カーソルをマウスなどでいちいち動かすのは面倒です。基本的な動きはショートカットで行えるので覚えておくとテキスト入力が速くなること間違いなしですよ。 基本的なテキスト移動のショートカット6個 行の先頭にジャンプ - コマンド+左矢印 行の末尾にジャンプ - コマンド+右矢印 現在の単語の先頭までジャンプ - オプション+右矢印キー 現在の単語の末尾までジャンプ - オプション+右矢印キー 全てのテキストまで先頭にジャンプ - コマンド+上矢印 全てのテキストまで最後にジャンプ - コマンド+下矢印 上記のショートカットにshiftキーを追加すれば、行、単語、文書全体のテキスト選択ができる6つのショートカットを使用できます。 Shiftを組み合わせたテキスト選択のショートカット6個 行の先頭までテキストを選択 - シフト+コマンド+左矢印 行の末尾
[JS]使い勝手のよい、パネルをスクロールに追従させるスクリプト -Sticky Sidebar
Demo 2 赤枠のナビゲーションは左のカラム内の移動、黒枠のパネルは黒枠内のみ、右のバスケットはページ内全てです。 また、中央のテキスト「Remove」をクリックすると、一時的にそのパネルだけ追従をやめます。 Sticky Sidebarの使い方 オーソドックスなデモを例に実装方法を紹介します。 外部ファイル スクリプトを外部ファイルとして記述します。 <script src="jquery.min.js"></script> <script src="jquery.easing.1.3.js"></script> <script src="stickysidebar.jquery.js"></script> HTML ページは2カラムで、サイドバーにパネルをdiv要素で実装します。 <div id="main">コンテンツ</div> <div id="side"> <div id="
jQueryによる要素の存在チェックまとめ
jQueryによる要素の存在チェックまとめです。 jQueryを実行する際、「$(selector)」が成功してjQueryオブジェクトが生成されたことを判断したいケースがあるかと思います。なかったらすいません。 ということで、jQueryで要素（jQueryオブジェクト）が1つでも存在することをチェックする方法を調べてみました。実際に動かした結果でまとめてます。 サンプルはscript要素で括ってますが、必要に応じて「$(function(){ ... });」などで括ってください。間違った情報・表現等がありましたら適宜修正しますのでご指摘ください。 １．$(selector)[0] 「$(selector)」で生成されるjQueryオブジェクトは配列のように扱える（配列の基本メソッドが使える訳ではない）ので、0番目の要素をチェックすることで存在チェックを行えます。 <script> i
Web Icon Set Giveaway | Codrops
Win one of 3 Business Plan Memberships ($99 each) from Web Icon Sets In this giveaway you can win one of 3 Business Plan Memberships ($99 each) from Web Icon Set! About Web Icon Set Web Icon Set provides professional and quality royalty-free stock icons for designers. By joining their membership, you can access to over 1,000+ premium icons including Pictograms, Stock Icons and Mini Icons with a mu
The Divine Proportion and Web Design | Codrops
Learn to identify and use the golden rectangle to create harmony in web design projects. The divine proportion is a mathematical concept dating to ancient times that is used as a principle in almost all types of design from architecture to art to websites. Although the exact origins of the formula and shape are not known, examples of its use can be found through history – Egyptians used the shape
＊私の黄金卵焼き＊ by ひぃこ＊
やっぱりシンプルが一番！冷めても美味しいよ！【殿堂入り大感謝♡】操作ミスでコメなし掲載ごめんなさい(＞人＜;) このレシピの生い立ち お弁当に入れる卵焼き。毎日作るうちにこの分量に落ち着きました。覚書です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
5分でわかるCSSグラフィック (1/5)：Webグラフィックをハックする（1） - ＠IT
Awwwards: The Best 365 Websites Around the World 2011 Book Giveaway | Codrops
タブレット、スマートフォンでの写真閲覧に使える無限スクロールビュー·Inflickity MOONGIFT
配色センス０でも大丈夫！？服、インテリア、デザイン、様々な“色使い”を改善するかもしれない『60-30-10 Rule』！ | バンクーバーのうぇぶ屋
http://maka-veli.com/simple-design.html?amp=&=
素朴なタッチがいい感じの手書き風のUIエレメント・アイコン素材 -Hand Drawn Icons
Collective #7 | Codrops