ハンコでアソブは、フリーの透過PNG消しゴムハンコ素材サイトです。 リンク、使用報告、クレジット記載不要／商用利用可です。 © 2024 ハンコでアソブ. All rights reserved.
ハンコでアソブ
ハンコでアソブは、フリーの透過PNG消しゴムハンコ素材サイトです。 リンク、使用報告、クレジット記載不要／商用利用可です。 © 2024 ハンコでアソブ. All rights reserved.
ウェブデザインのマンネリ化から抜け出したい人のためのリンク集
ウェブサイトでよく使用されるエレメントやデザインのアイデアをコレクションしている、インスピレーションを与えるサイトを紹介します。
メイキング「NERV極秘資料 - 電力使用状況」こと技術解説 - 甘味志向＠はてな
NERV極秘資料 - 電力使用状況 先日、東京電力の電力使用状況をエヴァンゲリオン風デザインで表示するWebサイトを作ったものが、あちこちで反響を頂きました。 ねとらぼ：「NERV専用監視装置」で東電の電力状況をチェック エヴァ風サイト登場 - ITmedia NEWS NERVの一員になったつもりで節電！ エヴァ風電力使用状況メーター | ギズモード・ジャパン Twitterでは16000以上ツイート頂けたようです。 http://topsy.com/kanmisikou.net/lab/power/ こちらの、はてなブックマーク週間ランキングでもIT・コンピュータカテゴリ2位を頂きました。ありがとうございます。 http://b.hatena.ne.jp/ranking/weekly/20110321/it これだけの反響を頂きましたし、せっかくなのでWebアプリを作る工程を解説します
【スマホ集中連載 第4回】 "HTML5とCSS3で何ができる？" 〜メリット・デメリットを徹底研究！ : LINE Corporation ディレクターブログ
※この記事はChromeで見るのがおすすめです。 こんにちは。新規開発グループ ディレクター兼マークアップエンジニアの浜です。 スマホ連載の第4回目は、HTML5とCSS3という実装寄りの内容になります。とは言っても難しいコードはあまり出てきません。「HTML5とCSS3で何ができるのか」という事をメインに、知っておくと、構成書を作る時のアイディアベースになったりデザイナー・マークアップエンジニア（コーダー）と打ち合わせをする際に話しやすくなる内容をお送りします。 記事のアウトラインは以下です。 そもそも、HTML5とCSS3ってもう使えるの？ HTML5とCSS3を使うメリットは？ HTML5とCSS3で何ができるの？ そもそも、HTML5とCSS3ってもう使えるの？ 使えます。 （※ここから先は、その根拠について説明します。必要ない方は、次の章に飛んでしまっても構いません） 現在のスマ
サイト作成に欠かせないサイトやサービスなどを20個｜Webpark
私がサイトを作る際によくお世話になっているサイトやサービス、フリーソフトを紹介します。個人的に見ているものだけなのでまだまだあると思いますが、ご参考になればうれしいです。 週間ウェブデザイン 次の「あんじょうできてはる」が更新停止になっているのでこちらを。1ページあたりの表示数が多いので探しやすいですね。 あんじょうできてはる Webデザインのギャラリーはたくさんありますが、見やすさ探しやすさでこちらをよく見ます。更新は止まっちゃってますが。。 MephoBox ヘッダーやフッターなど部分的なものにこだわった海外のギャラリーです。404やナビゲーションなんかもあり参考になります。 ロゴストック 日本を中心にかなりの数のロゴが集められています。管理人さんや訪問者の評価も見ることができて参考になります。 フリーの素材集です。「ロイヤリティフリーなフリーフォト、無料写真素材サイトのまとめ」もご参
overflowを使ってfloatの問題を解決するスタイルシートのテクニック | コリス
フロートした子要素を内包するコンテナが高さを拡張しない問題を解決するためのテクニックはさまざまなものがあります。 その中から、overflowを使った方法とその際に生じる問題点とその解決方法を紹介します。 CSS: Clearing Floats with Overflow [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに Demo 1: overflow:auto; Demo 2: overflow:hidden; overflowを使って生じる問題点と解決方法 はじめに フロートベースのレイアウトをする際、ラッパーとなるコンテナがフロートしている子要素に対して高さを拡張しないことは、普通によくある問題です。 デモ：１ フロートをクリアする要素を配置して解消した例 しかし、この問題を解決するために、「overflow」プロパティでもできることを知っていましたか？ これは
Conol,Inc
NEWS 株式会社コノルからのお知らせやプレスリリースなど 2024/02/19 CUONA 第52回国際ホテル・レストラン・ショー2024ご来場ありがとうございました 2024/01/25 CUONA Favorでの決済方法にPayPayが利用できるようになります 2024/01/09 CUONA Clue GATEに新しいシリーズ002Sが登場しました 2023/09/30 CUONA NFCを使った通信認証装置およびシステムの特許を取得しました 2023/01/07 CUONA 第51回国際ホテル・レストラン・ショー2023に出展します かざすだけで、あなたもお客さまもシンプルに 世の中にはたくさんの便利なサービスがあります。 しかし、同じ手続きのやり取り、本人確認、サービスへの接続など、色々な手間と煩雑さが混在しています。 私たちが開発したCUONAの仕組みであれば、NFC（近距離
テレビ朝日 アニメソング Gold&Silver 2011年3月23日 2枚同時発売!!｜日本コロムビア
ご意見・ご要望・ご質問はこちらへ ©藤子プロ・小学館・テレビ朝日・シンエイ・ADK copyright © 2011 NIPPON COLUMBIA CO.,LTD. All rights reserved. このページのトップへ戻る
「ホームページを作る人のネタ帳」さんのリデザインをしました
2013年3月23日 Webサイト制作, Webデザイン Webデザインには大きく分けて2種類あります。新規作成と、既存のサイトのリデザインです。今回「ホームページを作る人のネタ帳」さんのリデザインをお手伝いさせて頂きました！リデザインにあたり、改善点やリデザインの流れをケーススタディーとして公開してみようと思います。 ↑私が10年以上利用している会計ソフト！ 打ち合わせ リデザインにあたり、まずは入念な打ち合わせをします。Yamadaさんからの要望は、 とにかく読みやすく、スッキリと 差し色にピンクを使いたい jQueryを使った何か仕掛けが欲しい の三点。文章主体であるこちらのブログでは読みやすさが命。スッキリとしたデザインを第一にしてほしいとのこと。また、「ユーザーに数秒でもいいので楽しんでもらいたい」という思いから、何か仕掛けを、と依頼されました。Yamadaさんらしい遊び心ですね
枠線付きの吹き出し
ミニブログの隆盛以降ウェブ上でよく見かける吹き出しをCSSで作るお話。単色のものはかなり前に書いた。今回はそれに枠線をつけてみよう！ みよう！ みよう！ Demo: Bordered Speech Bubble 枠線は単なるsolidなborderで少し角を丸めただけ。 尻尾を付ける :before擬似要素を使う。デモの3番目のサンプルのように、まず枠線と同じ色で三角形を作る。三角形は以前のエントリで書いた手法と同じで、左右のborderをtransparentにすることによって作る。 .speech-bubble:before { border-top-width: 16px; border-right-width: 16px; border-bottom-width: 0; border-left-width: 16px; border-color: #369 transparent;
HTML / XHTMLで使用されるエンティティ文字一覧
エンティティ文字の一覧を表示します。全てのブラウザでこれらのエンティティ文字が使用できる訳ではありません。事前にチェックするようにしてください。 また、この一覧は全てのエンティティ文字を網羅しているわけではありません。代表的なものに限っています。 表示される文字名前での表現数値での表現説明
効果的に「奥行き」をデザインに与えているウェブサイトのまとめ
ウェブデザインにスパイスを効かせる一つの方法に、奥行きを与える、があります。フラットなデザインではなく、エレメントを使って奥行きを作り出します。 そんな奥行きを効果的にとりいれたウェブサイトを紹介します。
SEO検索エンジン最適化チュートリアル
サイトやページのコンテンツを読みやすく、わかりやすく、使いやすく、そして美しくすること、つまり良好なユーザーエクスペリエンスを提供することは、Webデザインが担う重要な役割であり、人間のユーザーに対して有効であるのと同様に、SEOにも有効に働きます。 SEOに強いWebデザインの基本ターゲットユーザーの設定はWebデザインに欠かせないプロセスですが、そのターゲットユーザーのひとつに検索エンジンを加えることで、WebデザインはSEOフレンドリーになります。現在の検索エンジンは、人間のユーザーと同じようにサイトのユーザーエクスペリエンスを評価するからです。 ウェブサイトは利用者の便宜のために構築するべきであり、すべての最適化はユーザー エクスペリエンス向上のための調整である必要があります。検索エンジンもそうした利用者のひとつであり、他のユーザーがあなたのコンテンツを見つけるための手助けをしてい
sour-mirror.jp
sour-mirror.jp 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
PCサイトの常識が通用しない！携帯サイトでクリックしてもらえるボタンの作り方 | KAYAC DESIGNER'S BLOG - カヤックの意匠部によるデザインやマークアップの話
こんにちは！ 今日も携帯をクリックしすぎて手が筋肉痛のユリっぺです✿ 今回は、携帯の「クリックしてもらえるボタン」を作ってみたいと思います。 携帯で遊んでいると、画像でつくられたボタンが選択されてるかわからない、認識しづらい、といった経験をしたことはないでしょうか。 また、携帯サイトを運営しているかたの中には「こんなに目立つボタンなのに全然クリックされない！」といった悩みをもった人もいるかもしれません。 そこで文字の部分はテキストを使ったボタンを作ってみました。 まずはじめに、tableの左右の隙間をすこし多めにとってみます。 (au) <div align="center" style="text-align: center;"> <table align="center"> <tr><td bgcolor="#ffd70b"> <a href="#"><span style="colo
text-decorationの仕様を理解する - Web標準普及プロジェクト
text-decorationの仕様を理解する この文書内に登場する「テキストの装飾」とは、テキストに下線、上線、取消線を付加するか否かを制御することを指します。 これらはtext-decorationプロパティによって設定できますが、これは一見単純な指定のようですが実際はかなり複雑です。 誤解の多い仕様ですので、少し詳しく紹介します(ここでは下線についてばかり説明していますが上線、取消線についても適宜読み替えてください)。 アンカーテキストの下線を消すには ものの本によるとアンカー(リンク)の下線を消すことは良くないことだ、と書かれています。 確かに下線があるとアンカーのように見える、という人は多いと思いますが、アンカーに下線が無いサイトが最近は多いですし、 また、下線が無いことによってアンカーを見失うということも(あまり)無いのであえてこの方法を紹介します。 いきなり正解を書くと次のよ
スタッフ紹介ページをうまく活用している企業サイト
2017年6月29日 Webデザイン みなさんが今働いている会社に就職する前、その会社のどのページを参考にしましたか？多くの方が企業紹介のページを参考にしたはずです。その中でも実際に働いている人の紹介ページもあったら、その会社についてもっとイメージが湧きますよね。今回はそんなスタッフ紹介ページに注目してみようと思います！ ↑私が10年以上利用している会計ソフト！ スタッフ紹介ページの必要性 企業サイトが一番伝えたいのは「この会社はどんな事をしているのか」という点だと思います。そのためほとんどの企業サイトに「この会社について」などの企業紹介ページを設置しています。しかし企業の経歴や代表者の挨拶だけで、本当にその会社の説明ができるでしょうか？ 最近デザイン系のWebサイトをはじめ、企業サイトでもスタッフの紹介を掲載するページが増えてきました。どんな人がこの会社をつくっているのか？どのように製品
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Click Chart | CSS3 Browser Support and Information
http://designaholic.cc/2011/02/post-82.html
HTMLやCSSが手間なく書けるZen Coding | Zen Coding 1-1 | HTML+CSSコーディングが10倍速くなるZen Coding
