サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
iPhone 16
monomode.co.jp
それぞれのプロパティの意味 – stroke:線の色(アウトラインの部分) – stroke-width: 線の太さ – fill: 文字色(いわゆる「塗り」の部分) – stroke-dasharray: 点線の長さの間隔(点線の一個の点の長さとその間隔) – stroke-dashoffset: 線の位置を指定 – stroke-linecap: 線の端の形を指定 – stroke-linejoin: 線の角の形を指定 結果 デモその1 DEMOその1 超簡単にできました。 うーん……でも…。これはこれでよいのですが…なんか、手書き感がでない…。 もっと手書き感を出すには なぜこうなるのか…。 色々考えた結果、そもそも、illustratorで、文字をアウトライン化するとき、実際のパスは、「フォントの周りを囲んでいるパス=枠線」になってるからじゃん!と気づきました。 ■フォントをアウト
みなさんはEC CUBEをご存じですか?EC CUBEは、カラーミーやMakeShopといったECサービスの中でも特に独自性の高いECサイトを作る際に利用される事が多いです。その所以はWordPressのようにカスタマイズが自由に出来る点でしょう。がっつりカスタマイズするには相応の知識が必要になりますが、デフォルトテンプレートのレイアウトやCSSを編集するだけで、オリジナリティ溢れるサイトを作ることが出来ます。 今回は「プログラマーでは無いけどhtml/cssなら編集できる」「EC CUBEを導入したもののどこを編集すれば良いの?」といった方向けに、EC CUBEのデフォルトテンプレートを参考にして、デザインカスタマイズの仕方をご紹介します。 ※当記事ではEC CUBE 2.13系を使用します。 EC CUBEはどこでデザインを編集するの? 1.管理画面からログインする EC CUBEのデ
お問い合わせフォームを皆さんはどのように作っていますか? 「よくクライアントからは、お問い合わせフォーム作るのにそんなに予算がかかるなら、メールアドレスを乗せるだけでいいよ」なんて言われることもあります。でも、イケてるお問い合わせフォームに仕上げれば、問い合わせ率が格段に上がり、問い合わせ経由での受注なんていうのも実は多いです。その為にも、今回はイケてるコンタクトフォームを作る小技をご紹介します。 フォームのデザイン、カスタマイズに活用できる小技! 選択しているテキストボックスを明確にする :hover要素をaタグで良く使うように、テキストボックスでは:focus要素を使用しましょう。入力中のテキストボックスに薄らと背景色を付けてあげると、ユーザビリティーが向上します。 [codepen_embed height=”266″ theme_id=”13493″ slug_hash=”zxeL
今回は、IT産業のメッカとされてきたシリコンバレーでも多く利用されている、無料のホームページテンプレートをご紹介します。近年注目を浴びている無償のオープンソース「Bootstrap(ブートストラップ)」。デザインが苦手なエンジニアでも、WEBサイトの見た目がすばやく整えられるツールとして利用されています。他の無料ホームページテンプレートと比較して優れてい点は、簡単なCSSとHTMLの知識があれば、カスタマイズ可能であることや、無駄な機能が付いていないため、シンプルにおしゃれなWEBサイトが作成できる点です。数ある「Bootstrap」の中でも、特に実用性の高いテンプレートを5つご紹介します! 無料Bootstrapテンプレート5つ! Stylish Portfolio Stylish Portfolio おしゃれなワンページのWEBサイトが作成できるテンプレート。スクロール可能な、メニュー
飲食店において、お店をPRするためのホームページは必須です。 一度足を運んでいただければお店の魅力が伝わるのに、ホームページで魅力を伝えきれずお客さんを逃してしまっては意味がありません。 グルメ系のポータルサイトに情報を掲載されているオーナーさんは多いと思いますが、写真の掲載数が制限されていたり、自由なデザインができなかったり、掲載料が高かったりと何かと不便を感じているかと思います。 自分でホームページを運営してしまえば解決できる問題がたくさんあります。 そこで、今回は無料で使えて、なおかつおしゃれな飲食店向けwordpressテーマをご紹介します! Foodeez Lite デモ: https://sketchthemes.com/preview/?theme=64 ダウンロード: https://wordpress.org/themes/foodeez-lite/ さわやかな色使い、ア
今やHP作成の必須ツールとなっているWordPress。 導入サービスまで付いているレンタルサーバーがほとんどで、テンプレートのままの使用であれば、特にWEBの知識がなくても簡単にオシャレなサイトが出来上がります。 複数のアカウントや権限を作ることで、一つのサイトに直接記事を複数人が書くことも容易に出来るようになり、キュレーションサイトやライフハックサイトなどが非常に増えたように感じます。 可愛らしいサイトもWordPressで作ることができます。 今回はそんなワードプレスで作られているハイクオリティなサイトをまとめてみました。 ハイクオリティなワードプレスサイト10選 ISUTA http://isuta.jp/ お洒落な雑貨や食べ物イベントなどが毎日ピックアップされています。 毎日見ていますが記事の質も高く面白いです。 キュレーションサイトの構築の参考にオススメです。 オモコロ htt
絶賛パララックス記事祭り開催中です!! パララックスのサイトを作る際は、背景の動きをずらしたりなどの全体の動きの設定とタイトルをスライドインさせたりといった各要素の動きを考え制作を行うことが多いのではないかと思います。最近、パララックスについて調べることが多かったということもあり、今回は、それぞれの用途に分けて簡単にパララックスのサイトを作ることができるプラグインをまとめてみたので、ご紹介したいと思います。 サイト全体の動きを設定するプラグイン skrollr URL:http://prinzhorn.github.io/skrollr// タグごとに色を変えたり、さまざまさアニメーションを簡単に実装することができるプラグイン。 Create a Parallax Scrolling Website Using Stellar.js URL:http://cdn.tutsplus.com/
Through Digital. Digital Service Company. デジタルを通して、心を動かすサービスを。 これまでの制作プロダクションや広告代理店の枠にとらわれない、 デジタル時代のパートナーとして、企業戦略をサポートいたします。 様々なテクノロジーの登場により情報の流れもコンテンツのあり方も一変した今、 この変化をビジネスの追い風にするためのサービスを提案いたします。 The elements our team has are these Creative Production , Marketing Agency , More… デジタル・ITをベースにあらゆるビジネス課題を解決するチームが在籍します
見出しやタイトルのデザインで、コンパクトかつスタイリッシュにまとめたい時ってありますよね。そんなときに活躍してくれそうな縦長のフリーフォントを集めてみました。横幅が狭いので、文字数が多くても調整しやすいかもしれませんね。 一応、念の為にライセンスの表記は個々に確認するようにして下さい。 まずは、シンプル!な縦長のフリーフォント DENSE https://www.behance.net/gallery/Dense-typeface/10231891 VEVERY http://www.losttype.com/font/?name=vevey FAIRVIEW http://www.losttype.com/font/?name=fairview OSTRICH SANS http://www.fontsquirrel.com/fonts/ostrich-sans SIX CAPS htt
前回フルスクリーンで表示される背景動画のオシャレなWEBサイトをまとめました。 ジャンル別で見る映像を上手く取り入れたオシャレなWEBデザイン こんなにオシャレなサイトを見ていたら、とりあえずWEBサイトに動画を埋め込んでみたい衝動に駆られることでしょう。そこで今回は皆大好きYoutubeの動画をWEBサイトに埋め込む方法をご紹介します。 デモはこちらから HTMLとCSSはこんな感じ 先にソースを公開します。折角なら大きくフルスクリーンで動画を再生し、ど真ん中にテキストを表示させましょう。 HTML <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Youtube動画をWEBサイトに埋め込んでフルスクリーンで表示させよう</title> <script src="//ajax.googleapis.
このページを最初にブックマークしてみませんか?
『札幌の広告代理店・デジタルエージェンシー - 株式会社モノモード』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く