[CSS]スマフォから大きいサイズのデスクトップまで考慮したレイアウト -Rubber Layouts
小さいサイズのスマートフォンから大きいサイズのデスクトップまで考慮した、StaticとFluidのいいとこ取りをしたスタイルシートのレイアウトを紹介します。 Rubber Layouts – Combining Static and Fluid Layouts [ad#ad-2] Rubber Layoutsのデモ Rubber Layoutsの特徴 Rubber Layoutsの実装 Rubber Layoutsのデモ デモはメインコンテンツとサイドバーのシンプルな2カラムのレイアウトで、ブラウザのサイズを変更することで、StaticとFluidの固定と可変をどのように取り入れているか確認できます。 デモページ：幅480pxでの表示 ヘッダ・コンテンツ・サイドバーすべてを同じ幅に変更。 Rubber Layoutsの特徴 多くのウェブページで可変であるFluid Layoutが使用されて
How To Enable HTML5 In Chrome | Robots.net
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
目を引き印象に残るインパクト重視のパッケージデザイン33種
日用品などだと店頭でパッケージを見て選ぶという人も多いのではないでしょうか。消費者の興味を引こうと各メーカーしのぎを削るパッケージデザインですが、以下に掲載するのは、そんな中でも特に強烈なインパクトを与える、どこか吹っ切れたデザインのパッケージです。 Izismile.com - Some Very Clever Packaging Designs for Products (51 pics) 1.音符型にパッケージされたヘッドフォン Corinne Pantによるデザイン。 2.Klein Constantiaのハチミツ ハチの巣箱を模したパッケージで、箱を開けると中に大量のハチがデザインされ、紙でできたハチも入っています。 3.スミノフ ウォッカ カイピロスカ 果物の皮を模した包装紙を取り除くと、見慣れたスミノフのビンが出て来ます。 カイピロスカは、フレッシュフルーツと氷にベースとなる
お手軽WordPress Tips：記事や投稿内で、別の記事の抜粋やリンク、アイキャッチなどを1つのショートコードで取得出来るようにする - かちびと.net
ブログとして使っている場合はあんまり使う機会 がないかもですけど、他の用途でWPを使ってい ると、記事内に他の記事のアイキャッチや抜粋 などを貼りたいときが結構あったりします。そう いったものをショートコードで一括で挿入できる ようにする、というのが今日のTips。 まぁ、WordPress自体はブログエンジンで基本的に用途はブログなのであんまり需要は無さそうですけどｗ様々なシーンで応用できるTipsなので覚えておくと地味に役に立ちます。 functions.phpに以下を追加します function add_other_post($params = array()) { extract(shortcode_atts(array( 'slug' => '' ), $params)); $html = ''; if ($slug == '') return $html; $queries =
無料・商用OK・リンク不要の、やわらかい印象の日本語フォント・はんなり明朝 - かちびと.net
以前ご連絡を頂いたフォントポ日本語の 作者さんから新作のお問い合わせを頂 いたのでご紹介。やわらかい印象の明朝 系フォント、「はんなり明朝」です。こちら も商用で利用できるとのことです。なんとも 太っ腹ですね・・ フォントポ日本語の作成者さんからまたまたご連絡いただきました。いつもありがとうございます:D 商用で利用できる日本語フォントに新しく仲間入りです。 かわいいですねーｗきりっとした印象の明朝ですが、こちらは少しふんわりとした印象を与えられそう。明治時代の築地体を参考に作られたそうですよ。 利用規約 利用規約は 当サイトのフォントはすべて無料です。個人・商業用途での利用について特に制限はございませんので、どうぞお気軽にご使用ください。ただし、フォントデータの改変はおやめください。また、フォントの使用によって生じたいかなる結果や損害につきまして、一切の責を負いませんのでご了承ください。
まったくのゼロから、Webデザイナーになる方法 - ウェブデザイナーになるには
この記事は2011年に書いた記事です。2015年に書いた増補改訂版があります。 「Illustrator、デザイン - まったくのゼロから、独学でWebデザイナーになるためのロードマップ【Vol. 1】」（2015年3月） 前にも「独学でWebデザイナーになるのにまずやること」というエントリーをかいたが、簡易的な内容だった。 今回も大筋の考え方はかわらない。Webデザイナーになるには、たくさん作品を作って人にみてもらうことである。 今回はもっと踏み込んで、全くの未経験の人がどうすればWebデザイナーになれるのかの具体的なステップ（行動プラン）をまとめてみたい。すでに学校やスクールでWebを学んでいる人や会社でデザイン部門をあらたに設立したい人にも役に立つだろう。 ステップ１ 制作環境をつくる まず最初にやることは制作環境を揃えることである。以前だと、FAXとスキャナーは必須だったが、いまは
Facebookページの顔、「Welcomeページ」のとことん簡単な作り方 - IT戦記
はじめに みなさんこんにちはヽ(´ー｀)ノ 本日、Facebook ページにウェルカムページを簡単に追加できるサービス「ウェルカムページメーカー」をリリースいたしました！ どんなサービスなの？ Facebook ページを持っている人なら、誰でも「とことん簡単に」ウェルカムページを作れるサービスです！ 今までも、このようなサービスはあったのですが「とことん簡単に」というところを追求したのがこのサービスです。 ウェルカムページって何？ ウェルカムページとは、 Facebook ページのトップページとなるページで簡単なメッセージや、「いいね！」を促す文言を載せたりすることができます。 有名なウェルカムページとしては レッドブルの Facebook ページ などがあります。 ついつい、「いいね！」をクリックしてしまいそうです！ なんで、「いいね！」されるが重要なの？ 「いいね！」されることで、ユー
PHPのイタい入門書を読んでAjaxのXSSについて検討した(1) - ockeghem's blog
このエントリでは、あるPHPの入門書を題材として、Ajaxアプリケーションの脆弱性について検討します。全3回となる予定です。 このエントリを書いたきっかけ twitterからタレコミをちょうだいして、作りながら基礎から学ぶPHPによるWebアプリケーション入門XAMPP/jQuery/HTML5で作るイマドキのWeという本を読みました。所感は以下の通りです。 タレコミ氏の主張のように、本書はセキュリティを一切考慮していない 主な脆弱性は、XSS、SQLインジェクション、任意のサーバーサイド・スクリプト実行（アップロード経由）、メールヘッダインジェクション等 脆弱性以前の問題としてサンプルスクリプトの品質が低い。デバッグしないと動かないスクリプトが多数あった 上記に関連して、流用元のソースやデバッグ用のalertなどがコメントとして残っていて痛々しい 今時この水準はないわーと思いました。以前
並べた画像を敷き詰めて超カッコよくするjQueryサンプル:phpspot開発日誌
Automatic Image Montage with jQuery | Codrops 並べた画像を敷き詰めて超カッコよくするjQueryサンプル。 <img>を単に並べるだけであとはブラウザの幅に応じて画像を次のように並び替えてくれちゃうデモとスクリプトのダウンロードが可能です。 画像間の調整や背景色の調整等が行えるようです。 デモページはこちら ブラウザサイズを変更しても画像を再計算して表示しなおしてくれます。 背景を黒にするとよりオシャレな感じです。 関連エントリ 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」
ASSIOMA(アショーマ) » HTML5が新しいWebの世界を創る
最近テック系のブログやニュースなどでHTML5を取り上げられることが多くなり、目にされた方も多いと思います。人気ブログの「Techwave」でも以下のような記事でHTML5に言及しており、その注目の高さが伺えます。 ソーシャルの次の時代、「フリーミアム」が終わり「コンテンツがキング」になる Appleを脅かすFacebookの「プロジェクト・スパルタン」とは 日本のソーシャルゲームに追い風、日本はスマホソーシャルゲーム市場で世界を獲れる！ これらの記事の中で、HTML5をベースにしたWebアプリの可能性が非常に高く評価されており、今後のモバイルアプリの主流がネイティブアプリからWebアプリに移行すると予想されています。 そこで今回はこのHTML5およびWebアプリについて取り上げ、その可能性を探ってみたいと思います。 ■ HTML5とは 最初にHTML5とはどういうものなのか簡単に説明した
【地獄先生ぬ～べ～】はジャンプ打ち切りサバイバルをこう乗り切った！[前編] - 紫の物語的解釈
漫画・ゲーム・アニメ等、さまざまなメディアにひそむ「物語」を抽出して解釈を加えてみようというブログです。 【地獄先生ぬ～べ～】は、『ドラゴンボール』『幽遊白書』『スラムダンク』などが 連載されていた、いわゆる「ジャンプ黄金期」に連載が始まり、それから約６年にも 渡り連載が続いた作品です。 黄金期を生き延びて連載が続いた作品なので、安定した人気を誇った印象がありますが、 実際には人気のふるわなかった時期も度々あり、何度か打ち切りの危機に さらされたようです。 文庫版のおまけ「メイキング・オブ・ぬ～べ～」では、アンケート低迷のたびに あれこれとてこ入れを考え、なんとか打ち切りをしのいできた様が語られます。 今回は、「メイキング・オブ・ぬ～べ～」を参考に、【地獄先生ぬ～べ～】という 作品が、いかにしてジャンプ名物・打ち切りサバイバルレースを生き延びたのかについて 迫ることにします。 では、どうぞ
![【地獄先生ぬ～べ～】はジャンプ打ち切りサバイバルをこう乗り切った！[前編] - 紫の物語的解釈](https://cdn-ak-scissors.b.st-hatena.com/image/square/066e5c70c5bf11fa6bcd4d99f8a5ffd4c00c8469/height=288;version=1;width=512/https%3A%2F%2Fblogimg.goo.ne.jp%2Fuser_image%2F4b%2F4e%2Ff54d26c60944363f580975568188ff22.jpg)
外付けHDDを買うぐらいなら、NASを買ったほうが人生が捗る理由 | なんとびっくりユートピア
みなさんはNASをもう使われているでしょうか？NAS(Network Attached Storage)はネットワークに接続して利用するファイルサーバのようなものです。ここ数年で値段も一気に下がってきて、導入の敷居が低くなってきました。最近パソコンの容量が逼迫してきて、外付けのHDDを買おうとしている方がいらっしゃるかもしれませんが、ちょっと待ってください。ぜひ、NASを導入することをオススメします。 ネットワークからアクセスできる I-O DATA LAN接続ハードディスク 1TB HDL-C1.0 posted with amazlet at 11.09.04 アイ・オー・データ (2009-10-10) 売り上げランキング: 1123 Amazon.co.jp で詳細を見る NASの特徴は、ネットワークに接続されているということです。家に一台置いておけば、家族でのデータのやり取りに便
ネットでお得に買い物するためのサイトや情報をまとめてみました - もとまか日記Ｚ
先日、Amazonのことを調べてたら、以下の記事が目に入りました。 【裏テク】 アマゾンで99％オフの商品だけを見つける方法 / 1本26円のミネラルウォーターも発見 – Be Wise Be Happy Pouch [ポーチ] これは面白いし便利だなぁ、と思いました。AppStoreでもお得なセール情報には需要があるし、やっぱそういう情報って重要なんだな、と改めて感じた次第。 ってことで、ネットでお得に買い物するためのサイトをまとめてみました。 iPhone、スマホ関連グッズ中心のお得な情報、サイト関連iPhoneやスマホ関連はこれから充実してくるのかもしれませんね。 iPod、iPad、iPhoneのセール商品 : AppBankStoreセールコーナーあり。 エレコムわけありショップスマートフォン関連が充実しています。 アプリだと以下がありました。 AppBank Store for
bukupe.com - bukupe リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
新人のLinuxサーバ管理者におススメしたい1冊の書籍 - 元RX-7乗りの適当な日々
ここ1〜2ヶ月くらい、色々な方に「最近入った新卒に読んでもらいたいLinuxの入門書とかってないですか？」と聞かれることがすごく多かったので、ここで紹介してみたいと思います。 ここで対象にしているのは、会社の新人研修なんかで1〜2日くらいは軽くLinuxに触れる機会があったけど、現場に配属されて、Linuxサーバの構築や運用をするような、Linuxサーバの"運用"初心者であるケースです。多少のコマンドの使い方や簡単な概念はわかったけど・・・の次のステップに上がるタイミングで手にとってみてはどうだろうか、と。 Linuxの教科書 - ホントに読んでほしいroot入門講座 Linuxの教科書 改訂版 （マイコミムック） (MYCOMムック) 作者: 高町健一郎,大津真,佐藤竜一,小林峰子,安田幸弘出版社/メーカー: 毎日コミュニケーションズ発売日: 2011/03/31メディア: ムック購入:
今度こそ、続けよう→３日坊主にさよならする技術
１．優先順位をつける……すべては実現できない （１）ノートを用意する （２）はじめようとすることを１ページの最初に書く。（例：「英語を勉強する」） （３）（英語を勉強すると）どんないいことがあるかを、なるべくたくさん書きだして、リストにする。 （４）人生でやりたいことを、これもなるべくたくさん書きだして、リストにする。 （５）（３）と（４）のリストを見比べて、「英語を勉強する」が〈人生でやりたいことリスト〉の第何位に入るか、どれより上で、どれより下かを確認する。 ランキングで該当する順位のところに、赤字で「英語を勉強する」を書き入れる。 ２．時間を確保する……人生は有限である （１）日頃のスケジュールを１週間分ノートに書き出す。 （２）１週間のスケジュールの中で「英語を勉強する」にあたって〈犠牲にするもの〉を決める。 〈人生でやりたいことリスト〉で、「英語を勉強する」よりも下位にランキング
問題と向き合う態度について - レジデント初期研修用資料
それが勉強であっても遊びであっても、何かの問題に対峙したときには、まずはその問題とどう向き合っていくのか、自分の覚悟というか、計画を「これ」と定めておかないと、努力を積むときの効率がずいぶん変わってくる。 人間の先を超えた人 難しすぎて、人間には攻略不可能なんじゃないかと言われていた「怒首領蜂 大往生 デスレーベル」をクリアした人のインタビュー記事 が興味深くて、未だによく読み返す。 ゲームを攻略するときには、「リソース管理」と「クリア計画」という考えかたがあって、自分にはとても新鮮なものたに思えた。 <引用> クリアの計画とは普通のシューティングゲームを攻略する場合に使う大局的な考え方で、コンティニューしても何でも良いのでとりあえず1回ラスボスを拝むところまでプレイした後に、ラスボスを倒すためには何が必要かを見積ります。 具体的には、まずラスボスを確実に倒すためには残機が何機必要で、ボム
無料なのに高機能すぎる見積・請求書発行ソフト『三森支太郎』 | ライフハッカー・ジャパン
フリーランスには最適なフリーアプリと言っても、あながち過言ではありません。 請求書や納品書のテンプレートはGoogle先生に聞けばすぐ用意してくれます。単発で発行するなら、これでもさして不都合はありませんが、見積→請求→納品のそれぞれのタイミングで書類を発行する必要があったりと、継続的に事業を行うのであれば、各種書類を一括で管理できた方が便利です。 そこで『三森支太郎』の出番。フリーの請求書発行ソフトとしては定番の部類に入る、Windows専用の高機能な帳票管理ソフトです。 基本的な操作は、画面の項目を埋めていくだけ。数量と単価を設定すると、自動で金額計算をしてくれます。消費税の有無は印刷時の設定で変更可能。源泉徴収額の計算機能は、編集メニューから選べます。 便利なのが「請求額から金額を逆算」する機能。これは「トータルで10万（税込み）にしたいんだけど、税抜きでいくら請求すればいいのか」を
未経験からWebデザイナー、Webクリエイターを目指す人のためのWordPressとTwitterをつかった就転職活動のすすめ - DESIGNMAP
仕事を続けながら勉強、制作をしよう 未経験からWebデザイナーになる場合も作品が求められる。未経験だからこそ、しっかりしたクオリティの作品を用意したい。そういう作品をつくるために、勉強をすることになる。 Webデザイナーになる準備期間は個人差や目指すスキルにもよる。Illustrator、Photoshop、HTML、CSS、JavaScript（jQueryも含む）、WordPressでサイトが作れるくらいのスキルを目指すとすると、目安で１年くらいはかかるだろう。もちろん、スキルや期間はあくまで目安である。習得には個人差があり、あくまで自分のペースを守ることが大事である。 具体的な勉強や行動のステップは「まったくのゼロから、独学でWebデザイナーになる方法」を、デザイン自体の勉強は「まったくのゼロから、デザインを独学する方法」を参考にしてほしい。 準備期間は１年くらいの長期戦になる（後述
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
css-eblog.com