【レビュー】マウス操作だけでCSS3対応ボタンを自在に作成! その名も"Button Maker" | エンタープライズ | マイコミジャーナル
意外と面倒なボタン作成も"Button Maker"を使えば解決!? WebアプリケーションやWebサイトを作成するにあたって、なにかと頻出するボタン。特別な意味をもたせるボタンには、ちょこっとアクセントをつけたいところ。実際に作成する場合 スタイルシートを編集 → Webブラウザで確認を繰り返す Firebug等のデバッグツールを使い、オンザフライでスタイルシートを調整 CSS3に対応したWebブラウザ/デバッグツールでデザイン、画像ボタンとして保存/利用 (参考: CSSグラデーションを使ってクールなボタンをつくる方法) といった方法があると思う。これらツールを使用しても、数字の微調整を繰り返すのはちょっと手間がかかる作業だ。ここでは、よりサックリとボタンを作る方法のひとつとしてButton Makerを紹介したい。 Button MakerはCSS-TRICKSが公開しているボタン作
Mockingbird has Shut Down
Mockingbird is no longer in operation. We’re hoping to open-source the code sometime in the near future. In the meantime, some simple alternatives, in a similar spirit to Mockingbird, are: Excalidraw: https://excalidraw.com TLDraw: https://www.tldraw.com If you need a more comprehensive mockup solution, you might want to check out the following: FigJam: https://www.figma.com/figjam/ MockFlow: http
Opera News
AI Aria browser AI now available in Opera without sign-in September 26th, 2024 Opera is making it possible for you to use Aria AI without sign-in requirements. Opera for iOS Opera One for iOS wins the MUSE Design Award 2024 September 6th, 2024 We're thrilled to announce that Opera One for iOS has won the MUSE Design Award for 2024! AI Image Understanding arrives in Opera for Android September 3rd,
Adobe CS5風のアイコンがとっても簡単に作られるアイコンジェネレータ*二十歳街道まっしぐら（FC2ブログ時代）
「CS5風アイコンジェネレータ」では、Adobe CS5風のアイコンが簡単に作れます。 こんな感じのアイコンが作れるということです。 文字を入力、色を決めるだけで！あとは自動的に作ってくれます。 その場でダウンロードおよびTwitterアイコンに設定ができますよ！ 開発者の方の記事はこちら： お手軽にCS5風のアイコンが作れるIcon Generatorをリリースしました Icon Generatorができるまで～制作レポート～ CS5およびCS4、Web2.0アイコンが作れます。 CS3は過去記事で紹介しています： 綺麗なアイコンがサクっと作れちゃうツール「Icon Generator」 以下に使ってみた様子を載せておきます。 まず、「CS5風アイコンジェネレータ」にアクセスします。 するとこんな感じでジェネレータが表示されます。 好みの文字を入力し、色を指定します。 「アイコンを保存す
荒れないウェブサービスの作り方 - aike’s blog
ウェブサービスの運営者はどこも同じような悩みを抱えています。 ユーザーは基本的にコミュニケーションが大好きなのですが、コミュニケーション機能は常に荒れる危険を伴っています。そのためウェブサービスはどこも工夫を凝らしてフレーム(flame)対策をしています。今回はいくつか典型的なフレーム防止のパターンをまとめてみました。 ■文字数を制限する 長い文章を投稿できると議論がフレームに発展しやすいため、書き込める最大文字数を制限する対策です。Twitterの140文字という制限は有名ですし、クックパッドの「つくれぽ」はわずか32文字です。pixivのコメントは255文字で比較的多いものの、改行ができないため長文は書きづらくなっています。長文を投稿したいというユーザーからの要望は強いはずですが、これらのサイトはしっかりとポリシーを持ってあえて文字数制限を設定していると思います。 ■コミュニケーション
30 Pure CSS Alternatives to JavaScript – Speckyboy
With all the cool things that surround JavaScript (especially with jQuery), it’s easy to forget that it’s possible to push pure CSS (with a touch of HTML) into an all singing and all are dancing interactive site, with absolutely no scripting at all. The pure CSS techniques, outlined in this article, are neither new nor are they groundbreaking. What they do offer is CSS solutions to what would trad
ウェブデザインに黄金比やフィボナッチ数列など数学的な要素を取り入れる方法
黄金比、フィボナッチ数列、ファイブエレメンツ、サインウェーブなど数学的な要素を巧みにウェブデザインに取り入れる方法をSmashing Magazineから紹介します。 Applying Mathematics To Web Design 下記は各ポイントを意訳したものです。 また、当サイトでも黄金比をウェブデザインに取り入れる簡単な方法を紹介していますので、あわせてどうぞ。 黄金比をサイトのデザインに取り入れる簡単な３つの方法 はじめに 1. 黄金比（黄金四角形） 2. フィボナッチ数列 3. ファイブエレメンツ 4. サインウェーブ [ad#ad-2] はじめに 「数学は美です。」 数字嫌いの人には、ばかばかしく聞こえるかもしれません。けれども、自然や宇宙にある美しいもの、最も小さい貝殻から最も大きい銀河まで、数学的な要素を持っています。 数学ははるか昔から今日まで芸術や建築のデザインに
整ったレイアウトのWebサイトを手早く作るためのCSSフレームワーク·Markercss MOONGIFT
MarkercssはCSS製のオープンソース・ソフトウェア。開発者はWebデザインが苦手だ。絵が描けない、デザインのイロハが分からないなどと色々な問題はあるだろうが、その一つにCSSの使い方がよく分からないというのがある。特にブラウザ間の誤差をうまく吸収できないのだ。 こんな感じのデザインも容易に Firefoxで見栄えよく仕上がったと思ったらIEで見たら破綻していた…そんなことを繰り返しているとデザインがいやになってくる。そこで使ってみたいのがMarkercssだ。Markercssは設定を一つ一つ行っていくのではなくシンボル化することで手早くデザインできるようにする。 例えばフォントをArialの12ポイントにしたい時にはクラスに“A s12”と書く。レイアウトを幅900pxにしたい時にはw900と書く。同様に高さはh500といった具合に定義する。Markercssの規定する方式に沿っ
Cacoo - Web上で図の作成とリアルタイムコラボレーション
Online diagramming tool for collaborating on wireframes, flowcharts, and more
PositLog - Redrawing the Web
[Login] Project page: https://github.com/canal874/positlog Preferred language[English] [Japanese] フォーラム（コメント・バグ報告など） Copyright (c) 2006-2008 Hidekazu Kubota All rights reserved hidekazu.kubota@gmail.com News! 2009/10/9 進化版の Crowkeeプロジェクト（動的コンテンツの開発を可能とするWebアプリケーション）で、2008年度下期未踏本体スーパークリエータに認定されました． サイトのページ一覧 便利な使い方 ロードマップ 次のマイナーアップデート予定 サイトの更新情報 FAQ PositLog redrawing the Web 機能の詳細 マニュアル PositLogとは
WEBサイトの構成図を作成できるオンライン ソフト「SlickPlan」HTML、PDFで共有可能 - WEBマーケティング ブログ
WEB サイトの構成図 を作成するソフトとして使えるのはマインドマップ作成ソフトですが、多機能なだけに重かったり、サイトマップを作成するのにオプションの設定が必要だったり、毎度テンプレートを探したりと、あまり手軽ではないと思います。 そんなサイト 構成図 をサクッと作って提示、共有したい時に便利なオンライン ソフトをご紹介します。 2009/12/25追記：今日現在、日本語が文字化け、PDF形式でのエクスポートが行えなくなっています。この件につきまして、@kira88が運営元へフィードバックをしてくださいました。お知らせいただき、ありがとうございますｍ（＿ ＿）ｍ 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! サイトの構成図をサクッと作れるオンライン ソフト「SlickPlan」「SlickPl
CSSでゲームのような円形メニューを作るサンプル:phpspot開発日誌
Stu Nicholls | CSSplay | A circular menu with circular sub menus CSSでゲームのような円形メニューを作るサンプル。 次のような、可愛い円形メニューが作れます。 アイコンにカーソルを合わせると、「HOME」といったメニュー内容が表示されるため、迷うことなく使えそう。 鉛筆にカーソルを合わせると、追加で２つのアイコンが表示され、次のアクションにいけます。 人型のアイコンにカーソルを合わせると、４つのアイコンが表示。 メールアイコンにあわせると次のアクションとなる４アイコンが表示。 という感じで、なかなかユニークなナビゲーションで、触っているだけでもなんとなく楽しい感じがします。 実装すると、それだけでアイデアの利いたサイトだなぁと思われそう。 こうした枠の幅を最小限にしてすべての項目を見せつつスマートに配置できるという点でＵＩと
お勧めのオンラインコラボツールいろいろ : could
UXサービス お勧めのオンラインコラボツールいろいろ 基本的なコミュニケーションはメールやチャットといった文字情報のみで出来ますが、ビジュアルに関する考えを共有する場合、文字だけでは難しいです。スクリーンショットに手軽に情報を入れたり、スクリーンキャスト (動画) を作るツールが充実してきたので、ビジュアルを共有するのも難しくなくなってきました。絵を見せて意見を交換するというやりとりだけならメールでも難しくありません。しかし情報共有したり、共同作業をしたいと考えると、オンラインツールが最適です。今回はウェブサイト制作に役立つオンラインでコラボレーションを可能にするツールを幾つか紹介します。 Protonotes 以前builder.comの記事として紹介したことがありますね。ウェブサイトに JavaScript のコードを埋め込むだけで、どのサイトにも付箋を貼付けることが出来るサービス。使
キャッシング 融資小ロ
午前中にカードローン審査で合格が出ると、お昼以降に融資金が受け取れる流れが普通の流れと言えます。キャッシュの持ち合わせがピンチな時も、即日融資があれば何とか凌げます。 アイフルは、テレビコマーシャルでも知名度の高いキャッシングローンを主軸にしている業者です。そして、即日キャッシングの申込ができる実績も多い全国に支店展開しているキャッシング会社だと言えます。 お金を借りるときも返す時も、コンビニや既定の銀行のＡＴＭを利用することができるカードローンは、さすが利便性が高いと思われます。当たり前ですが、手数料を払わなくても使う事ができるかを確認して下さい。 勤めている所が著名な会社とか公的な組織の人だと、高い信用度があると査定されます。こうした捉え方はキャッシングの審査に限った事ではなく、日常会話の中で言われているものと変わらないと言えます。 申し込みにつきましてはＷＥＢで行なえますから、キャッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WPデザインギャラリー
bookma! - 404
Operetta Advance :: Add-ons for Firefox
TAMAKI’s Little Treasure
IDEA * IDEA
HugeDomains.com
