ドットインストール代表のライフハックブログ
![IDEA * IDEA](https://cdn-ak-scissors.b.st-hatena.com/image/square/b8103b41ef5bc7cd827c6f3509417a9bec3238d0/height=288;version=1;width=512/http%3A%2F%2Fwww.ideaxidea.com%2Fwp-content%2Fuploads%2F2009%2F11%2Fpsd_1.gif)
ラブコメプリンスのパクソジュンに釘付けの日々 韓国のイケメン人気俳優といえば、パク・ソジュン! 2020年に大ヒットした韓国ドラマ『梨泰院クラス』の主演で、更に人気は加速しましたよね。 私も『梨泰院クラス』視聴前から彼の作品は見ていたのですが、どんな役柄でもこなせてしまうなと 強く逞しく 不合理な世界に正面から立ち向かう 血気盛んな若者の反乱 なパク・セロイ(パク・ソジュン)を夢中になって見ていました。 『愛の不時着』と並び日本でも多くの方が視聴されたと思います。 特に『梨泰院クラス』は『愛の不時着』と比べてロマンス色が薄く緻密なビジネスプランなども要素に盛り込まれていたので、男性からも人気の作品でした。 他にも彼の出る作品出る作品がヒットを飛ばしています。 2014年:魔女の恋愛 2015年:彼女はキレイだった 2016年: 花郎<ファラン> 2017年:サム、マイウェイ~恋の一発逆転!
HTMLとCSSによる表現を考える 複数のサムネイル画像を並べておき、画像をクリックするとモーダルウィンドウで拡大画像を表示するWebページを作成します。はじめに、HTML/XHTML(以下、HTML)とCSSでどのようにモーダルウィンドウを表現するか、静的なページを作って考えてみましょう。 HTMLは、ul/li要素で並べたサムネイル画像の後に、「glayLayer」と「overLayer」というid属性をつけたdiv要素を配置します。glayLayerはページ全体に重ねる半透明のレイヤーを表示するための要素で、overLayerは子ウィンドウを表示するための要素です。子ウィンドウに表示したい要素(今回はimg要素)はoverLayer内に配置します。 ▼サンプル01(HTML部分) <h1>jQueryを利用したモーダルウィンドウの作成</h1> <ul> <li><a href="i
ナナオは、カラーマッチングツール「EasyPix Software」Ver 1.1.0の配布を開始した。 同ソフトは、簡単な操作でモニターの白色点をプリント用紙の白色に感覚的に調整することができるカラーマッチングツール。白色点を調整することにより、モニター画面とプリント出力のマッチング精度を向上させ、プリントの色が合わないストレスを解消することができる。 プリンタとのマッチングだけでなく、撮影データの確認やWeb用写真の閲覧など、用途に応じて最適な表示へと簡単に切り替えることが可能。表示設定も3つまで保存することができ、単純な操作で切り替えることができる。 また、任意の時間を指定すれば、モニター再調整のための通知を受け取ることができるため、定期的なモニター調整を行うことで常に最適な表示環境を維持できる。 今回、同ソフトのVer 1.1.0が配布された。紙白測定機能の追加や、測色センサー「E
もうWebデザインしないなんていわないよ、絶対(4) [番外編] 消費されずに成長するための デザイナの3つの命題 ワンパク 宮城秀雄、吉森大介、野村政行 2009/11/26 新人デザイナよ。君は、Web制作がどんな体制で行われ、デザイナが何を担当して、何をすべきなのか、を考えているか インターミッション 右も左も分からないままに歩き出したWebデザイナへの道。チームプレーを学び(第1回「入社1年目、デザインしないデザイナなんて!?」)、スキルを磨き(第2回「デザイナーは消費されるもんだぞ」)、プレゼンでもまれて(第3回「デザイナーのためのUI設計段階のデモ制作6カ条」)、僕は少しずつ進歩してきた。 「消費されずに成長し続けるWebデザイナ」として1人前になるべく、これからの物語は新たな局面を迎えるわけだが、今回は外伝として理想の制作体制について僕なりに考えてみることにする。『フォレスト
今回の対談は、9 月10.11 日に開催されたYAPC::Asia 2009会場となった東京工業大学大岡山キャンパスにて実施。ゲストは、「Twib」「YourAVHost」(注1) などのサイトでお馴染みの、ゆーすけべーこと和田裕介さんです。袋綴(と)じこそ実施には至りませんでしたが、一部、いまだかつてないエロ度の対談になりました。 (撮影:武田康宏) Web開発に携わったきっかけ 弾:今回はWEB+DB PRESSで初めての袋綴じということで…(笑)。 ゆ:袋綴じって(笑)。 弾:さっそくですが、Web開発に携わったきっかけってなんですか? ゆ:僕は大学院まで行ってるんですけど[2]、そのときの研究は、コンピュータをいじることではあったんですが、インタフェースとかアート寄りで、コンピュータは専門じゃなかったんです。で、卒業と同時に父親と会社をやり始めて[3]。Web
net tuts+で、新しくて便利なWordPressのプラグインがたくさん紹介されています。 いくつかご紹介しますね。 Drag To Share Mashableに見られる、画像をドラッグしてTwitterなどに投稿できるプラグイン Paginator スクロールでページを切り替えられる TypeKit Plugin for WordPress WordPressでTypeKitのサービスを使えるようになるプラグイン Custom Coming Soon Page かわいいカミングスーンページや工事中ページを作ってくれる Custom Class Selector エントリー毎にCSSのカスタムクラスをプルダウンで選べるようになる Pretty Comments コメントの テキストエリアにwysiwyg機能をつけてくれる Freebie Images: Free Stock Imag
「CSS3をWebページに実装する」というと意見は真っ二つに分かれる。「完全肯定派」と「完全否定派」だ。しかし、Internet Explorer(IE)を除く主要なWebブラウザー(Safari/Firefox/ Opera/Google Chrome)は現実にCSS3への対応を進めており、少しずつだが、CSS3を利用するWebサイトも現れ始めた。代表例が、おなじみの「Google」だ。 Googleの検索ボタンに注目する 「Google?」と意外に思った方も少なくないかもしれない。次の画面は、Google検索のトップページをSafari 4で開いたところだ。実はこの検索ボタンにCSS3が隠れている。
TOP > WebDesign > 美しいナビゲーションデザイン集「40 Beautifully-Designed Navigation Menus」 サイト内の要素で欠かせないもので、ユーザーの利便性を決定づけるナビゲーションメニュー。サイトの雰囲気に合わせて様々な形がありますが、今回紹介さするのはデザインされた美しいナビゲーションデザインを集めたエントリー「40 Beautifully-Designed Navigation Menus」です。 細かくビジュアルを作り込まれたものからシンプルなもの、ダイナミックなものまで様々な種類のナビゲーションが紹介されています。今日はその中からいくつか気になるものをピックアップして紹介したいと思います。 詳しくは以下 ■Idea Foundry アイコンとセットになったメニュー分かりやすいです。 ■The Creative Dot 手書きの
基本のドロップダウンメニュー メインメニューにマウスカーソルを重ねると、すぐ下にサブメニューを表示するドロップダウン型メニューから作りましょう。サブメニューの1回層目までの表示に対応したメニューです。 メニューバーのHTML/XHTML(以下、HTML)は以下のように記述します。メインメニューをul/li要素で記述し、メインメニューに対応するサブメニューをli要素の中にul/li要素で入れ子に記述していきます。メインメニューのul要素にはclass属性「menu」を、子カテゴリーのul要素にはclass属性「sub」を付けて親子関係を分かりやすくしておきます。 ▼サンプル01(HTML部分) <ul class="menu"> <li><a href="#">メニューA</a> <ul class="sub"> <li><a href="#">サブメニューA</a></li> <li><a
Inspiration 40 of the Best Horizontal Scrolling Websites Jacqueline ThomasNovember 17, 200943 Comments014.5k Horizontal websites have become an underground phenomenon. A horizontal website is a lot like your artsy younger sister who dresses weirdly and doesn’t seem to acknowledge a world outside of her own imagination. Since horizontal websites are not universally embraced by the web design commun
IE共通の9つのCSSバグをそれぞれ解決する方法がNettutsにて紹介されています。 どれも、なんでだろうと頭を悩ましそうな問題なので解決法を知っておくと簡単に対処できそうです。 1. センタリングが効かない問題 margin: auto を指定した場合の期待する結果 IEの場合以下のようになりますが↑にするための解決法が書かれています 2. 横に並べたいリストが階段状になってしまう IEの場合以下のようになってしまいますがこの解決法も記載されています 3. ダブルマージンフロートバグ マージンの指定が期待通りに出ている例 ↓ IEの場合、margin: 30px 0 0 30px; で定義した値が正しく適用されない例も解決法があります 4. heightの高さ指定が効かないバグ height:2px を指定した場合の想定する表示 IEはなぜか2pxにならないのでこれも解決法が示されて
PHPを使って3分で作る3キャリア対応ケータイサイト Tweet 2009/11/17 火曜日 matsui Posted in ソフト紹介, 全キャリア対応 | 28 Comments » 本日は3分で3キャリア対応ケータイサイト作れてしまうというPHPスクリプト、「らくらくケータイ3キャリアコンバーター(仮名)」を作成してみましたので、そのご紹介をさせていただきます。 先日のPHP勉強会で発表させていただきました。 ご参加いただいた皆様、本当にありがとうございました。 発表資料をアップしてありますので、まずはこちらをご覧ください。 PHPを使って3分で作る3キャリア対応ケータイサイト View more documents from ketaiorg. ということで、「3分で作る」とは謳っているものの、ドコモ用に作られたHTMLを他キャリア用にコンバートするだけの、実に簡素な作りです。
グーグルを筆頭とするさまざまな企業が、無料で使えるWebマーケティングツールを提供している。SEO/SEM、LPO、アクセス解析ツールなど、ネットショップやプロモーションサイトを運営しているなら、使わない手はない。“使えるツール”だけを全部で30本、月曜~金曜日までの毎日1本ずつ紹介する。 ⇒ラインナップ一覧へ Webページに表示するテキストの内容や、レイアウト、配色、画像と文字の割合などを改善することで、商品の購入や資料請求といったコンバージョンは高められる。たとえば、ネットショップなら見出しや画像をちょっと替えたら急に商品が売れ出した、資料請求フォームの送信ボタンのラベルを変更したら申し込み件数がアップした、といった経験がある方は少なくないだろう。 従来、こうしたWebサイトの改善作業は、Web担当者やネットショップオーナーの過去の経験に頼ったり、試行錯誤を繰り返したりしながら「正解」
Mac OS Xで使われているようなクールなフリーWEBアイコンセット「Web Icon Set」 2009年11月17日- Mac OS Xで使われているようなクールなフリーWEBアイコンセット「Web Icon Set」が公開されています。 次のように質感がなんとも美しいアイコンセットです。コミュニティや鍵、DB、ノートといったCGMっぽいサイトで使えそうな内容になっています。 種類は10種類でサイズはそれぞれ4種類PNG形式で入ってるみたいです。 ちょっとオシャレなデザインのサイトにマッチしそうなアイコンセットですね。 以下のエントリを参照してください。 Web Icon Set - Offers Professional and Quality Icon Sets
デザイン勉強会 2ndに行って参りました。 写真撮っておけばよかった! まずは自分メモとして今回の勉強会で上がった、Webデザイン便利サイトのリンクのまとめ。 ■Photoショップのhowto Psd tuts+ http://psd.tutsplus.com/ photoshopのチュートリアル[英語] PHOTOSHOP VIP http://photoshopvip.net/ photoshopのチュートリアル[日本語] ■素材 stock.xhng http://www.sxc.hu/ 写真素材[英語] deviantART http://www.deviantart.com pixiv的なニオイのする素材集[英語] Brusheezy! http://www.brusheezy.com/ photoshopのブラシ。商用利用可[英語] Vecteezy! http://www.v
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く