WordPressでしっかり設定しておきたいセキュリティやメンテナンスに役立つ.htaccessのまとめ

WordPressでブログやサイトを運営する前、そして運営している時にしっかり設定しておきたいWordPressのセキュリティやメンテナンスに役立つ.htaccessの設定を紹介します。

サイトのキャプチャ

WordPress Htaccess Tips And Tricks

続きを読む

商用利用無料!情緒あふれるデザインが素敵な日本語のフリーフォント -ほのかアンティーク丸と角

緩やかな曲線と控えめな字面でデザインされた、情緒あふれるノスタルジックな雰囲気を醸し出す日本語のフリーフォントを紹介します。

ほのかアンティーク丸・ほのかアンティーク角

フォント:ほのかアンティーク丸ほのかアンティーク角
イラスト:Girls' Design Materials

続きを読む

UIの新鮮なアイデアをチェック!デザインやインタラクションの工夫が素晴らしいナビゲーションのまとめ

最近のUIは、気持ちいいアニメーションが多く取り入れられています。アニメーションはある程度予測できながらも、いい意味で少し期待を裏切るくらいがちょうどいいなと思います。

アニメーションを使ったインタラクションやデザインが素晴らしいナビゲーションの実装例をまとめました。各デモは全て、HTML, CSS, JavaScriptなどをオンラインで編集することができます。

デモのキャプチャ

Pull Menu

上部のバーを引っ張ると、その量でナビゲーションのアイテムを選択できます。

続きを読む

これはかわいい!彩り鮮やかな花や葉っぱが手描きされたシームレスに使えるフローラルな素材

手描きのカラフルな花や葉っぱなどの植物がかわいい、シームレスに使えるフローラルなベクターとJPEGが揃った素材を紹介します。

通常は有料ですが今週末まで無料なので、ダウンロードはお早めに!

素材のキャプチャ

Set of 6 seamless flower patterns

続きを読む

UIデザインで大切な空白スペースの効果的な使い方

空白スペースは単なる美ではありません、ユーザインターフェイスの成功への鍵です。空白スペースがWebデザインやUXデザインにおいてどのように使うと効果的に機能するかを紹介します。

サイトのキャプチャ

Why White Space Is Crucial To UX Design

続きを読む

Web制作者はブックマークしておくと便利!HTMLやCSSやOGPやTwitterカードなどのコードを生成できるオンラインサービス

CSSの面倒なコード、アニメーションやグラデーションやシャドウなど、表示結果を見ながらコードを生成でき、HTML5のよく使うスニペットや新要素、MetaタグやOGPやTwitterカードなどのコードを簡単に生成できるオンラインサービスを紹介します。

こういったコード生成は探せば見つかるかもしれませんが、まとまってると便利ですね。

サイトのキャプチャ

Web Code Tools

続きを読む

デザインの勉強にいい!有名ブランドのガイドラインのまとめ

Apple, Microsoftをはじめ、Sony, IBM, Intel, Adobe, Dell, FedExなど、有名ブランドのデザインガイドラインを紹介します。

スタバ、ケンタ、Heineken、NASA、LEGOなど、ちょっと珍しいガイドラインもあります。
LEGOのガイドラインは、かなりLEGOらしい出来映えです。

ガイドラインのキャプチャ

Apple, Identity Guidelines

ガイドラインのキャプチャ

Microsoft, Visual Identity Guidelines

続きを読む

[JS]物理法則に基づいたさまざまなアニメーションを実装できるスクリプト -Dynamics.js

反発係数を使って弾み具合を変化させたり、運動量に応じて質量を変化させたり、引っ張ると引っ張り返され押すと押し返されるなど、物理法則に基づいた滑らかなさまざまなアニメーションを実装できるスクリプトを紹介します。

デモのアニメーション

Dynamics.js
Dynamics.js -GitHub

続きを読む

 1 2 3 4 5 ... 624 625 Next

top of page

©2015 coliss