These lovely water-colorful dots will make your designs pop...
These lovely water-colorful dots will make your designs pop...
とある理由から、インラインでCSSが書かれているHTMLを、綺麗にCSSファイルと分割させたいというときもありますよね。 しかし、これを手作業で進めるのはとても手間がかかり、0から作り直したほうが速いことがほとんど。 今回は、そんなときに一撃でCSSファイルと分割できるサービスをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! インラインCSSのHTMLをCSSファイルと分割する「Cascader」 「Cascader」は、インラインでCSSが書かれているHTMLファイルを、一発でCSSファイルと分割してくれるオンラインサービス。 ひとつひとつ分解しなくても、HTMLをコピペするだけで分割できてしまうのが非常に便利です。 HTMLタグを貼り付けるだけで分割 ↑たとえば、画像のようにイ
IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。 2011-05-02 Webサイトをコーディングする時に、IDとclassを考えるのが面倒臭くなったので、IDとclassを使わないでコーディングしてみました。 シンプルなサイトなら簡単でつまらないので、IDとclassを使っても難しそうなデザインにしています。 今回もJavaScriptは一切、使用していません。 完成したサイト ID, classなしで組んだサイトを見る。 サイトでやってみたHTML5 HTML5では、html, head, bodyタグを完全に省略しても構わないとされています。 省略してもDOMツリー上に存在しているので、 body {background:#f00;} というCSSの記述も認識してくれました。 サイトで使用したCSS, CSS3の簡単なまとめ Child Selector 結
[読了時間:2分] 高度な機能を持ちながら無料で使える仮想ストレージ「DropBox」を愛用している人は多いのではないだろうか。ファイル更新時、いちいちアップロードする必要なく、自動でサーバーに保存&共有されてしまう便利さは捨てがたい。 「それなら、同じようにファイルを編集するだけで、自動的にウェブサイトが更新できないか?」。そんな疑問から誕生した「DropPages」は、DropBoxと連動したシンプルなCMSホスティングサービスだ。専用のテンプレートファイル等を自分のDropBoxスペースにアップロードするだけで自動更新型のウェブサイトを運用できてしまうという。 使い方は簡単。まずDropPagesのサイトで必要なファイルをダウンロード&解凍し、自分のDropBoxスペースにディレクトを作成してそれらのファイルをアップロードする。その後、そのディレクトリの名称を「任意の名前.dropp
ウェブサイトの作り方入門(英文)を、米Lifehackerでは紹介していますが、自分のサイトをオンラインで公開するには、若干の努力が必要です。 「Coralrift」なら、サイト名を選択し、サイトをドロップエリアにドラッグしてアップロードするだけで、ウェブサイトを公開できます。 Coralriftのメインページを訪問し、サブドメインを選択。自分のサイトのルートフォルダ、またはzipファイルをドロップゾーンにドラッグし、Doneをクリックすれば完了です。 サイトを頻繁にアップデートしたい場合、Coralriftはあまり優れたオプションではないかもしれません。しかし、イベントの告知など、とりあえずサイトをオンラインで公開しておきたい場合などには最適です! 気になった方は、ぜひ試してみて下さい。無料で使えます。 Coralrift | via One Thing Well Adam Dachis
2017年6月30日 色彩 配色によってそのデザインの印象は大きく変わると思います。色は大切な要素のひとつですね!ということで、色の持つ印象別に配色アイデアをずらりと並べてみます。配色はおなじみ(?)のCOLOURloversから、「これは!」と思うものを選ばせて頂きました。素敵な配色がいっぱいのこのサイト、ぜひ覗いてみてください!また、今回紹介するのはあくまで一例ですので、自分なりにアレンジしてみるのも楽しいと思います。サイトの雰囲気にあう配色を探してみてください。 ↑私が10年以上利用している会計ソフト! 配色に関するおすすめサイト COLOURlovers 色をテーマにしたコミュニティサイト、COLOURlovers。自分の考えた配色を登録したり、お気に入りの配色を保存しておくことができます。今回はこちらから配色アイデアを選びました。iPhoneアプリは「ColorSchemer」と
ウェブサイトが生まれてから現在までの20年間で、あまたのウェブデザイナーたちが試行錯誤を重ねながらより美しく、より見やすいウェブデザインを生み出してきました。 ここでは、見た目が美しくて内容がわかりやすい最新のシングルページウェブデザインの例を30種類集めています。どれも新鮮なアイデアが詰まったページばかりなので、これからウェブデザインを始めるという人や、何かデザインのヒントが欲しいという人などの参考になるのではないでしょうか。 シングルページウェブデザイン30種類は以下から。30 Beautiful Single Page Website Designs | SpyreStudios 01:Skysoclear 02:FeelWire 03:Marius Roosendaal 04:Silverback App 05:Scribble And Tweak 06:Visual Box 07
ナビゲーションはウェブサイトにとって重要なエレメントであり、基盤となるものです。素晴らしいナビゲーションは豊かなユーザエクスペリエンスを与えます。 ユーザーは使いにくくない困惑されないナビゲーションを望み、シンプルなナビゲーションはたいていの場合、ダイナミックなものよりユーザフレンドリーなものです。ここではダイナミックでクリエイティブなナビゲーションの素晴らしいインタラクションと若干の欠点をSmashing Magazineから紹介します。
WEBデザイナー、開発者のためのjQueryプラグイン集「30 Useful Jquery Plugins For Developer & Designer」 世界中で利用されている高機能なライブラリjQuery。様々なプラグインが日夜リリースされていますが、今日紹介するのは制作に便利なプラグインを集めたWEBデザイナー、開発者のためのjQueryプラグイン集「30 Useful Jquery Plugins For Developer & Designer」です。 Exposure Jquery Plugin ジャンルを問わず様々なプラグインが紹介されていますが、今日はその中でも便利だなと思ったプラグインをいくつか紹介したいと思います。 詳しくは以下 ■Flying / Floating boxes with easing and motion blur FLASHのような空間的な表現を
Many medical institutes in the United States use some type of software to manage their records. It eliminates the use of paper, makes transferring information easier, and provides an easy to access database. Most would assume that such a system is also very secure. But programmers and physicians from the University of California recently showed […] Everyone dreams of making their own game, and wit
この度の震災により亡くなられた方、ご冥福をお祈りいたします。また、被災に合われた多くの方々に対しまして心よりお見舞い申し上げます。 こちらは大阪ですが、毎日を変わらず仕事をしてる状況で、我々は普段の生活を維持し、経済の安定を目標とすることが必要かと思います。ですので、私自身もそういう方々にとって少しでも有益となる情報を配信出来ればと、ブログの更新を続けさせていただきたいと思います。 日々の制作作業をする上でGoogleChromeは動作が軽く非常に使いやすいブラウザですが、標準のままだとかゆいところに手が届かない事も多く、皆さんも多数のエクステンション(拡張機能)を入れているかと思います。 私自身も多数のエクステンションを入れていますが、今回は制作する上で最近良く使ってるなっていうエクステンションを掲載します。 Image Properties Context Menu https://c
Today is Wednesday and it means that we are ready to show you another portion of design freebies. Our today’s post contains 20 hand-picked free CSS templates. Be sure that all these layouts are only of premium quality and can be used for various online projects. There are thousands free CSS templates on the web but it is hard to find really well-designed examples that will be worth using for any p
動画デモ Zen-Codingをブラウザ上で触って、リアルタイムプレビューが出来るものを作成してみました。 エディター持って無くてもブラウザだけあればOkですよ! kzms2 zen-coding editor 対応ブラウザなど 見た限りですとIE、Firefox3.5、Chrome4、Opera10、Safari4などで動くようです。 ※ただし、Webkit系はHeader内に書いた要素がうまくリアルタイムにプレビューされない模様です。styleタグをbody内に書けば表示されます… 使い方や詳細は続きから Zen-codingの概要 Zen-codingはショートカットキーを用いることでコーディングする時間を早めることが出来るソフトのようなものです。 TextMate-and-ZenCoding from komori, masaaki on Vimeo. 以下のリンクが詳しいで
Top 5 Web Design Mistakes Small Businesses Make [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに 1. 役に立たないナビゲーション 2. ゴールが不明瞭 3. カラーとコントラスト 4. 分かりにくいコンテンツ 5. 情報の詰め込み過ぎ はじめに もし、あなたが中小企業のオーナーであるなら、あなたのウェブサイトはあなたの会社の中枢であり、マーケティングとブランディングにおける極めて重要なパートでもあります。 見込みのある顧客がサイトのコンテンツを目的にあなたのサイトを訪問します、それはあなたの会社がどのように見えるかを意味しており、サイトのアピアランスとユーザビリティは成功への重要なポイントとなります。 しかしながら、サイトのデザインを間違ったものにしてしまうと、あなたのビジネスに悪影響を与えてしまうことになります。ここにあ
今月私が目を通した記事の中から、他の人にも読んでほしい、見て欲しいと思った記事を簡単に分類して一覧にさせて頂きました。自分で情報を探してくるのが苦手な方はこちらをすべて読めばかなり勉強になるのではないでしょうか。 Web サービス・プログラマー制作者向け より良いPHPerにならないための20Tips さくらのVPS 設定ガイドリンク集 厳選140 \(初心者歓迎)/:浜村拓夫の世界 Webサービス用にさくらのVPSサーバーを借りた後で役に立つ記事色々:phpspot開発日誌 mixi Engineers’ Blog » Flash?いいえ、HTML5です: ファイルのドラッグ&ドロップによるフォトアップロード機能について 404 Blog Not Found:これで最低限! – 書評 – 体系的に学ぶ 安全なWebアプリケーションの作り方 PayPal 基礎知識ゼロから始める、個人利用・
Yamadaです。 かれこれWeb屋暦が14年くらいになるんですが、こうしてWebに携わっていると、3ヶ月周期で情報の入れ替えをしていかないと、正直追いつかないと感じます。そんな激流のようなWeb業界にこれから飛び込もうと言う新卒の方や、中途の方に送るバイブルとなればと思います。 というわけで改めて春ですし、これからホームページ(Webサイト)を作成してWeb屋さんになる方へ送るお勧めサイト集です。 後編はこちら Web制作を始める人の為のスキル・ワイヤーフレーム・SEO・マーケティング・Webサービスの基礎情報 忘れないで欲しい事 Web制作には、様々なスキルが求められます。 しかしその技術が、いつの間にか消えていったり、使えなくなったりしました。新しいデザイン、新しいコード、新しい言語、新しい環境、様々なものがあります。しかし、それらを追い続けていくうちに、一つ、とても大事な事を忘れて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く