Web制作の面倒な作業をラクにするCSS便利ツール87個まとめ
この記事では、Webデザイン制作の面倒な作業をラクにするCSS便利ツール87個をまとめています。なお、新しいツールを随時アップデートしています。 CSS FlexboxやGridをつかったレイアウト生成ツールや、レスポンシブ対応の画像ツール、配色に困ったときに便利なツール、多彩なCSSアニメーション、話題のニューモーフィズムなど、CSSスタイリング時間節約や、さまざまな問題を瞬時に解決することを目的に作成された便利なツールが揃います。 Web制作に活用したい最新ツールと合わせてチェックしてみてはいかがでしょう。 これだけあれば困らない！Web制作を快適にする最新オンラインツール48個まとめ Web制作�の面倒�な作業をラクにするCSS便利ツールまとめ CSS box-shadow Examples さまざまなサイトで実際に使われているCSS box-shadowを集めているライブラリ。お好
新宿駅にガムテ職人が作り出す案内表示「修悦体」らしきものが現れザワつく人々
リンク Wikipedia 佐藤修悦 佐藤 修悦（さとう しゅうえつ、1954年 - ）は、三和警備保障株式会社に勤務する警備員。岩手県花巻市出身。オリジナルの書体、いわゆる「修悦体」（しゅうえつたい）で知られる。2004年、JR東日本新宿駅東口で行われていた部分改築工事の際、鉄板の壁がいたるところに立っていたため迷路のような状況となっていた駅に誘導係として配置された佐藤が「声を使っての実際の誘導だけでは対応できない」として、ガムテープを使った案内表示を作り始めたのが「修悦体」の始まりである。当初は駅からの指示や許可は無かったが、無断で駅の番 8 リンク ロケットニュース24 新宿駅の「ガムテープ案内表示」を作りだした佐藤修悦さんインタビュー ！『修悦体』はこうして生まれた 皆さんは、「修悦体」という書体をご存じだろうか？ 佐藤修悦さんというガードマンの方が、ガムテープを使って作り出した書
これは感涙！ひつじ年の2015年と2003年の年賀ハガキには12年越しの感動ドラマが隠されていた！ : Japaaan
来年2015年の干支は未年（ひつじどし）ですね。年賀ハガキを書く予定の方はそろそろ絵柄を考えている人もいるのではないでしょうか。 筆者もそろそろ年賀ハガキの購入やら絵柄やらを考えていた最中、2015年の年賀ハガキには涙ものの感動ドラマが隠されていることを知りました。 そのドラマとは前回の未年であった2003年の年賀ハガキが関係しています。まずは2003年の年賀ハガキの切手柄を見てみましょう。 可愛らしい羊がせっせと編み物をしていますね。 そして2015年の年賀ハガキの切手柄がこちら。 2015年も編み物を…！？！？！？ 編みあがってる！！ そして自分で編んだマフラーしてる！ そう、12年越しにこの羊はようやっとマフラーを編みあげていたのです！ この絵柄が意図したものなのかどうなのか日本郵便からの説明はないようなのですが、おそらく2003年の切手柄とのつながりを考えてのことでしょうね。 20
あの「愛生会病院」のサイトが、ついに閉鎖
愛生会病院のウェブサイトにアクセスしてみたところ、「403 Error - Forbidden」の文字が。ずいぶんと目に優しい画面になってしまった…… 「検索してはいけないワード」としてネット上の一部では有名な、「愛生会病院」のウェブサイト。愛生会病院は、埼玉県にある内科、小児科、産婦人科の病院だ。なぜ有名になったかというと、目に優しくなさすぎる色使いや、気持ち悪いほど大きくなったり小さくなったりするテキストなど、病院のサイトにも関わらず不健康過ぎるウェブデザインだったからだ。一度目にしたら、まず忘れることはできないと言っても過言ではなかった。 ところが今年5月、その愛生会病院のサイトが閉鎖されるというニュースが舞い込んできた。院長の息子である宮本“ブータン”知聡氏が、14日未明にTwitterで「【続報】『愛生会病院のHPが閉鎖』…残念ながら、…本日、院長が「2ヶ月以内に閉鎖する」という
アッと驚く形の氷でクールなおもてなし。おもしろ製氷器いろいろ - coolest ice cube trays -
スターウォーズでお馴染みのミレニアムファルコン号。 その他にも鯉や宝石やジョーズやムンクの叫びや面白い形の氷が作れる製氷器が勢揃い。 氷に閉じこめられたハン・ソロやシロクマやペンギンのは過去にもこちらで紹介してましたね。 タイタニック号の製氷器は実は私も持っています。 見た目でも楽しめる遊び心、お一ついかがでしょうか？ モノによってはバレンタインデーにも使えそうですね。 ↓ご購入はこちらから ミレニアムファルコン号(12月発売)：[楽天][楽天][Amazon] タイタニック号：[楽天][楽天][Amazon] ハン・ソロ：[楽天][Amazon] シロクマ、ペンギン：[楽天][Amazon] ムンクの叫び：[楽天][Amazon] 宝石：[楽天] 鯉：[楽天][Shop] ギター：[楽天] ハート：[楽天][楽天] 脳みそ：[楽天][Amazon] via: The 15 coolest
実は隠された裏の意味を持つ企業ロゴいろいろ : らばQ
実は隠された裏の意味を持つ企業ロゴいろいろ 企業や製品のブランドには様々なロゴが用意され、名前や関係したデザインが盛り込まれています。 それぞれ良く考えられた末の意匠ですが、中には二通りの裏の意味を持つ、ひねりのあるロゴもあるんです。 実は隠された意味を持っていた、良く知られた有名企業のロゴをいくつかご紹介したいと思います。 Vaio 言わずと知れたソニーのVaioのロゴですが、実は隠れた意味があるそうです。 前半の2文字が正弦波でアナログを示し、最後の2文字が1と0の2進法でデジタルを表現しています。「アナログとデジタルの融合」をスローガンとしているとのことです。 Amazon ネットショッピングでおなじみのアマゾンですが、実はちょっとした哲学を反映しているそうです。 黄色の矢印は、客に満足させたい意味を込めたスマイルの口のようになっています。その矢印がaとzを指しているのは、アマゾンに
今までで一番すごいミス【DTP・印刷】 - にくろぐ。
引用元:DTP・印刷板「◎◎今までで一番すごいミス◎◎」 http://that.2ch.net/test/read.cgi/dtp/1003403971/ 3 名前：氏名トルツメ[]投稿日：01/10/18 21:23 チャームポイントの顎のほくろをゴミと間違えて消した 12 名前：氏名トルツメ[]投稿日：01/10/25 03:39 アニメギャルを10人ぐらい並べるとこで 一人だけ1200dpiで入稿した。 そいつだけやたら美しかった。 141 名前：氏名トルツメ[]投稿日：01/12/17 19:24 知人が大昔、写植で大使館を大便館と誤植してしまい、展示パネルにでっかく「○○大便館」となっていて、クライアントが大恥をかいたことがあるそうです。 34 名前：氏名トルツメ[]投稿日：01/10/27 15:14 エロ雑誌やってたころ 顔出しNG→目線いれ忘れ 源氏名→本名に
はてなステッカー完成！ - はてな広報ブログ
はてなが始まって以来、初めてのオリジナルステッカーが完成しました。 まだスタッフにもお披露目できていない出来立てホヤホヤのステッカーをこの場でご紹介します。 じゃーん、これが完成品です。 はてなのロゴ、B!ボタン、ハイクのロゴ、カラースターなどが様々なバリエーションで盛り込まれています。サイズはA5サイズです。 さっそくその辺にいるスタッフに声をかけて、色んな持ち物に貼ってみました。 はてブのヘビーユーザー、id:ayakoyaのThinkpadにはやっぱりこれ。 うごメモのインターナショナル・リエゾンのid:aaronのブルーのDSiです。色が合う！ 私の白いDSiにはスター！ 愛用のMacBookにも貼ってみました。小さなはまぞうが愛らしい。 シートのサイズはA5で小ぶりですが、結構盛りだくさんで貼りごたえがありますよ。 ちなみにデザインを担当したのは、デザイナーのid:kyabana
カゴメのジュースに隠されたメッセージに感動 - エキサイトニュース
「たたんでくれてありがとう」 こんな言葉が目に飛び込んできた。カゴメのジュース『野菜生活』（200ml）を飲み終わり、パッケージをたたんだときのことだ。 写真にあるように、このメッセージはパッケージをたたんでみないと出てこない場所に書いてある。たたんだ人だけに贈られる言葉。なんてステキなんだろう！ なんだか嬉しくて、ほっこりした優しい気持ちになった。 そこで、さっそくカゴメ株式会社の広報部に問い合わせてみた。この企画をした、現・商品企画部長の高野仁さんをはじめ、社員の布川浩一さん、大谷紗貴子さんに取材することに。 まず、このメッセージを入れた経緯をうかがってみると、入れはじめたのは2008年9月頃。実は、その半年前に商品をリニューアルした際、最初は言葉ではなく、イラストを入れていたんだそう。 「『野菜生活』というブランド性を考えたときに、なにかちょっとした楽しみを提供したいと思い、たたんだ
Dyson、“羽根がないのに風が出る”扇風機を発表
この扇風機は土台の部分に組み込まれたモーターを使って空気を吸い込み、その空気を飛行機の翼のような傾斜がついた輪から送り出す。空気が輪から出るときに、その気流に周囲の空気が引き込まれて、空気の流れが増幅され、空気が一定して途切れなく流れる。 Dysonは、この扇風機は羽根がないため安全で手入れが簡単だと述べている。上部が重く簡単に倒れることもある従来の扇風機とは違って、傾けることもできるという。 Dyson Air Multiplierは10インチと12インチのモデルがあり、価格はそれぞれ299.99ドルと329.99ドル。カラーは10インチモデルがブルー＆アイアンとシルバー＆ホワイトの2種、12インチモデルがシルバー＆アイアンの1種。米小売店やDyson.comで販売の予定。
amazonのダンボール箱でつくるA4ファイルケース【マゴクラ】ダンボールインテリア生活
Amazonさんのダンボール箱でつくる、A4書類がピッタリ入るファイルケース。 型紙はフリーダウンロードできますよ。 たくさんつくって重ねると、多段式ファイル引き出しになります。 もうどの家にもひとつやふたつはきっとあるAmazonさんのダンボール箱。 「材料ってどこで手に入るんですか？」 っていう質問がいちばん多いマゴクラとしては、これを使わない手はありません。 Amazonのダンボール箱も種類が豊富にあるようですが、 おそらく最も流通量が多いと思われる(マゴクラ調べ)、ウラ面に『BX0110』と書かれたダンボール箱を使います。 この『BX0110』、ジッパー形式で開くようになっていて、中身は台紙にビニールで固定されているタイプなのです。 言い忘れましたがこのファイルケース、ひとつ作るのにダンボール箱は2個必要ですよ。比較的入手しやすいダンボール箱だとは思いますけれども。 では材料の準備
一風変わった『ものすごく使いにくそう』なフォント15選
使いにくいはもちろん私の主観によるものです。 きっかけは『Magic Kingdom Font – Space Encounter』という、最近ブログを始めたばかりの人の記事だった。魔法の国のフォント？？どういうことだろ・・・。 早速ダウンロードして『hatenaBookmark』とうったら以下のように仕上がった。 全く読めない（笑） こういうアイデア、なかなか面白いなぁと思い、他にも色々面白そうで、ちょっぴり使いどころにセンスが必要な奴をご紹介してみます。 面白素敵フォント集15選 Space Encounter Font | dafont.com 今回ご紹介した魔法の国のフォント。 この魔法文字を読むことは誰にも出来ないだろう。 これで今日から不思議ちゃんって呼ばれるかもしれない。 追記 フォント自体、宇宙言語(クリンゴン語とか)ネタです。 それを先に紹介したブログ主がDisneyで発
中国の町並みをドット絵で再現したE都市がすさまじい - てっく煮ブログ
中国の地図サイト「E都市」は一昔前の RPG のようにドット絵で中国の町並みを再現しています。描き込みの量もすごいし、再現されている範囲も広くて驚きました。たとえば 上海 はこんなの。もちろんドラッグで移動できます。少し拡大してみます。さらに拡大してみます。右下のビルの看板の文字が読めちゃってます。自分が見た範囲では全ての場所で地図がここまで拡大できました。すべてのズームレベルでしっかりと描き込んであるのが驚きです。Google Maps の衛星地図とも比較できます。衛星写真を45度ぐらい時計回りに回転すると、上のドット絵に近くなりますね。道の形や屋根の色まで忠実に再現されています。北京を旅する北京 の天安門広場〜紫禁城。天安門にズームイン。もちろん毛沢東の肖像画まで再現。オリンピックで話題になった鳥の巣スタジアムも再現されています。すぐ近くはビル街だったんですね。香港を旅する香港 の大量
フォント同士を交配させて新しいフォントを作る「genoTyp」が面白い - てっく煮ブログ
「この発想はなかった！」と驚いた。genoTyp はフォント同士を交配させて新しいフォントを生み出す実験サイトだ。早速、試しにやってみた。1. 第一世代の親を決めるgenoTyp を開いて左上の [Breed] タブをクリックすると「交配ページ」が表示される。[add original font] ボタンをクリックして、祖先となるフォントを２つ追加してみた。交配させるために２つのフォントをドラッグしてくっつけた。くっついた状態になれば交配の準備は完了だ。2. 交配させてみる中央の [cross] ボタンを押すと第一世代が誕生する。４人の子供が誕生した。父親似だったり、母親似だったり、子供によって雰囲気が異なっている。3. 第一世代でも交配別の [original font] を追加させて、第一世代の中から気に入ったものと交配させてみた。３人の子供が第二世代に誕生した。4. さらに交配！今度
超カッコイイ！ 空中に文字が浮かび上がるiPhoneのアプリ｢Light-Writer｣
超カッコイイ！ 空中に文字が浮かび上がるiPhoneのアプリ｢Light-Writer｣2009.03.30 13:0014,135 iPhoneのアプリで｢Light-Writer｣っていう、かっこいいのを見つけちゃいました。 これは、Light Writerを起動してiPhoneを適切なタイミングで左右に振ると、フラッシュLEDの残像で、空中に文字が浮き出るっていうものなんです。ブォンブォンとiPhoneを振ると思い通りの言葉が空中に表示されるなんて、魔法みたいで、かっこよくありません？ Light WriterはLaan Labsの開発したもので、文字だけじゃなくピースマークとかハートといったイメージも表示することが出来ちゃうんです。自分専用の電光掲示板を好きな時に好きなところに作れちゃうかんじ。 使い方は簡単で、アプリを起動して好きなメッセージやクリップアートを選んで、iPhone
柄が日本刀風になっている傘「サムライアンブレラ」
ユニークなデザインの雑貨を生み出しているニューヨークのブランドKIKKERLANDが作り出した日本刀風の傘「サムライアンブレラ」。雨の日でもこれを持てば悪天候にくじけない気概がわき上がるかもしれません。 詳細は以下から。 あまりにも面白いデザインのため衝動的に購入。KIKKERLANDでは36ドル(約3300円)で販売していますが、ThinkGeekでは29.99ドル(約2800円)でした。 ダンボールの中身。 KIKKERLANDのタグ。 柄の部分は緩衝材で包まれていました。 緩衝材を外すと姿が現れます。 通常の傘とは違った複雑な形状の柄には滑り止めの効果もあるかもしれません。 つばは無地で模様がありません。 「サムライアンブレラ」全体図。ストラップ付きの袋が最初からついています。 袋はこんな感じ。 調整可能なストラップ。背負ったりして持ち運びできるようになっています。 袋を取り払った傘
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユニクロが佐藤可士和に何か弱みでも握られてるのかってレベルの純白ボストンバッグを発売中 : 市況かぶ全力２階建
sk
これは間違いなくネルフの仕業＠岩手県
http://air-sampai.jp/