商用利用可能なアイコン・イラスト素材ならICON HOIHOIThis domain may be for sale!
「Webデザイン用のフリー素材をシェアしよう」がコンセプトのWebデザイナー専用コミュニティ・Designmoo - かちびと.net
無料でハイクオリティなPSD素材や フォント、テクスチャなどWebデザイン に欠かせないリソースを無料でDL 出来るコミュニティサイト・Designmoo のご紹介。コミュニティに参加せずとも 使わせてもらえますのでリソースサイト として覚えておくといいかもしれません。 「あなたの役に立つか分からないけど、よかったらリソースをシェアしよう」とのこと。フォントやテクスチャ、PSD素材やブラシなど多くのWebデザイン向け素材が無料で手に入ります。メンバー登録も不要ですよ。 メンバーになるには招待が必要みたいですが、素材のダウンロードは誰でも登録不要で出来るみたいです。 いくつかピックアップ Dyslexia 可愛らしいビットマップフォント Dyslexia 4 minimalistic notice styles ポップアップを優しい色合いに。 4 minimalistic notice st
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
Fireworksで立体的なアイコンを作る方法 - EC studio デザインブログ
サイトや広告バナーをつくる際に、イメージアイコンを使うことがよくあります。 ただ、配布されているイメージアイコンを使用する場合、 「形を少し変えたい！」 「複数のアイコンを組み合わせて使いたい！」 など、サイトなどの雰囲気に合うよう、手を加えたくなる時があります。 ただ、データの加工が不可だったり、加工するのに時間がかかったり… 時間短縮のために配布素材を使ったのに意味がなかった！なんてこともあります。 そんな時はイメージアイコンを 最初から自分で作る！ というのも1つの方法です。 今回は、Fireworksを使って簡単に立体的なアイコンを作る方法を ご紹介したいと思います。 作業は単純。 パスの合体 パスの切り抜き 拡大縮小 の繰り返しです。 1.形をつくる 楕円を2つ描きます 楕円の上に四角を重ねて合体させます 合体したパスの上にさらに四角を重ねて切り抜き、余分な部分をカットします 合
node.jsを使用した、リアルタイムで付箋メモを共有できるオープンソースのWebアプリ・Scrumblr
個人的にも気になっているnode.jsを 使用したWebアプリをオープンソース として公開してくれているソフトウェア があったのでシェア。リアルタイムで 付箋で貼ったようなメモを共有する事 が出来るWebアプリ・Scrumblrです。 サンプルとしても参考になりそう。 node.jsはサーバサイドのアプリケーションの実装言語にJavaScriptを用いたプラットフォームです。node.jsに関してはnode.jsに関する基礎や開発・チュートリアルのまとめという記事が分かりやすいので合わせてご覧ください。 このnode.jsを使ったWebアプリがオープンソース（GPL）としてGithubにてコードが公開されています。 Scrumblrはnode.jsを使ったWebアプリのサンプルです。デモではjQueryとcss3を併用したメモボードをリアルタイムで共有することが出来ます。 機能 Scrum
社内講習わくわくjQuery編3 - 書くようになったら気をつけたい5つのこと
TIPSというかオマケ プログラマからするとオマケじゃなくて，本編に相当してる気もしますが，以下つらつらと．世間的には色々な入門書とかで散々言われてるような，出がらしレベルの内容です． これまでにほとんど言及していない変数とか宣言とかキナくさい単語が出てきますが，気になったときに調べてみればいいと思います． スタイル操作はCSSに任せて，jQueryは控えめにする jQueryはロジックを含みます．見た目の調整に関わるスタイリングは，なるべくCSSに任せてjQueryスクリプトの中は控えめに，簡潔に保ちます． $(function() { $('div').css('border', '2px solid blue').css('color', 'red').css('opacity', 1); $('div').css('border', '1px dotted silver').css
社内講習わくわくjQuery編2 - リファレンスから使えそうな機能をピックアップする
各領域の主要な機能 ( メソッド ) jQuery - StackTrace Main Page - jQuery JavaScript Library jQuery API Referenceにならって，jQueryの機能を分類し，各領域の主要な機能を紹介します． 詳細な日本語訳はすでに存在するので，自分のやりたいことを大分類から探していくことさえできれば，リファレンスも有効に活用できます． ※CSSはAttributesと何となく近しいので，まとめてしまいました．style attributeということで． セレクタ ( Selector ) Selectors - jQuery API 1.4.4 日本語リファレンス - StackTrace CSS3までのセレクタがJavaScriptでも使えると思ってください．ただし，一部は下記に示すように，jQueryの独自仕様による記法もある
社内講習わくわくjQuery編1 - jQueryを使ってみよう
今回の目標 読める＋書ける＝学べる 2時間ちょっとでいきなり書けるようになる訳はありませんが，書いてみないと覚えられないので，2時間かけて触ってみて独学できるようにします． 最初に，1+1=2の原理を覚える必要はないので，2=1+1でも 2=2＊1 でも 2=1/2＊4 でもいいので，やりたいことをやってみるのが一番です． やること jQueryセレクタをつかってみよう 要素をブン回してみよう スライドショーの動きを追ってみよう 開閉メニューの動きを追ってみよう やらないこと プログラムの基本（習うより慣れる） JavaScriptの構文（書きながら覚える） jQueryPluginの使い方（オプションをいじる以上のことをやろうと思うと難しい） thisなんてしりません $.eachなんてしりません 変数とかIFなんてわかりません jQueryを使えるようにする Downloading j
Media Queriesを使うときに参考にしたいサイト
CSS3のMedia Queriesを使ってみたいと思ったので、関連サイトを集めてみました。 いつもどおり有名どころが多いので見ている方も多いかもしれません。 仕様・解説などMedia QueriesW3CにあるMedia Queriesの仕様。CSS3 Media Queries『Web Designer Wall』の記事。サンプル多め。Different Stylesheets for Differently Sized Browser Windows | CSS-Tricks『CSS-Trick』sの記事。非対応ブラウザ用にjQueryを使ってスタイルシートを切り替える方法も紹介されている。ライブラリ・プラグインなどcss3-mediaqueries.jsCSS3 Media Queries非対応ブラウザでもMedia Queriesを使えるようにするためのJavaScriptライブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
designerterminal.com
designerterminal.com
最近知ったJavaScriptのあれこれ10個とおまけ - ふじこのプログラミング奮闘記