FONTAは 一人一文字、手書きをして、みんなでフォントをつくるサイトです。 できたフォントは、自分のPCにインストールしたり、Webフォントとして実際に使ったりすることができます。 文字はさまざまな進化を遂げていまのかたちになっています。 文字の進化を観察したい。 そんな気持ちから本サイトはつくられました。
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
2022年6月30日(木)モバイルgooの終了に伴い、サイトビューワの提供を終了いたします。 長年のご愛顧、誠にありがとうございました。 上記期間後はご利用ができなくなりますので、ご注意ください。 URLを入力して表示
最近、このブログのデザインを1から作りなおして、フラットデザインを取り入れて見ようかなと考えています。 フラットデザインはシンプルな分、ごまかしが効きません。使い所が難しいので何か見本やサンプルがあると助かりますよね。 勉強がてら、フラットデザインのサンプルとなるアイコンのリンクを集めてまとめてみました。 フラットデザインアイコンまとめ Free program icons on Behance Dribbble – Free Flat Icon Set by Barry Mccalvey 40 Social Media Flat Icons on Behance Weather app + psd on Behance My Desktop Icons – Free Download on Behance Dribbble – Freebie – Flat Credit Cards by
字幕なしで『WWDC』や『Google I/O』を視聴するために、リスニング力を鍛える方法【連載:コピペで使えるIT英語tips】 2013/07/30公開 最近はさまざまなカンファレンスがUstreamなどを使って生配信されることが多い。代表的なところでは、Appleの開発者向けイベント『WWDC』(2013年の模様はコチラ)や、Googleが主催する『Google I/O』などが日本でも人気が高い。 読者の中にもリアルタイムで視聴しようと、眠い目をこすりながら生中継に見入ったという方もいるのではないだろうか。 このように、いまや世界の最新IT技術をリアルタイムで知ることができるようになったが、日本人エンジニアの場合、日本語に翻訳されてからその内容を知るという人もまだまだ少なくないはず。 いち早く情報や技術を取り入れ、エンジニアとしての知識を高めるためには、英語を英語のまま理解できる力が
GIGAOM:最新のウェブデザインについてデザイナーに聞きました。パララックススクロールから大胆な色使いまで、5つの注目トレンドを紹介します。 最近のスタートアップはデザインでブレークする、けれど 問題はウェブサイト、モバイルアプリ、コネクテッドデバイス版(PCやスマホ、タブレット)のデザインをどう改良すればいいのかが不明確だということ。単純に無駄を省いてクリーンなデザインにすればいいわけではないのです。 そこで、何人かのテックデザイナーにインタビューを行い、これから重要になる5つのトレンドをリストアップしました。大きい括りでいえば、これらはすべて「シンプルさ」に分類されますが、サイトを煩雑でないものにすることは、すなわち重要な部分を引き立たせることを意味するのです。 クリーンなアイコン ここではあえて、フラットデザインという表現は使いません。デザイナーのHenri Liriani氏の記事
box-shadowはボックスの周りにふわりとしたシャドウをつけることができますが、それを少しアレンジして、立て看板風のシャドウをつけるテクニックをBloomから紹介します。 まずは、通常の周りにふわりとシャドウをつけてみます。 HTML img要素をdivで包みます。 <div class="css-box-shadow"> <img src="logo.png" alt="" /> </div> CSS ボックスの四辺にシャドウを適用します。 .css-box-shadow { width:133px; position: relative; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.5); -moz-box-shadow: 1px 2px 4px rgba(0,0,0,.5); box-shadow: 1px 1px 4px rgba(0
「WPAlchemy MetaBox」の使用方法 カスタムフィールドは「WPAlchemy MetaBox」というライブラリを使用します。 基本的な使用方法は下記の過去記事を参考にしてください。 WordPressでカスタムフィールドをお手軽に実装できるクラスライブラリ「WPAlchemy MetaBox」 (実はこれだけでカスタムフィールドの数は変更できてしまいますね、、、) カスタムフィールドの設定 「wp-content」内に「wpalchemy(ライブラリ本体)」を設置したら、使用しているテーマディレクトリに「metaboxes」というディレクトリを作成して、その中に「setup.php」「metabox.php」「meta.js」「meta.css」を作成します。 ファイルの内容はそれぞれ下記のようになります。 「setup.php」で基本設定をします。 setup.php <?
メインのお仕事がAndroid UI担当になって早1年。 今年は絶対に月に1回はブログを更新すると決めました。 こんにちは。YUKIです。 AndroidのUIデザイン関連でこまめにチェックしている資料をまとめてみました。 これからAndroidのUI関係の情報を集める方、Material Designのガイドラインが発表されてからどう変わったのか収集中の方の参考になれば幸いです! (2015/1/10 現在) ドキュメント関係 公式資料関係 Material Design ガイドライン http://www.google.com/design/spec/material-design/introduction.html まずは読み込んでMaterial Designの思想を理解 Google Developers Blog http://googledevelopers.blogspot
七宝焼き・着物の帯留め 通販 インスタグラム フェイスブック ツイッター お問い合わせ お知らせ 2023.08.04 【期間限定のお取り扱い】7/15-8/20 in 浅草 2023.08.04 【next event】8/5-8/13 in 六本木 2023.06.03 【next event】6/7-6/13 in 新宿 2023.05.11 【next event】5/17-5/22 in 大阪 2023.01.31 【next event】2/10-2/12 in原宿 2022.12.15 【七宝焼帯留のワークショップ】 more ブログ 2023.05.11 【next event】5/17-5/22 in 大阪 2020.11.04 ホシノイチ in OSAKA【雅星本店】 2020.09.28 「ありがとうございました」くるり大丸東京店 2020.04.22 おうち着物 2
ちょっと便利で役に立つ、知っておくと得するかも知れない生活の知恵を紹介した映像。 プールサイドやビーチで貴重品を隠す方法とか、アイスキャンディーが溶けても大丈夫な食べ方とか、ペットボトルの水を冷たく保つ方法とか、夏に嬉しいライフハックいろいろ。 ストロー、マンゴーあたりは常識の範疇のような気がするけど、チップスのパーティー向けの開け方は知らなかったから今度やってみる。 【関連】 日常生活で役立つかもしれないライフハック術まとめ映像 日常生活で役立つかもしれないライフハック術まとめ映像パート3 いくつか覚えておくと便利!スカーフの巻き方25パターン 私は裸で、手元に男物のYシャツ。そんな時に便利なYシャツをドレスとして着こなす方法 10 Life Hacks You Need To Know For Summer! 1. ハンバーガーはひっくり返すと上手に食べられる。 2. ストローはプルタ
[CSS] border-radiusとbox-shadowを組み合わせると、それぞれ単体でのスタイルより5倍重たい!? こんにちは、@yoheiMuneです。 @ahomuさんのブログで、CSSの重みの計測をされているのを拝見しました。 自分でもしてみたいなぁと思いやった手順と、その内容や結果をブログに書きたいと思います。環境構築部分でつまったので、その辺りは詳し目に書きたいと思います。 CSSの重みを計測する 以降のChrome限定のお話になりますが、ChromeではSkia(Wikipedia:Skia)というGoogle製の2Dグラフィックライブラリを利用して画面の表示を行っているようです。 そのSkiaにはSkia Debuggerというデバッグツールがあり、そのデバッグツールを使うと画面のレンダリングの順序や所要時間などの情報を取得することが出来ます。 今回はSkia Debu
「Easing Effect」には3つのデモがあります。 「easeInOutBack」一旦逆にスクロールし、目的地をちょっとだけ通りすぎて戻って到着。 「easeOutBounce」目的地につくとバウンドで到着。 「easeOutElastic」はeaseInOutBackを素早くした感じです。 AnimateScrollの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトをhead内に記述します。 <head> ... <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="animatescroll.js"> </head> Step 2: HTML(スクロール先の設定) スクロール先の要素にidやclassを付与します。 ※ペー
Hi! I'm Jennifer Dewalt and I am making 180 websites in 180 days. You can follow the project here and on the blog. Today's Website Hello World! Day 180 Hello World! Day 179 All Draw Day 178 How We're Feeling Day 177 One Drawing Day 176 Color Jam Day 175 Buggy Day 174 Talking Dude Day 173 Paths Day 172 Chromatones Day 171 Quick Compliments Day 170 GFBOOM! Day 169 Electro Bounce Day 168 Polychrome D
Flip is a jQuery plugin to apply flip animation to any element.0.4.1 Fixed some regression in Chrome and Safari 0.4 Fixed some bugs with transparent color. Now Flip! works on non-white backgrounds! 0.3 Added the content setting: now you can define the next content of your Flip!box. 0.2 Fixed jQuery chainability and buggy innerText rendering (Thanks xNephilimx for your tips!) 0.1 Kick off
プレゼントの40作品はこちら! 40作品246冊ってどんな量? どうやって運ぶの? 応募方法 郵便はがきに(1)郵便番号(2)住所(3)氏名(4)年齢(5)職業(学年)(6)電話番号(7)性別(8)白泉社の作品の思い出を記入して、下記の宛先までご応募ください。 あて先 〒101-8711 神田支店郵便私書箱92号 白泉社宣伝課「40周年全巻プレゼント・冬」 しめきり 2014年1月20日(月)当日消印有効 発表 当選者の発表は、当選の電話連絡通知をもって代えさせていただきます。 ※賞品の発送は日本国内に限ります。 ※応募多数の場合は抽選にて当選者を決定させていただきます。 ※ご応募の際にいただいたお名前、ご住所、ご連絡先などは、プレゼントをお届けするため、またはお届けに必要な情報の確認のためにのみ利用し、その他の目的では利用いたしません。応募はがき、およびデータは抽選にもれた方のものは抽選
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く