Preview & compare Go! Duration: 1 second Library Import Export Click on a curve to compare it with the current one. To import curves, paste the code below and click “Import” Copy the code and save to a file to export Import Close
個人ブログでも企業サイトでも新しいサービスを立ち上げる時に重要なのは、ロゴのデザインです。ロゴの作成は、デザインセンスがある人には簡単な作業でも、デザインが苦手な人にとっては悪夢かもしれません。 ロゴのデザインやカラーやフォントを難しいと感じる人は、ぜひこの記事を参考にしてください。ロゴのデザインにとても役立つ23のサイトをご紹介します。 ロゴ・ジェネレーター（ロゴ作成ツール） カラーを選ぶためのツール ロゴ用の無料アイコンがダウンロードできるサイト ロゴ用の無料フォントがダウンロードできるサイト ロゴのアイデアがもらえる情報源 ロゴ・ジェネレーター（ロゴ作成ツール） ロゴ・ジェネレーターはロゴ作成のための一番簡単な手段です。以下のサイトを使えば手早くロゴが作成できます。無料や低価格で利用できるので費用の節約にもなります。 それでは、一つずつご紹介します！ Logaster 会社名と業種を
Webサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなったり、Chromeで使えるけど他で使えないなどあるので、ブックマークレットもなかなか重宝します。 ページにグリッドを表示した確認 レスポンシブWebデザインの確認 デザインの確認をピクセル単位でできる ページで使用しているフォントをチェック ページをワイヤーフレーム化 ページの構造が正しいか確認 マークアップのいまいちな箇所を指摘してくれる 背景を素敵なテクスチャに変えてみたい ページのパフォーマンスを確認 minifyされたCSSを見やすく表示 SEOやソーシャルメディアに大切な項目を確認 コードとアクセシビリティをチェック ページにグリッドを表示した確認
This area has been made to save SVG images for later. It's really helpful when you need to compare filters result, or to make a backup. Only you can see them (it's a local save) What is a SVG file ? Svg (Scalable Vector Graphics) is an XML-based vector image format for two-dimensional graphics. The advantage is that you can modify image size without losing quality and detail. This vector format de
「AniCollection」はCSS3を使ったアニメーションを70種類以上ダウンロードできるサイトです。さまざまなボタンが用意されており、マウスオーバーするとアニメーションが動きます。気になるアニメーションは複数まとめてダウンロードできますよ。 以下に使ってみた様子を載せておきます。まずAniCollectionへアクセスしましょう。アニメーション付のボタンがたくさん並んでいます。マウスオーバーすると実際の動きを確かめることができますよ。 アニメーションを作成しているCSSやJavaScriptのコードをその場で確かめることも可能。気に入ったらダウンロードして使うことができます。CSS3でアニメーションを作りたいと思っている方は必見ですね。ぜひご活用ください。 AniCollection （カメきち）
Patterns are widely used in web design as a background. Basically, patterns can be defined as graphics used in repeated form on a field. If you find yourself facing difficulties in creating natural patterns, that’s because it is quite complicated to create a loop that works both vertically and horizontally, well, at least it’s difficult to do manually. Fortunately there are many tools that you can
JavaScript - Pixie - Image Editor | CodeCanyon リッチなHTML5ベースの画像編集エディタがサイト内に実装できる「Pixie」 画像URLを指定したりUPすることで基本的な画像編集機能が可能となります 有償＄２５ということですが、これだけ洗練されたエディタを１から開発するとなると相当な工数がかかりそうですから、１から開発するよりも検討してみるというのもよさそうです。 関連エントリ インライン編集できるテーブル実装用jQueryプラグイン「editable-table」 テーブル内容の編集がその場で出来て便利になる「jQuery-Tabledit」 画像アップロード時にクライアント側で編集が可能になる「picEdit」 Markdown形式をリアルタイムプレビューしつつ編集可能にするjQueryプラグイン「Meltdown」 Photoshopば
@-webkit-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-o-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
内容：「CloudConvert」は、さまざまなファイル形式をオンラインで変換できるサービスだ。文書や音声、動画など、205種類ものファイルフォーマットをサポートしており、変換したデータはDropboxなどのクラウドサービスに直接保存できるなど、機能の豊富さが特徴だ。 「CloudConvert」は、さまざまなファイル形式をオンラインで変換できるサービスだ。文書や音声、動画など、205種類ものファイルフォーマットをサポートしており、変換したデータはDropboxなどのクラウドサービスに直接保存できるなど、機能の豊富さが特徴だ。 使い方は、まず変換したいファイルを指定。ローカルのファイルを指定する以外にも、特定のURLから読み込んだり、またDropboxやGoogle Drive、OneDriveといったオンラインストレージサービスからの直接読み込みもサポートしている。ブラウザにもよるが、画
「Transformicons」は動きのあるボタンが生成できるジェネレータです。クリックするとメニューの三本線が×印になったり、ちょっとした細かい動作をもつアイコンが作れます。アイコンはCSS/SassおよびJavaScriptで生成されますよ。 以下に使ってみた様子を載せておきます。まずTransformiconsへアクセスしましょう。トップページに並んでいるアイコンをクリックすると、どんな動きをするか確認できます。 「Builder」から、作りたいアイコンを選択します。 「Build」ボタンを押すと、HTML・CSS・JavaScriptがセットになって作られます。あとはコードをコピペすれば動きのあるアイコンが使えますよ。ぜひ細かい動作にもこだわりたい方は活用してみてください。 Transformicons （カメきち）
Skip to content And one. Tomatoe soup is onsale again! Search for:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く