テクニックの前にメンタルを鍛えるとどうにかなっちゃうことが多い - CGMプランナーの思考
今更だけど 書く筋肉のトレーニングにおいて自分が何を意識してるのか考えた - ←ズイショ→ を読んだ。 内容は忘れたけど、とりあえずズイショさんがあの文体以外で書いたらどうなるんだろうなぁと思った。 もしかしたらあれでもまだぬる目で、リミッターを解除したら舞城王太郎よりすごい文圧かもしれない。はたまたあのブログは谷崎潤一郎における春琴抄のようなもので、本当は全く違う文体を隠しているのかもしれない。 とにかくまぁ何が言いたいかというと、文章自体は読みやすいのにいつも文体がやたら読みづれぇｗ とまぁ前置きはさておき本題へ移ります。 上の記事は、 変化球が欲しいからこれから毎日ブログを書くよ。 - マトリョーシカ的日常 という記事に言及したものだ。 その記事の要旨はまさにタイトル通りで、変化球が欲しいから毎日ブログを書いてトレーニングするというものだ。 とても真面目である。やれやれ、僕は感心した
【国内・海外】おしゃれ文房具のかわいい通販サイト9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、もりたです。 先日、色上質無地の付箋紙がたくさん並んだ自分のパソコンをみて、「うわ……色気もへったくれもない……」って愕然としたので、かわいい付箋紙を探すために文房具通販サイトを週末眺めて過ごしていました。 今回はその中からかわいい文房具を扱っている、かわいいサイトをピックアップしてみました！ 必ずほしくなる！ かわいい文房具のかわいいデザインサイト10選 山田文具店 定番の商品から、医療用グッズといった変わったものや、教材グッズ、駄菓子屋グッズなど懐かしいレトロな商品まで扱っているお店。 小学校の保健室で脱脂綿が詰まっていたあの瓶とかあって用途もないのに欲しくなる！ ものすごい数の商品があるので、ずっと見ていても飽きません。 山田文具店 | 文具（ステーショナリー）を愛する人のための、雑貨セレクトショップ OSANPO Shopping オリジナルスタンプなどを販売しているお
jQueryで正規表現を学んでみる。【基礎編】
jQueryで正規表現を学んでみる。【基礎編】 正規表現といえばフォームチェックがぱっと思いつきますが、最近ではjQueryで外部APIで様々な情報を取得する機会が増え、それによって文字列の置き換えなどもできるようにならんとな、と思ったりしている人も増加しているはず！ ということでお手軽に使えるjQueryを使用して正規表現をちょこっと勉強してみようと思います。 投稿日2010年11月14日 更新日2011年04月03日 文字列を置き換える基本の形 正規表現の前にjQueryで単純な文字列を取得して、置き換えて表示するということをしてみます。 html <p> 正規表現はjavascript以外のプログラムやテキストエディターなどの検索でも使えます。でもここではJavaScriptを使うんです。 </p> 例えばここにpタグでマークアップされた文字列があります。 「javascript」を
legit online casino real money-fa88
legit online casino real moneyHighest Payout Online Online Casinos： A Comprehensive Overview-rn When it comes to online casinos, players are always on the lookout for the highest possible payment city center online jugar portions. Nevertheless, legit online casino real money that would not want to optimize their possibilities of winning large? In this comprehensive guide, we will check out the glo
[CSS]スクリプトに依存せずに、「:checked」でできるテクニックをBootstrapに組み込むプラグイン -Bootleg.css
タブ、ドロップダウン、アコーディオン、カルーセルなど、今まではスクリプトに依存しないと実装できなかったものをスタイルシートベースで実装するBootstrapのプラグインを紹介します。 Bootstapのプラグインですが、CSSの「:checked」を使ったテクニックを学ぶのにも役立ちます。 Bootleg.css 仕組みは簡単に説明すると、見えない状態のラジオボタンを使い、そのオン・オフのチェック状態でコンテンツを表示・非表示します。 デモと共に、「:checked」擬似要素の使い方を紹介します。 モーダル ボタンをラジオボタンにし、そのチェック状態でモーダルを表示・非表示します。 HTML <-- Button to trigger modal --> <label for="modal1" role="button" class="btn">Launch demo modal</lab
『カーニング・トラッキング使った文字詰め（スペーシング）』
Adobeデザインソフト（Illustrator・Photoshop・InDesign・Acrobatなど）の使い方を中心としたチュートリアルブログ。 みなさんこんばんは。 アドビ認定インストラクター★まきのゆみです＾＾ 11月に入って早5日目。 本当に月日が経つのは早いものです。 もうすぐ紅葉の季節ですが、 それが過ぎれば年末で忙しくなるでしょう。 1日1日大切に過ごしたいものですね（＾０＾） さて、本日の授業（DTP1） ＜学習目標＞ ★制作実習―雑誌表紙（車の情報誌） 本日、提出日のため 受講生のみなさんは試行錯誤しながら 制作に取り組んでいました。 今回の制作課題では、 これまで学習したことを いろいろと意識しながら制作していたようです。 中でも、私から見て気になったことは、 文字まわりの処理です。 文字、といっても、気にすべきことはさまざま。。。 いっぱいありますが、 こればっか
文字のスペーシング | Canvaで動画づくり
本来のスペーシング(spacing)は英文の単語の語間、行間の空け方の事を言います。文字の隙間のことではありませんでした。 しかし、グラフィックデザインの環境では、文字と文字の間隔を調整することをスペーシングまたは、カーニングと言います。 英文フォントは比較的完成度の高いカーニング情報が入った状態に設計されていますが、隣に来る文字によっては美しくありません。 英文字の場合はひとつひとつの文字幅が違うため、特に大きなタイトル文字などは、やはりスペーシングを行わないと美しくありません。 特にキャッチコピーを組む場合や、ロゴタイプなどを制作する場合、このスペーシングの技術が、デザインの美しさに直接影響します。 もちろん、和文の場合も同じです。キャッチコピーや見出しなど大きくて目立つ文字の場合は、このスペーシングの完成度には十分に気を配る必要があります。 スペーシングのセンスを見れば、そのデザイナ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
【これが150年前!?】幕末の浮世絵がクール過ぎて圧倒される【まさに神】 | 幕末ガイド
浮世絵といえば、東洲斎写楽や葛飾北斎を思い浮かべる方が多いかもしれませんが、その後幕末から明治にかけて、いま見ても新しい浮世絵作品がたくさん生まれました。今回はそんなクールな浮世絵作品を紹介します。 ※2019年に16作品を追加しました。 巨大な骸骨の妖怪 相馬の古内裏（1845年ごろ） 歌川国芳 非常に有名な1枚。描かれているのは、平将門が討ち取られたあと、その娘とされる滝夜叉姫が呼び出した骸骨の妖怪です。滝夜叉姫はこの妖怪で父亡き後、その遺志を果たそうとしました。※滝夜叉姫は伝説の人です。 作者は奇才・歌川国芳（うたがわくによし）。まずは彼の作品から紹介します。 とどめの一撃 甲越勇将伝 武田家廿四将 三討死之内 諸角豊後守昌清（1847年ごろ） 歌川国芳 ビカーッて漫画みたいになっています。150年前にすでにこんな表現が使われていたことに驚き。 対決 和漢準源氏 乙女 天羅国斑足王悪
レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと
昨年2011年10月に仕事で運営に携わっている大学ウェブサイトでレスポンシブWebデザイン (しかもフル可変グリッドレイアウト) を導入して、はや半年。約6ヶ月間、レスポンシブWebデザイン（RWD）で制作したウェブサイトを運営してみて思ったことをまとめてみました。これからレスポンシブWebデザインを導入したいと考えている方の参考になれば幸いです。 プロジェクトの概要 大学のウェブサイトをリニューアルするにあたり、さまざまな状況や制限などを考慮、また、今後3〜5年を見据えて、レスポンシブWebデザインを取り入れた制作を行いました。大学公式ブログでもリニューアルについて紹介しているので、ぜひそちらもご覧ください。そこで書いたように、以下のような思いもあり、このリニューアルを行いました： 今回、新しい試みを行った背景には、このウェブサイトが「大学のウェブサイト」であることが大きな要因の一つとし
GoogleがWebフォントサービスを開始 - フォントブログ
Webフォントが一般に広まった全盛期には国内外含め様々なWebフォント配信サービスが登場しましたが、まさに戦国時代そのもので、数年後には多くのサービスが終了となってしまいました。 2023年現在、利用されているWebフォントサービスをまとめてみました。 Google Fonts 完全無料で誰でも利用可能ということもあり、現在一番利用されているGoogle Fonts。定番のNoto Sans以外にも、ZEN 角ゴシックやBIZ UDゴシックなど、プロ仕様の日本語フォントも使えます。デスクトップ用のフォントもダウンロード可。 Adobe Fonts Adobe Creative Cloud契約者なら誰でも使えるAdobeのフォントサービス。かつてはTypekitの名でサービス展開されていました。完全に日本語化され昔に比べるととても使いやすくなりました。デスクトップ用のフォントもダウンロード可
画像に使用されているフォントの名前が分かるオンラインサービス -What Font is
調べたいフォントがある画像をアップロードします。ファイルはローカルでもオンライン上でも対応しています。 上記は、手元にあるローカルファイルを「Browse」ボタンで参照し、「Continue」ボタンをクリックします。 Step 2
[CSS]画像を使用しないで、紙テープを折り返したようにするスタイルシート
<textarea name="code" class="html" cols="60" rows="5"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>CSS Shapes</title> <!--[if IE]> <style> .arrow { top: 100%; } </style> <![endif]--> </head> <body> <div id="container"> <h1> My Heading <span class="arrow"></span> </h1> </div> </body> </html> </textarea>
[CSS]アロー付きの吹き出しのスタイルシートが簡単に作成できるオンラインツール -CSS Arrow Please!
設定はすぐに反映され、左のパネルにスタイルシートが表示されます。 [ad#ad-2] HTML 使用するHTMLは、下記のような感じでokです。 <div class="arrow_box">ふきだし</div> CSS 生成されるスタイルシートはアローやボーダーのみなので、吹き出しのサイズなどは別に指定して利用してください。 .arrow_box { position: relative; background: #88b7d5; border: 4px solid #c2e1f5; } .arrow_box:after, .arrow_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: no
[CSS]可変でも固定でも対応できる、シンプルなグリッドシステム -Grid
FruidレイアウトでもFixedレイアウトでも、入れ子でも対応できる、シンプルなグリッドシステムを実装するスタイルシートを紹介します。 デモページ：入れ子のグリッド Gridの使い方 Gridは、使い方も簡単です。 コンテナとなる要素のclassに「grids」を加えます。 子要素に望むサイズのclassを指定します。 Gridのスタイルシート 2011年7月1日リリース版のスタイルシートです。 グリッドは、2分割、3分割、4分割、5分割が用意されています。 /* * Grid * A simple, flexible, fluid grid system that can flow nicely inside a fluid or a fixed container or play good with another Grid system. * Brajeshwar, http://
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
検索エンジンが順位を決定する要因ランキング2013年版 | Moz - SEOとインバウンドマーケティングの実践情報
http://www.flickr.com/photos/ren-hang/with/7461795908/
Site Under Maintenance
[CSS]Vimeo風のリスト項目をドロップダウンするナビゲーション