HTMLはシンプルなまま、Webサイトの見栄えをよくするclassレスの超軽量CSSフレームワーク -Almond.css

2022/03/09 210 users 見栄え classレス ポートフォリオ CSSリセット ブログ

HTMLはシンプルなままで、モダンなWebページを簡単に作成できるclassレスの超軽量CSSフレームワークを紹介します。 ポートフォリオやブログなどをさくっと作成したい時に便利です。少し手を加えて、CSSリセットとして利用するのもありかもしれません。 Almond.CSS -GitHub Almond.CSSの特徴 Almond.CSSのデモ Almond.CSS... 続きを読む

デザインに少し手を加え、フォームを改善する実践的なUIのテクニックのまとめ | コリス

2021/09/14 207 users コンバージョン コリス UIデザイン ユーザー 翻訳記事

フォームを改善するUIデザインのテクニックを紹介します。 フォームのデザインに少し手を加えるだけで、ユーザーにとって使いやすい、コンバージョンを高めるための実践的なテクニックが満載です。 15 UI Tips for Better Forms by Jim Raptis 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト... 続きを読む

リブセンスアナリストが転職ドラフトのデータを分析してみた｜転職ドラフトReport

2017/10/23 70 users 転職ドラフトReport エンジニア 転職ドラフト 一方 関心

はじめに こんにちは、リブセンスアナリストの高橋です。8/29に公開されました 「転職ドラフトのデータから読み解く。年収800万円以上のエンジニアと年収400万円以下のエンジニアの違いとは？」 は、この一年で最大のアクセス数を記録しました（まだご覧になっていない方は是非先にお目通しください）。 この手の話題に対する関心の高さを実感したのですが、その一方で分析内容についてはもう少し手を入れてみたいと... 続きを読む

アイコンのデザインって奥深い！最近のアイコンに使われている、シンプルなすごいデザインテクニック | コリス

2017/03/21 96 users アイデンティティー オリジナリティ コリス チュートリアル

アイコンは、非常に奥深いデザインです。 サイトやアプリのさまざまなアクションを示すためのビジュアルキューであり、プロダクトやサービスに固有のアイデンティティーを与えることができます。 無料のアイコンは確かに便利です。しかしあなた以外もダウンロードして、そのアイコンを利用しています。アイコンのデザインに少し手を加えて、視覚的な深みを与え、アイコンにオリジナリティをだすデザインのチュートリアルを紹介し... 続きを読む

ImageMagick 改造入門 (その参) 減色処理後編 | GREE Engineers' Blog

2012/10/03 75 users ImageMagick 立方体 RGB フェーズ 改造

こんにちは。クライアント基盤チームのよやです。 減色処理の話の続きで、ImageMagick の改造についてお話します。 前回 > ImageMagick 改造入門 (その弐) 減色処理前編 ImageMagick 減色処理の３つのフェーズのうち２つ目にあたる「RGB 空間で分割された立方体の統合処理」で特に時間がかかっていたので、少し手を加えて高速化しました。 前回のこの図に相当する処理です。 ... 続きを読む

「あれ…まてよ？」と考えさせられる日常にひとひねり加えた写真20枚:らばQ

2012/03/13 74 users ひとひねり 嫌がらせ 芝生 光景 らばQ

「あれ…まてよ？」と考えさせられる日常にひとひねり加えた写真20枚 日常がマンネリしてくるというのは生活していく上でよくあることです。 そんな当たり前の光景に少し手を加えることで、「どうなっているの？」とちょっと考えさせられる写真をご覧ください。 本の形が変？と思いきや、間に鏡が。 2. きれいにまとまってるようで、単なる嫌がらせ？ 3. どこでも芝生を歩く気分を味わえます。 4. 変なところはど... 続きを読む

WordPressの管理ページをより便利にカスタマイズする方法13 | Webクリエイターボックス

2011/05/18 1173 users WordPress Webクリエイターボックス 目次 裏側

WordPressを使ってWebサイトを作る際、自分のサイトならさほど気にならない管理画面も、クライアントに納品するのであれば少し手を加えて使いやすくしておきたいところ。少しデザインを変えるだけ、機能を追加・削除するだけで「オリジナル感」がでますよね。今回はそんなWordPressの裏側、管理ページのカスタマイズ方法を紹介します。 WordPressの管理ページをカスタマイズ　目次 管理バーを消す... 続きを読む

CSS3とjQueryでフォームを美しく装飾する方法 | Webクリエイターボックス

2010/10/27 862 users Webクリエイターボックス CSS3とjQuery 装飾

どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです！そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。 フォームの仕様 今回チャレンジするフォームの主な仕様です！ グラデーション・ボックスシャドウを使って... 続きを読む

影のつけ方いろいろ - DesignWalker

2007/08/04 195 users クオリティ アイコン RSSアイコン 本日 写真

最近では、アイコンや写真など、ものすごくクオリティの高いものが、無料でダウンロードできますね。。 もちろん、そのまま使ってもいいのですが、せっかくなので少し手を加えてみてはいかがでしょう？ っちゅうわけで、本日は影のつけ方をいろいろご紹介。。。 今回は、↓のようなRSSアイコンを元に影をつけてみました。 続きを読む

Breadcrumb CSS - Appleに習うパンくずデザインCSS - youmos

2007/06/27 379 users youmos opacity Apple ペー 半透明

Apple.comのようにパンくずも少し手を加えるだけで、使いやすいものになります、Appleのパンくずの区切りには半透明の透過PNGが使われている為、InternetExplorerへの対応はAlphaImageLoaderをCSSで指定しています。 半透明のアルファチャンネルを持つPNGイメージを使う方法と、CSSでopacityを指定する方法のどちらでも同じようにデザインできます。IEはペー... 続きを読む