userstokimaki.hatenablog.comテクノロジーお久しぶりです。タロットプロット広報担当の海鳥まきです。このたび、タロットプロットに8つの文章チェックツールを追加しました。原稿の推敲・校正・リライト作業を支援するためのツールです。お役に立てるかどうかは分かりませんが、なかなかに面白いものができました。リライトマーカーは、主にWebライターの方向けのリライト支援ツールです。テキストボックスのなかに文章をコピー&ペーストするだけで、注意すべき表現に赤色マーカーをつけてくれます。画像中では「こと」や「もの」といった単語がハイライト表示されています。̆)リンクWordPressのカレンダー系プラグイン8個。色分けして営業日やイベント告知。予約受付できるやつも。「営業日や臨時の休業日を案内できるカレンダーをサイトに付けて」って要望が、クライアントさんからけっこうあったりします。「予約可能かどうかをカレンダー上で◯とか×で見せたい」や「カレンダーから予約できる機能がほしい」ってのも多いです。プラグインを集めました。本当は要望を満たせるシステムを案件ごとに開発できればいいんでしょうが、それだけ予算に余裕があるケースばかりでもなく。機能・用途別に8個あります。サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。mama&crowdのデザイナー、長谷川彰之介です。ついて考えてみたいと思います。少々長いですが、お付き合いのほどよろしくお願いします。ひとつひとつの固まりの大きさ(サイズ)を指します。WEBサイトのUIをデザインしていて悩まされるのが「余白」です。「ここは3px...いや4pxか。空けたら見やすくなるかもしれない。『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。userswww.nxworld.netテクノロジーフォーム周りでCSSを使ってスタイリングしていく際に、個人的によくど忘れしてしまうものや便利だと思うプロパティやスニペットをまとめました。全体的に普段からCSSをよく触っている人にとっては特別目新しいものはないかと思いますが、まだCSSを触り始めて間もない方やこれからCSSを触ってみようという方は覚えておくと便利だと思うのもいくつかあるので参考にしてみてください。紹介している内容はブラウザ(特にIE9以下)によっては使用できないものや表示確認ができないものもいくつか含まれています。フォームで使用するinputやtextareaなどの要素はブラウザやデバイスによって見た目は異なりますが、予めボーダー・グラデーション・角丸といったスタイルが適用されています。sanographix僕はいわゆるペライチのWebサイトを作ることが多いんだけど、そういう制作時に使っているフレームワークというかBoilerplate的なやつです。フレームワークといっても、BootstrapのようにCSSをモリモリ書いて汎用コンポーネントを用意しまくる、というふうにはしていない。結局各webサイトでデザインの要件が大きく異なる場合が多いので、CSS部分の記述をできるだけ少なくして、各サイト向けに柔軟にスタイルを書けるようにする方針をとっている。一方でビルドツールに求められることは割と毎回一緒なことが多いので、gulpですばやく環境構築して、スタイルは各サイトでよしなに、みたいな雰囲気。本連載では、JavaScriptライブラリとして利用頻度の高いjQueryとそのプラグインに着目して、その利用例を紹介します。Loadプラグインを用いて、多数の画像を含むWebページで効率よく画像を読み込む方法を紹介します。一般に画像を含むWebページをWebブラウザで表示する場合、画像が表示されるかどうかに関わらず、すべての画像がWebサーバーからダウンロードされます。そのため、縦に長いWebページに多数の画像が配置されている場合、スクロールしなければ表示されない多くの画像を読み込むために多くのロード時間を費やすことになります。この事象は特に、端末の処理能力が相対的に低く、ネットワーク状況も不安定になりがちなスマートフォンにおいて、より深刻な問題です。2015/01/29たすかるーアイコンまとめフリー素材リンク誰もが一度は陥る日付処理。10言語のプログラミング言語に対してそこそこの知識を保有している@yutakikucです。いろんなプログラミング言語を使用していると文法を覚えるのは大変ですよね。それぞれの言語の文法の違いを事細かく覚える事は無理に近いです。今日はそんな各種言語仕様の記述で難解なDateTime/TimeStampについて紹介したいと思います。扱うのはWeb系のメジャープログラミング言語のSQL/C++/Java/JavaScript/Perl/PHP/Python/Rubyになります。仕上がりイメージはこんな感じです。ボタンの種類は今回は自分がサイト制作時によく設置する以下の5つ(Twitter/Facebook/Google+/はてなブックマーク/LINE)とします。※LINEボタンについては残念ながらシェア数の取得方法がわかりませんでしたので、LINEボタンのみ吹き出しはナシです。※LINEボタンはオリジナルデザインにできない決まりなので、LINEボタンのみ公式デザインです。今回もサンプルを作ってみましたよ〜。今回の記事は以下のサイト様にお世話になりました!ありがとうございます!特にPHPでのシェア数の取得方法は本当に助かりました。userssyncer.jpテクノロジーソーシャルシェアボタンをオリジナルデザインにしたかったり、いいね!数のデータを元にランキングシステムなどを作りたい場合に役立つ「ソーシャルカウントの取得方法」をまとめました。取得方法はサーバーサイド(PHP)、クライアントサイド(Javascript)の両パターンを取り上げています。よろしければ参考にしてみて下さい!なお、Twitterのカウントは2015年11月20日以降、取得できなくなりました。2015/01/24まとまってるとこがあった。usersdev.classmethod.jpテクノロジーこの記事のすぐ上をご覧いただければお分かりのように、弊社ブログのソーシャルボタンは従来のそれではなく、独自のデザインにカスタマイズされています。オフィシャルサイトの開発者向けページに詳しい手順が載っているので、それに従って進めていけば殆どコピペだけで設置することが出来ます。userswww.rhino-inc.jp世の中こんにちは。WebスタッフのYです。このサイトはWordPressで構築しています。そこでWordPressの便利技をご紹介します。一覧ページにサムネイル画像があると直感的に何についての記事か分かりやすく、クリック率が上がると思います。サムネイル画像を表示する方法はいくつかあり、アイキャッチ画像で表示させる方法が一般的ですが、もっと簡単な方法があります。記事の中で使用している最初の画像を自動的にサムネイル画像として表示させる方法です。下記コードをfunctions.phpの分かりやすい箇所(一番下等)に貼付けてください。ファッションやネイル、スイーツ、グッズなどをたのしんでいくブログです。ゲストモデルの予定もあり友達のギークな女の子たちをご紹介していきます。インターネットのアイコンやカラーをモチーフにした服やリボンやアクセサリ。“インターネットちゃん”になれてしまうのです。さあ、モニターの中にひきこもっていないでインターネットからでておいで。